mirror of
https://github.com/lscambo13/ElegantFin.git
synced 2025-09-18 12:40:16 +00:00
Fix: Reduce card size if the screen is landscape and short in height
This commit is contained in:
@@ -247,7 +247,7 @@ h1 {
|
||||
@media (orientation: portrait) and (max-width: 40em) {
|
||||
.layout-mobile .itemBackdrop {
|
||||
height: 40vh;
|
||||
opacity: .35;
|
||||
/* opacity: .35; */
|
||||
}
|
||||
|
||||
.mediaInfoOfficialRating {
|
||||
@@ -262,14 +262,21 @@ h1 {
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-height: 31.25em) {
|
||||
.itemBackdrop {
|
||||
@media (orientation: landscape) and (max-height: 40em) {
|
||||
/* .itemBackdrop {
|
||||
height: 62vh;
|
||||
} */
|
||||
|
||||
.portraitCard {
|
||||
min-width: 2em;
|
||||
width: 8.5%;
|
||||
max-width: 6.5em;
|
||||
}
|
||||
}
|
||||
|
||||
.layout-mobile .itemBackdrop {
|
||||
margin-top: 3.5em;
|
||||
opacity: .35;
|
||||
}
|
||||
|
||||
h2 {
|
||||
|
Reference in New Issue
Block a user