Much better wrapping of block containers

This commit is contained in:
space-nuko
2023-05-10 09:54:24 -05:00
parent ce9ee44f45
commit 789d8a0137

View File

@@ -54,6 +54,7 @@
class:selected={$uiState.uiUnlocked && $layoutState.currentSelection.includes(container.id)} class:selected={$uiState.uiUnlocked && $layoutState.currentSelection.includes(container.id)}
class:root-container={zIndex === 0} class:root-container={zIndex === 0}
class:is-executing={container.isNodeExecuting} class:is-executing={container.isNodeExecuting}
class:mobile={isMobile}
class:edit={edit}> class:edit={edit}>
<Block> <Block>
{#if container.attrs.title && container.attrs.title !== ""} {#if container.attrs.title && container.attrs.title !== ""}
@@ -105,6 +106,8 @@
width: 100%; width: 100%;
overflow: visible; overflow: visible;
display: flex; display: flex;
flex: 1 1 0%;
flex-wrap: wrap;
.edit { .edit {
min-width: 200px; min-width: 200px;
@@ -194,12 +197,6 @@
> :global(.block > .v-pane) { > :global(.block > .v-pane) {
flex-direction: row; flex-direction: row;
} }
> :global(*), > :global(.form > *) {
flex: 1 1 0%;
flex-wrap: wrap;
min-width: min(160px, 100%);
}
} }
&.vertical { &.vertical {
@@ -208,10 +205,6 @@
> :global(.block > .v-pane) { > :global(.block > .v-pane) {
flex-direction: column; flex-direction: column;
} }
> :global(*), > :global(.form > *), .v-pane {
width: var(--size-full);
}
} }
} }
@@ -238,7 +231,6 @@
.animation-wrapper { .animation-wrapper {
position: relative; position: relative;
flex-grow: 100; flex-grow: 100;
flex-basis: 0;
} }
.handle-hidden { .handle-hidden {