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