boris/ElegantFin
1
0
Fork 0
mirror of https://github.com/lscambo13/ElegantFin.git synced 2025-09-18 12:40:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix: Reworked media page layout to prevent abnormally large

Browse Source
This commit is contained in:
lscambo13
2024-12-19 09:25:19 -08:00
parent 50bcb36466
commit 1174801b8e
1 changed files with 28 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
Theme/ElegantFin-theme-nightly.css
View File

@@ -197,13 +197,13 @@ h1 {
} }
.detailPageWrapperContainer { .detailPageWrapperContainer {
padding-top: 30vh; /* padding-top: 30vh; */
background: linear-gradient(0deg, var(--darkerGradientPoint) 85%, transparent); background: linear-gradient(0deg, var(--darkerGradientPoint) 85%, transparent);
margin-top: -40vh; /* margin-top: -40vh; */
} }
.itemBackdrop { .itemBackdrop {
height: 50vh; height: 13em;
} }
.mediaInfoOfficialRating { .mediaInfoOfficialRating {
@@ -218,6 +218,26 @@ h1 {
border: solid var(--borderWidth) var(--borderColor); border: solid var(--borderWidth) var(--borderColor);
} }
.layout-desktop .detailRibbon {
height: auto !important;
margin-top: unset !important;
}
.layout-desktop .detailImageContainer .card {
top: unset !important;
}
.detailPageWrapperContainer {
padding-top: unset;
margin-top: unset;
}
@media (max-width: 62.5em) {
.layout-desktop .itemBackdrop {
height: 7em !important;
}
}
@media (orientation: portrait) and (max-width: 40em) { @media (orientation: portrait) and (max-width: 40em) {
.layout-mobile .itemBackdrop { .layout-mobile .itemBackdrop {
height: 40vh; height: 40vh;
@@ -229,6 +249,11 @@ h1 {
padding-inline-end: .475em; padding-inline-end: .475em;
padding-block-start: 0.470em; padding-block-start: 0.470em;
} }
.detailPageWrapperContainer {
padding-top: 35vh;
margin-top: -45vh;
}
} }
@media (max-height: 31.25em) { @media (max-height: 31.25em) {