MaximilianGT500/scyfin
1
0
Fork 0
mirror of https://github.com/loof2736/scyfin.git synced 2025-11-03 16:08:53 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

Modified alignment of cards on details page for mobile

Browse Source
This commit is contained in:
loof2736 2025-05-17 13:21:30 -04:00
parent 00363ff09f
commit abe98d6d59
1 changed files with 6 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
CSS/scyfin-theme.css
View File

@ -869,6 +869,9 @@ html,
padding: 15px 20px 5px 20px !important; padding: 15px 20px 5px 20px !important;
border-radius: var(--rounded-cards) !important; border-radius: var(--rounded-cards) !important;
} }
.layout-mobile .detailPageContent {
padding-right: 0 !important;
}
/* Add card around description */ /* Add card around description */
.layout-desktop .detailSectionContent { .layout-desktop .detailSectionContent {
@ -919,6 +922,9 @@ html,
.layout-desktop .detailPagePrimaryContent { .layout-desktop .detailPagePrimaryContent {
padding-left: 20.4vw !important; padding-left: 20.4vw !important;
} }
.layout-mobile .detailPagePrimaryContent {
padding-right: 5% !important;
}
/* Padding for 2:3 posters */ /* Padding for 2:3 posters */
.layout-desktop .detailPageWrapperContainer:has(.detailImageContainer .portraitCard) .detailPagePrimaryContent { .layout-desktop .detailPageWrapperContainer:has(.detailImageContainer .portraitCard) .detailPagePrimaryContent {
min-height: 29vw !important; min-height: 29vw !important;