PublicMirrors/hydra
1
0
Fork 0
mirror of https://github.com/hydralauncher/hydra.git synced 2025-02-03 00:33:49 +03:00
Code Issues Actions 1 Packages Projects Releases 1 Wiki Activity

feat/adjust-ui: adjust game details screen spacings

Browse Source
This commit is contained in:
Guilherme Viana 2024-04-15 10:46:52 -03:00
parent ff026ffdd9
commit 712539a4bc
1 changed files with 17 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/renderer/pages/game-details/game-details.css.ts
View File

@ -71,14 +71,16 @@ export const contentSidebar = style({
height: "100%", height: "100%",
"@media": { "@media": {
"(min-width: 768px)": { "(min-width: 768px)": {
width: "100%",
maxWidth: "200px", maxWidth: "200px",
width: "200px",
minWidth: "200px",
}, },
"(min-width: 1024px)": { "(min-width: 1024px)": {
maxWidth: "325px", maxWidth: "300px",
width: "325px", width: "100%",
minWidth: "325px", },
"(min-width: 1280px)": {
width: "100%",
maxWidth: "400px",
}, },
}, },
}); });
@ -118,6 +120,14 @@ export const description = style({
fontFamily: "'Fira Sans', sans-serif", fontFamily: "'Fira Sans', sans-serif",
fontSize: "16px", fontSize: "16px",
padding: `${SPACING_UNIT * 3}px ${SPACING_UNIT * 2}px`, padding: `${SPACING_UNIT * 3}px ${SPACING_UNIT * 2}px`,
"@media": {
"(min-width: 1280px)": {
width: "60%",
},
},
width: "100%",
marginLeft: "auto",
marginRight: "auto",
}); });
export const descriptionHeader = style({ export const descriptionHeader = style({
@ -175,11 +185,9 @@ globalStyle(".bb_tag", {
globalStyle(`${description} img`, { globalStyle(`${description} img`, {
borderRadius: "5px", borderRadius: "5px",
marginTop: `${SPACING_UNIT}px`, marginTop: `${SPACING_UNIT}px`,
marginBottom: `${SPACING_UNIT}px`, marginBottom: `${SPACING_UNIT * 3}px`,
marginLeft: "auto",
marginRight: "auto",
display: "block", display: "block",
maxWidth: "100%", width: "100%",
boxShadow: "0px 0px 15px 0px #000000", boxShadow: "0px 0px 15px 0px #000000",
}); });