koningin_samira/andromeda
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Applied itemsContainer styling from desktop to mobile as well
Deploy to Unraid Share / copy-file (push) Successful in 5s
Details

Browse Source
This commit is contained in:
Samira
2026-04-29 22:58:40 +02:00
parent a4afdf96e2
commit eee19b47e0
1 changed files with 10 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
andromeda.css
+10 -11
View File
@@ -98,17 +98,16 @@ div:has(> div > .emby-scroller-container) {
padding-left: unset !important; padding-left: unset !important;
padding-right: unset !important; padding-right: unset !important;
} }
/* Match padding to other pages on mobile */ /* Match padding to other pages on mobile */
.layout-mobile .verticalSection > * { .layout-mobile .verticalSection > * {
padding-left: 5% !important; padding-left: 5% !important;
padding-right: 5% !important; padding-right: 5% !important;
} }
.layout-mobile .itemsContainer {
display: flex; /* Remove margin in favour of flex gap */
gap: 1em; .itemsContainer > * {
} margin: unset !important;
.layout-mobile .itemsContainer > * {
margin: unset !important;
} }
/* ============================== */ /* ============================== */
@@ -350,17 +349,17 @@ div:has(> div > .emby-scroller-container) {
/* List of seasons */ /* List of seasons */
/* Replace margin with gap */ /* Replace margin with gap */
.layout-desktop .itemsContainer { .itemsContainer {
display: flex;
gap: 1.2em; gap: 1.2em;
} }
.layout-desktop .itemsContainer > .card > .cardBox { .itemsContainer > .card > .cardBox {
margin-right: unset !important; margin-right: unset !important;
} }
.itemsContainer.padded-right:not(.padded-left) {
.layout-desktop .itemsContainer.padded-right:not(.padded-left) {
padding: unset !important; /* Remove right padding if left padding is not present */ padding: unset !important; /* Remove right padding if left padding is not present */
} }
.layout-desktop .itemsContainer.vertical-wrap { .itemsContainer.vertical-wrap {
justify-content: center; /* Only center if wrapping is enabled */ justify-content: center; /* Only center if wrapping is enabled */
} }