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

Apply less aggressive global CSS rules to containers

This commit is contained in:
Andrew Kingston 2021-06-10 11:24:42 +01:00
parent f4cb901f33
commit 70167591d9
1 changed files with 3 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
packages/standard-components/src/Container.svelte
View File

@ -11,7 +11,7 @@
let element let element
$: directionClass = direction ? `direction-${direction}` : "" $: directionClass = direction ? `container direction-${direction}` : ""
$: hAlignClass = hAlign ? `hAlign-${hAlign}` : "" $: hAlignClass = hAlign ? `hAlign-${hAlign}` : ""
$: vAlignClass = vAlign ? `vAlign-${vAlign}` : "" $: vAlignClass = vAlign ? `vAlign-${vAlign}` : ""
$: sizeClass = size ? `size-${size}` : "" $: sizeClass = size ? `size-${size}` : ""
@ -36,13 +36,11 @@
.empty { .empty {
border: 2px dashed rgba(0, 0, 0, 0.25); border: 2px dashed rgba(0, 0, 0, 0.25);
} }
.direction-row, .container {
.direction-column {
display: flex; display: flex;
max-width: 100%; max-width: 100%;
} }
.direction-row :global(*), .container :global([data-type="component"] > *) {
.direction-column :global(*) {
max-width: 100%; max-width: 100%;
} }
.direction-row { .direction-row {