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: Tweaked card sizes for more even alignment

Browse Source
This commit is contained in:
lscambo13
2025-05-19 13:27:49 -07:00
parent 8bc151aa31
commit 473b8ed28f
1 changed files with 10 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -741,8 +741,6 @@ html {
min-width: 15%; min-width: 15%;
} }
@media (orientation: landscape) and (min-width: 40em) {}
@media (orientation: portrait) and (max-width: 40em) { @media (orientation: portrait) and (max-width: 40em) {
[data-type=Movie] .listItemImage, [data-type=Movie] .listItemImage,
@@ -761,27 +759,28 @@ html {
width: 45vw !important; width: 45vw !important;
} }
.layout-mobile .overflowPortraitCard {
width: 35vw;
}
.layout-mobile .overflowSquareCard { .layout-mobile .overflowSquareCard {
width: 26vw; width: 26vw;
} }
/* two portrait cards and three backdrop cards in cast page */
.layout-mobile .overflowPortraitCard,
.layout-mobile .overflowBackdropCard, .layout-mobile .overflowBackdropCard,
.layout-mobile .overflowSmallBackdropCard { .layout-mobile .overflowSmallBackdropCard {
width: 40vw;
}
.layout-mobile #homeTab .overflowBackdropCard,
.layout-mobile #homeTab .overflowSmallBackdropCard {
width: 42vw; width: 42vw;
} }
/* two and a quarter portrait cards in home page */
.layout-mobile #homeTab .overflowBackdropCard,
.layout-mobile #homeTab .overflowSmallBackdropCard {
/* width: 38vw; */
}
/* quarter to two backdrop cards in home page */
.layout-mobile #homeTab .overflowBackdropCard:has(.cardOverlayButtonIcon.play_arrow), .layout-mobile #homeTab .overflowBackdropCard:has(.cardOverlayButtonIcon.play_arrow),
.layout-mobile #homeTab .overflowSmallBackdropCard:has(.cardOverlayButtonIcon.play_arrow) { .layout-mobile #homeTab .overflowSmallBackdropCard:has(.cardOverlayButtonIcon.play_arrow) {
width: 60vw; width: 55vw;
} }
} }