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

dev: decreased the size of cards on the home page

Browse Source
This commit is contained in:
lscambo13
2025-05-29 02:18:36 -07:00
parent edfee4c2da
commit 859e30695b
1 changed files with 8 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -477,7 +477,7 @@ html {
} }
} }
/* 3 posters, 2 thumbs */ /* 3 posters, 2 thumbs, 2 with footer */
@media (max-width: 30em) { @media (max-width: 30em) {
.portraitCard, .portraitCard,
@@ -836,26 +836,29 @@ html {
} }
/* two portrait cards and three backdrop cards in cast page */ /* two portrait cards and three backdrop cards in cast page */
.layout-mobile .overflowPortraitCard, .layout-mobile .overflowPortraitCard {
width: 27vw;
}
.layout-mobile .overflowBackdropCard, .layout-mobile .overflowBackdropCard,
.layout-mobile .overflowSmallBackdropCard { .layout-mobile .overflowSmallBackdropCard {
width: 42vw; width: 42vw;
} }
.layout-mobile #homeTab .overflowPortraitCard { .layout-mobile #homeTab .overflowPortraitCard {
width: 40vw; /* width: 40vw; */
} }
/* two and a quarter portrait cards in home page */ /* two and a quarter portrait cards in home page */
.layout-mobile #homeTab .overflowBackdropCard, .layout-mobile #homeTab .overflowBackdropCard,
.layout-mobile #homeTab .overflowSmallBackdropCard { .layout-mobile #homeTab .overflowSmallBackdropCard {
width: 42vw; /* width: 42vw; */
} }
/* quarter to two backdrop cards in home page */ /* 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: 52vw; /* width: 52vw; */
} }
} }