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: Adjusted media rating icon dimensions for smaller screens

Browse Source
This commit is contained in:
lscambo13
2024-12-18 07:49:32 -08:00
parent 4bc9489755
commit 8df87128ca
1 changed files with 18 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -242,11 +242,29 @@ h1 {
height: 50vh;
}
.mediaInfoOfficialRating {
border-radius: .5em;
font-size: 66%;
line-height: 1em;
margin: 0em 0.5em .15em 0em !important;
padding-inline: .5em;
padding-block-start: .4em;
font-weight: 600;
background: transparent !important;
border: solid 1px var(--borderColor);
}
@media (orientation: portrait) and (max-width: 40em) {
.layout-mobile .itemBackdrop {
height: 40vh;
opacity: .35;
}
.mediaInfoOfficialRating {
padding-inline-start: .5em;
padding-inline-end: .475em;
padding-block-start: 0.470em;
}
}
@media (max-height: 31.25em) {
@@ -429,18 +447,6 @@ html {
backdrop-filter: blur(8px);
}
.mediaInfoOfficialRating {
border-radius: .5em;
font-size: 66%;
line-height: 1em;
margin: 0em 0.5em .15em 0em !important;
padding-inline: .5em;
padding-block-start: .4em;
font-weight: 600;
background: transparent !important;
border: solid 1px var(--borderColor);
}
.detailButton {
border-radius: .5em;
border: solid var(--lighterBorderColor) 1px;