danvics/ElegantFin
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

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
Show stats 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;