fix(demo): node width set to 360px (#498)

apps/demo-free-layout/src/components/base-node/styles.tsx

@@ -16,8 +16,7 @@ export const NodeWrapperStyle = styled.div`
   flex-direction: column;
   justify-content: center;
   position: relative;
-  min-width: 360px;
-  width: 100%;
+  width: 360px;
   height: auto;
 
   &.selected {

apps/demo-free-layout/src/nodes/block-end/index.ts

@@ -23,6 +23,7 @@ export const BlockEndNodeRegistry: FlowNodeRegistry = {
     },
     wrapperStyle: {
       minWidth: 'unset',
+      width: '100%',
       borderWidth: 2,
       borderRadius: 12,
       cursor: 'move',

apps/demo-free-layout/src/nodes/block-start/index.ts

@@ -23,6 +23,7 @@ export const BlockStartNodeRegistry: FlowNodeRegistry = {
     },
     wrapperStyle: {
       minWidth: 'unset',
+      width: '100%',
       borderWidth: 2,
       borderRadius: 12,
       cursor: 'move',

apps/demo-free-layout/src/nodes/loop/index.ts

@@ -64,6 +64,7 @@ export const LoopNodeRegistry: FlowNodeRegistry = {
     expandable: false, // disable expanded
     wrapperStyle: {
       minWidth: 'unset',
+      width: '100%',
     },
   },
   onAdd() {