Fix: Reduce card sizes in landscape mode on phones

This commit is contained in:
lscambo13
2025-01-08 06:42:02 -08:00
parent f9e957bd09
commit 54108ac435

View File

@@ -415,6 +415,16 @@ h1 {
@media (orientation: landscape) and (max-height: 40em) { @media (orientation: landscape) and (max-height: 40em) {
.overflowPortraitCard,
.overflowSquareCard {
width: 13vw;
}
.overflowBackdropCard,
.overflowSmallBackdropCard {
width: 20vw;
}
.portraitCard { .portraitCard {
min-width: 2em; min-width: 2em;
width: 8.5%; width: 8.5%;
@@ -424,6 +434,19 @@ h1 {
.backdropCard { .backdropCard {
width: 23%; width: 23%;
} }
.layout-mobile .detailImageContainer .card {
max-width: 15vw;
}
.layout-mobile .dialogContainer>.focuscontainer.dialog.actionsheet-not-fullscreen.actionSheet.centeredDialog.opened {
margin: -.4em -.8em !important;
}
.layout-mobile [dir=ltr] .infoWrapper {
padding-left: 25% !important;
}
} }
.layout-mobile .itemBackdrop { .layout-mobile .itemBackdrop {