feat: React Flow migration for flow editor canvas #82

Merged
chihlasm merged 19 commits from feat/react-flow-canvas into main 2026-02-19 05:43:34 +00:00
Showing only changes of commit 9413c8bfe8 - Show all commits

View File

@@ -315,3 +315,53 @@
@apply invisible;
}
}
/* React Flow dark theme overrides */
.react-flow__background {
background-color: hsl(var(--background));
}
.react-flow__controls {
background-color: hsl(var(--card));
border-color: hsl(var(--border));
border-radius: 0.75rem;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3);
}
.react-flow__controls-button {
background-color: hsl(var(--card));
border-color: hsl(var(--border));
fill: hsl(var(--muted-foreground));
}
.react-flow__controls-button:hover {
background-color: hsl(var(--accent));
}
.react-flow__minimap {
background-color: hsl(var(--card));
border-color: hsl(var(--border));
border-radius: 0.75rem;
}
.react-flow__edge-path {
stroke: hsl(var(--border));
}
.react-flow__edge-text {
fill: hsl(var(--muted-foreground));
}
.react-flow__edge-textbg {
fill: hsl(var(--card));
}
/* Hide default React Flow attribution */
.react-flow__attribution {
display: none;
}
/* Handle styles */
.react-flow__handle {
background-color: hsl(var(--border));
}