Update loop node styles (#972)
Co-authored-by: Muhammed Salih Altun <muhammedsalihaltun@gmail.com>
This commit is contained in:
@@ -77,7 +77,7 @@ function LoopNode({ id, data }: NodeProps<LoopNode>) {
|
|||||||
className="opacity-0"
|
className="opacity-0"
|
||||||
/>
|
/>
|
||||||
<div
|
<div
|
||||||
className="w-[60rem] rounded-md border-2 border-dashed border-slate-600 p-2"
|
className="w-[600px] rounded-xl border-2 border-dashed border-slate-600 p-2"
|
||||||
style={{
|
style={{
|
||||||
height: childrenHeightExtent,
|
height: childrenHeightExtent,
|
||||||
}}
|
}}
|
||||||
|
|||||||
@@ -99,7 +99,7 @@ function layout(
|
|||||||
const maxChildWidth = Math.max(
|
const maxChildWidth = Math.max(
|
||||||
...childNodes.map((node) => node.measured?.width ?? 0),
|
...childNodes.map((node) => node.measured?.width ?? 0),
|
||||||
);
|
);
|
||||||
const loopNodeWidth = 60 * 16; // 60 rem
|
const loopNodeWidth = 600; // 600 px
|
||||||
const layouted = layoutUtil(childNodes, childEdges, {
|
const layouted = layoutUtil(childNodes, childEdges, {
|
||||||
marginx: (loopNodeWidth - maxChildWidth) / 2,
|
marginx: (loopNodeWidth - maxChildWidth) / 2,
|
||||||
marginy: 200,
|
marginy: 200,
|
||||||
|
|||||||
Reference in New Issue
Block a user