mirror of
https://github.com/lscambo13/ElegantFin.git
synced 2026-10-26 09:39:34 +00:00
dev: decreased the size of cards on the home page
This commit is contained in:
1 parent
edfee4c2da
commit
859e30695b
1 file changed
+8
-5
@@ -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; */
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in new issue
Block a user