MirrorSave
/
budibase
mirror of https://github.com/Budibase/budibase.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
packages/client/src/components/app/Layout.svelte
View File

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