CodeMirror/budibase
1
0
Fork 0
mirror of synced 2024-10-02 01:56:57 +13:00
Code Issues Projects Releases Wiki Activity

Apply less aggressive global CSS rules to containers

Browse source
This commit is contained in:
Andrew Kingston 2021-06-10 11:24:42 +01:00
parent a1debf402f
commit 72f4eae31c
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 {