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: Reduce card size if the screen is landscape and short in height

Browse Source
This commit is contained in:
lscambo13
2024-12-20 12:57:29 -08:00
parent 518a393135
commit 7ff5766cee
1 changed files with 10 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -247,7 +247,7 @@ h1 {
@media (orientation: portrait) and (max-width: 40em) { @media (orientation: portrait) and (max-width: 40em) {
.layout-mobile .itemBackdrop { .layout-mobile .itemBackdrop {
height: 40vh; height: 40vh;
opacity: .35; /* opacity: .35; */
} }
.mediaInfoOfficialRating { .mediaInfoOfficialRating {
@@ -262,14 +262,21 @@ h1 {
} }
} }
@media (max-height: 31.25em) { @media (orientation: landscape) and (max-height: 40em) {
.itemBackdrop { /* .itemBackdrop {
height: 62vh; height: 62vh;
} */
.portraitCard {
min-width: 2em;
width: 8.5%;
max-width: 6.5em;
} }
} }
.layout-mobile .itemBackdrop { .layout-mobile .itemBackdrop {
margin-top: 3.5em; margin-top: 3.5em;
opacity: .35;
} }
h2 { h2 {