kjs
/
ERP-node
1
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

[agent-pipeline] pipe-20260315072335-zb1m round-5

This commit is contained in:
DDD1542 2026-03-15 16:42:20 +09:00
parent bf509171db
commit 24b53b5b33
1 changed files with 14 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
frontend/components/screen/ScreenRelationFlow.tsx
View File

@ -1899,8 +1899,8 @@ function ScreenRelationFlowInner({ screen, selectedGroup, initialFocusedScreenId
style: { style: {
...edge.style, ...edge.style,
stroke: isConnected ? "hsl(var(--primary))" : "hsl(var(--border))", stroke: isConnected ? "hsl(var(--primary))" : "hsl(var(--border))",
strokeWidth: isConnected ? 2 : 1, strokeWidth: isConnected ? 2.5 : 1,
opacity: isConnected ? 1 : 0.3, opacity: isConnected ? 1 : 0.2,
}, },
}; };
} }
@ -1916,9 +1916,9 @@ function ScreenRelationFlowInner({ screen, selectedGroup, initialFocusedScreenId
style: { style: {
...edge.style, ...edge.style,
stroke: isMyConnection ? "hsl(var(--primary))" : "hsl(var(--border))", stroke: isMyConnection ? "hsl(var(--primary))" : "hsl(var(--border))",
strokeWidth: isMyConnection ? 2 : 1, strokeWidth: isMyConnection ? 2.5 : 1,
strokeDasharray: isMyConnection ? undefined : "5,5", strokeDasharray: isMyConnection ? undefined : "5,5",
opacity: isMyConnection ? 1 : 0.3, opacity: isMyConnection ? 1 : 0.2,
}, },
}; };
} }
@ -1997,7 +1997,7 @@ function ScreenRelationFlowInner({ screen, selectedGroup, initialFocusedScreenId
animated: true, animated: true,
style: { style: {
stroke: relationColor.stroke, // 관계 유형별 색상 stroke: relationColor.stroke, // 관계 유형별 색상
strokeWidth: 2, strokeWidth: 2.5,
strokeDasharray: '8,4', strokeDasharray: '8,4',
}, },
markerEnd: { markerEnd: {
@ -2036,8 +2036,8 @@ function ScreenRelationFlowInner({ screen, selectedGroup, initialFocusedScreenId
style: { style: {
...edge.style, ...edge.style,
stroke: isConnected ? "hsl(var(--primary))" : "hsl(var(--border))", stroke: isConnected ? "hsl(var(--primary))" : "hsl(var(--border))",
strokeWidth: isConnected ? 2 : 1, strokeWidth: isConnected ? 2.5 : 1,
opacity: isConnected ? 1 : 0.3, opacity: isConnected ? 1 : 0.2,
}, },
}; };
} }
@ -2072,7 +2072,7 @@ function ScreenRelationFlowInner({ screen, selectedGroup, initialFocusedScreenId
style: { style: {
...edge.style, ...edge.style,
stroke: "hsl(var(--primary))", stroke: "hsl(var(--primary))",
strokeWidth: 2, strokeWidth: 2.5,
strokeDasharray: "5,5", strokeDasharray: "5,5",
opacity: 1, opacity: 1,
}, },
@ -2091,9 +2091,9 @@ function ScreenRelationFlowInner({ screen, selectedGroup, initialFocusedScreenId
style: { style: {
...edge.style, ...edge.style,
stroke: isMyConnection ? "hsl(var(--primary))" : "hsl(var(--border))", stroke: isMyConnection ? "hsl(var(--primary))" : "hsl(var(--border))",
strokeWidth: isMyConnection ? 2 : 1, strokeWidth: isMyConnection ? 2.5 : 1,
strokeDasharray: isMyConnection ? undefined : "5,5", strokeDasharray: isMyConnection ? undefined : "5,5",
opacity: isMyConnection ? 1 : 0.3, opacity: isMyConnection ? 1 : 0.2,
}, },
}; };
} }
@ -2150,7 +2150,7 @@ function ScreenRelationFlowInner({ screen, selectedGroup, initialFocusedScreenId
stroke: isActive ? relationColor.stroke : relationColor.strokeLight, stroke: isActive ? relationColor.stroke : relationColor.strokeLight,
strokeWidth: isActive ? 2.5 : 1.5, strokeWidth: isActive ? 2.5 : 1.5,
strokeDasharray: "8,4", strokeDasharray: "8,4",
opacity: isActive ? 1 : 0.3, opacity: isActive ? 1 : 0.2,
}, },
markerEnd: { markerEnd: {
type: MarkerType.ArrowClosed, type: MarkerType.ArrowClosed,
@ -2174,7 +2174,7 @@ function ScreenRelationFlowInner({ screen, selectedGroup, initialFocusedScreenId
stroke: RELATION_COLORS.join.strokeLight, stroke: RELATION_COLORS.join.strokeLight,
strokeWidth: 1.5, strokeWidth: 1.5,
strokeDasharray: "6,4", strokeDasharray: "6,4",
opacity: 0.3, opacity: 0.2,
}, },
markerEnd: { markerEnd: {
type: MarkerType.ArrowClosed, type: MarkerType.ArrowClosed,
@ -2201,7 +2201,7 @@ function ScreenRelationFlowInner({ screen, selectedGroup, initialFocusedScreenId
style: { style: {
...edge.style, ...edge.style,
stroke: RELATION_COLORS.join.stroke, stroke: RELATION_COLORS.join.stroke,
strokeWidth: 2, strokeWidth: 2.5,
strokeDasharray: "6,4", strokeDasharray: "6,4",
opacity: 1, opacity: 1,
}, },
@ -2317,6 +2317,7 @@ function ScreenRelationFlowInner({ screen, selectedGroup, initialFocusedScreenId
{/* isViewReady가 false면 숨김 처리하여 깜빡임 방지 */} {/* isViewReady가 false면 숨김 처리하여 깜빡임 방지 */}
<div className={`h-full w-full transition-opacity duration-0 ${isViewReady ? "opacity-100" : "opacity-0"}`}> <div className={`h-full w-full transition-opacity duration-0 ${isViewReady ? "opacity-100" : "opacity-0"}`}>
<ReactFlow <ReactFlow
className="[&_.react-flow__node]:transition-all [&_.react-flow__node]:duration-300"
nodes={styledNodes} nodes={styledNodes}
edges={styledEdges} edges={styledEdges}
onNodesChange={onNodesChange} onNodesChange={onNodesChange}