feat: better initial state for svg

statebacked · Sep 13, 2023 · 025727c · 025727c
1 parent 1312317
commit 025727c
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/src/components/svg-flow-graph/initial-edge/index.tsx b/src/components/svg-flow-graph/initial-edge/index.tsx
@@ -3,13 +3,13 @@ import { ArrowMarker } from "../arrow-marker";
 
 export const InitialEdge = ({ pos }: { pos: PositionInfo }) => {
   const endPoint = {
-    x: pos.x - 10,
-    y: pos.y + 10,
+    x: pos.x - 7,
+    y: pos.y + 7,
   };
 
   const startPoint = {
-    x: endPoint.x - 5,
-    y: endPoint.y - 10,
+    x: endPoint.x - 3.5,
+    y: endPoint.y - 7,
   };
 
   const markerId = `n${Math.floor(Math.random() * 1000)}`;
@@ -19,7 +19,7 @@ export const InitialEdge = ({ pos }: { pos: PositionInfo }) => {
       <defs>
         <ArrowMarker id={markerId} />
       </defs>
-      <circle r="4" cx={startPoint.x} cy={startPoint.y} fill="#000" />
+      <circle r="3" cx={startPoint.x} cy={startPoint.y} fill="#000" />
       <path
         d={`M ${startPoint.x},${startPoint.y} Q ${startPoint.x},${endPoint.y} ${
           endPoint.x