aleabodo/SleekFin
1
0
Fork 0
Code Issues Pull Requests Actions 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%;
}
@media (orientation: landscape) and (min-width: 40em) {}
@media (orientation: portrait) and (max-width: 40em) {
[data-type=Movie] .listItemImage,
@@ -761,27 +759,28 @@ html {
width: 45vw !important;
}
.layout-mobile .overflowPortraitCard {
width: 35vw;
}
.layout-mobile .overflowSquareCard {
width: 26vw;
}
/* two portrait cards and three backdrop cards in cast page */
.layout-mobile .overflowPortraitCard,
.layout-mobile .overflowBackdropCard,
.layout-mobile .overflowSmallBackdropCard {
width: 40vw;
}
.layout-mobile #homeTab .overflowBackdropCard,
.layout-mobile #homeTab .overflowSmallBackdropCard {
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 .overflowSmallBackdropCard:has(.cardOverlayButtonIcon.play_arrow) {
width: 60vw;
width: 55vw;
}
}