feat: nicer connectors

statebacked · Sep 13, 2023 · 0ecc28f · 0ecc28f
1 parent 2524be6
commit 0ecc28f
Show file tree

Hide file tree

Showing 5 changed files with 9 additions and 9 deletions.
diff --git a/src/components/svg-flow-graph/arrow-marker.tsx b/src/components/svg-flow-graph/arrow-marker.tsx
@@ -3,8 +3,8 @@ export const ArrowMarker = ({ id }: { id: string }) => {
     <marker
       id={id}
       viewBox="0 0 10 10"
-      markerWidth="5"
-      markerHeight="5"
+      markerWidth="3"
+      markerHeight="3"
       refX="0"
       refY="5"
       markerUnits="strokeWidth"

diff --git a/src/components/svg-flow-graph/embedded-arrow-marker.tsx b/src/components/svg-flow-graph/embedded-arrow-marker.tsx
@@ -9,8 +9,8 @@ export const EmbeddedArrowMarker = ({
     <marker
       id={id}
       viewBox="0 0 10 10"
-      markerWidth="10"
-      markerHeight="10"
+      markerWidth="7"
+      markerHeight="7"
       refX="0"
       refY="5"
       markerUnits="strokeWidth"

diff --git a/src/components/svg-flow-graph/embedded-circle-marker.tsx b/src/components/svg-flow-graph/embedded-circle-marker.tsx
@@ -3,8 +3,8 @@ export const EmbeddedCircleMarker = ({ id }: { id: string }) => {
     <marker
       id={id}
       viewBox="0 0 10 10"
-      markerWidth="10"
-      markerHeight="10"
+      markerWidth="7"
+      markerHeight="7"
       refX="0"
       refY="5"
       markerUnits="strokeWidth"

diff --git a/src/components/svg-flow-graph/embedded-through-marker.tsx b/src/components/svg-flow-graph/embedded-through-marker.tsx
@@ -9,8 +9,8 @@ export const EmbeddedThroughMarker = ({
     <marker
       id={id}
       viewBox="0 0 10 10"
-      markerWidth="10"
-      markerHeight="10"
+      markerWidth="7"
+      markerHeight="7"
       refX="0"
       refY="5"
       markerUnits="strokeWidth"

diff --git a/src/components/svg-flow-graph/index.tsx b/src/components/svg-flow-graph/index.tsx
@@ -119,7 +119,7 @@ const sizeForState = (
       headingHeight +
       (itemCount > 0 ? headingBottomMargin : 0),
     padding: {
-      top: padding + headingHeight,
+      top: padding + headingHeight + headingBottomMargin,
       bottom: padding,
       left: padding,
       right: padding,