Use more unique class names to avoid clashes
This commit is contained in:
parent
70167591d9
commit
1b2d5b6e47
|
@ -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 {
|
||||||
|
|
Loading…
Reference in New Issue