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