make it more visible

This commit is contained in:
Alessandro
2025-07-28 16:30:53 +02:00
parent 0a0d171daa
commit d6e5135c7c
+6 -2
View File
@@ -203,6 +203,8 @@ const initialEdges: Edge[] = [
markerEnd: { markerEnd: {
type: MarkerType.ArrowClosed, type: MarkerType.ArrowClosed,
color: '#0000ff', color: '#0000ff',
width: 40,
height: 40,
}, },
}, },
{ {
@@ -214,6 +216,8 @@ const initialEdges: Edge[] = [
markerEnd: { markerEnd: {
type: MarkerType.ArrowClosed, type: MarkerType.ArrowClosed,
color: undefined, color: undefined,
width: 40,
height: 40,
}, },
}, },
]; ];
@@ -239,7 +243,7 @@ const EdgesFlow = () => {
const onConnect = useCallback((params: Connection | Edge) => setEdges((eds) => addEdge(params, eds)), [setEdges]); const onConnect = useCallback((params: Connection | Edge) => setEdges((eds) => addEdge(params, eds)), [setEdges]);
return ( return (
<div style={{ height: '100vh' }}> <>
<style> <style>
{` {`
/* Test CSS variables on specific edges */ /* Test CSS variables on specific edges */
@@ -272,7 +276,7 @@ const EdgesFlow = () => {
<Controls /> <Controls />
<Background /> <Background />
</ReactFlow> </ReactFlow>
</div> </>
); );
}; };