improve edges

This commit is contained in:
2026-03-07 10:10:13 +01:00
parent 5ccd369f1d
commit 7e42e74a1e
4 changed files with 128 additions and 37 deletions

View File

@@ -32,6 +32,25 @@ body {
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.15);
}
/* Animated React Flow edges: thicker stroke + path animation */
.react-flow__edge path.animated-edge-path,
.animated-edge-path {
stroke-width: 4;
stroke: hsl(var(--foreground) / 0.6);
fill: none;
stroke-dasharray: 8 6;
animation: edge-flow 0.6s linear infinite;
}
@keyframes edge-flow {
from {
stroke-dashoffset: 0;
}
to {
stroke-dashoffset: 14;
}
}
/* Small helper for monospace pre output */
pre {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, 'Roboto Mono', 'Courier New', monospace;