Update loop node styles (#972)

Co-authored-by: Muhammed Salih Altun <muhammedsalihaltun@gmail.com>
This commit is contained in:
Shuchang Zheng
2024-10-15 06:08:45 -07:00
committed by GitHub
parent dcca1a64d2
commit afb39da5c3
2 changed files with 2 additions and 2 deletions

View File

@@ -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,
}} }}

View File

@@ -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,