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) {
.portraitCard,
@@ -836,26 +836,29 @@ html {
}
/* two portrait cards and three backdrop cards in cast page */
.layout-mobile .overflowPortraitCard,
.layout-mobile .overflowPortraitCard {
width: 27vw;
}
.layout-mobile .overflowBackdropCard,
.layout-mobile .overflowSmallBackdropCard {
width: 42vw;
}
.layout-mobile #homeTab .overflowPortraitCard {
width: 40vw;
/* width: 40vw; */
}
/* two and a quarter portrait cards in home page */
.layout-mobile #homeTab .overflowBackdropCard,
.layout-mobile #homeTab .overflowSmallBackdropCard {
width: 42vw;
/* width: 42vw; */
}
/* 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: 52vw;
/* width: 52vw; */
}
}