Fix some layout edge cases

This commit is contained in:
Andrew Kingston 2024-08-06 11:43:22 +01:00
parent cacc2ab087
commit 73079e4417
No known key found for this signature in database
1 changed files with 10 additions and 4 deletions

View File

@ -406,6 +406,9 @@
max-width: 100%;
gap: var(--spacing-xl);
}
.nav.size--max {
padding: 10px;
}
.nav :global(.spectrum-Icon) {
color: var(--navTextColor);
opacity: 0.75;
@ -414,10 +417,6 @@
color: var(--navTextColor);
opacity: 1;
}
.layout:has(.screenslot-dom > .component > .grid) .nav {
padding: 24px 42px 20px 42px;
}
.nav :global(h1) {
color: var(--navTextColor);
}
@ -483,6 +482,9 @@
position: relative;
padding: 32px;
}
.main:not(.size--max):has(.screenslot-dom > .component > .grid) {
padding: 22px;
}
.layout--none .main {
padding: 0;
@ -614,6 +616,10 @@
.mobile:not(.layout--none) .main {
padding: 16px;
}
.mobile:not(.layout--none)
.main:not(.size--max):has(.screenslot-dom > .component > .grid) {
padding: 6px;
}
.mobile .main.size--max {
padding: 0;
}