Use more unique class names to avoid clashes

This commit is contained in:
Andrew Kingston 2021-06-10 11:34:01 +01:00
parent 70167591d9
commit 1b2d5b6e47
1 changed files with 3 additions and 3 deletions

View File

@ -11,7 +11,7 @@
let element let element
$: directionClass = direction ? `container direction-${direction}` : "" $: directionClass = direction ? `valid-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,11 +36,11 @@
.empty { .empty {
border: 2px dashed rgba(0, 0, 0, 0.25); border: 2px dashed rgba(0, 0, 0, 0.25);
} }
.container { .valid-container {
display: flex; display: flex;
max-width: 100%; max-width: 100%;
} }
.container :global([data-type="component"] > *) { .valid-container :global([data-type="component"] > *) {
max-width: 100%; max-width: 100%;
} }
.direction-row { .direction-row {