update color and optimize

TrustlessComputer · Sep 11, 2024 · 0a8a18b · 0a8a18b
1 parent 7a27d26
commit 0a8a18b
Show file tree

Hide file tree

Showing 6 changed files with 37 additions and 37 deletions.
diff --git a/src/modules/blockchains/Buy/component4/CustomEdge/index.tsx b/src/modules/blockchains/Buy/component4/CustomEdge/index.tsx
@@ -45,7 +45,7 @@ function CustomEdge({
 
   return (
     <React.Fragment key={id}>
-      <BaseEdge id={id} path={edgePath} markerEnd={markerEnd} className={s.edge_line} />
+      <BaseEdge id={id} path={edgePath} markerEnd={markerEnd} className={s.edge_line} style={style} />
       {
         label && (
           <EdgeLabelRenderer>

diff --git a/src/modules/blockchains/Buy/hooks/useCheckNodes.ts b/src/modules/blockchains/Buy/hooks/useCheckNodes.ts
@@ -136,8 +136,8 @@ export default function useCheckNodes() {
             .animate,
           markerEnd: {
             type: MarkerType.Arrow,
-            width: 25,
-            height: 25,
+            width: 20,
+            height: 20,
             strokeWidth: 1,
             color: '#AAAAAA',
           },
@@ -233,8 +233,8 @@ export default function useCheckNodes() {
           focusable: false,
           markerEnd: {
             type: MarkerType.Arrow,
-            width: 25,
-            height: 25,
+            width: 20,
+            height: 20,
             strokeWidth: 1,
             color: '#AAAAAA',
           },
@@ -333,8 +333,8 @@ export default function useCheckNodes() {
           focusable: false,
           markerEnd: {
             type: MarkerType.Arrow,
-            width: 25,
-            height: 25,
+            width: 20,
+            height: 20,
             strokeWidth: 1,
             color: '#AAAAAA',
           },

diff --git a/src/modules/blockchains/Buy/hooks/useFetchingTemplate.ts b/src/modules/blockchains/Buy/hooks/useFetchingTemplate.ts
@@ -314,8 +314,8 @@ export default function useFetchingTemplate() {
         focusable: false,
         markerEnd: {
           type: MarkerType.Arrow,
-          width: 25,
-          height: 25,
+          width: 20,
+          height: 20,
           strokeWidth: 1,
           color: '#AAAAAA',
         },

diff --git a/src/modules/blockchains/Buy/hooks/useLineIssueToken.ts b/src/modules/blockchains/Buy/hooks/useLineIssueToken.ts
@@ -56,13 +56,13 @@ function useLineIssueToken(): void {
             focusable: false,
             markerEnd: {
               type: MarkerType.Arrow,
-              width: 25,
-              height: 25,
+              width: 20,
+              height: 20,
               strokeWidth: 1,
-              color: '#AAAAAA',
+              color: '#E5BBB2',
             },
             style: {
-              stroke: '#AAAAAA',
+              stroke: '#E5BBB2',
               strokeWidth: 2,
             },
           }
@@ -88,13 +88,13 @@ function useLineIssueToken(): void {
             focusable: false,
             markerEnd: {
               type: MarkerType.Arrow,
-              width: 25,
-              height: 25,
+              width: 20,
+              height: 20,
               strokeWidth: 1,
-              color: '#AAAAAA',
+              color: '#E5BBB2',
             },
             style: {
-              stroke: '#AAAAAA',
+              stroke: '#E5BBB2',
               strokeWidth: 2,
             },
           };
@@ -120,13 +120,13 @@ function useLineIssueToken(): void {
             focusable: false,
             markerEnd: {
               type: MarkerType.Arrow,
-              width: 25,
-              height: 25,
+              width: 20,
+              height: 20,
               strokeWidth: 1,
-              color: '#AAAAAA',
+              color: '#E5BBB2',
             },
             style: {
-              stroke: '#AAAAAA',
+              stroke: '#E5BBB2',
               strokeWidth: 2,
             },
           };
@@ -152,13 +152,13 @@ function useLineIssueToken(): void {
             focusable: false,
             markerEnd: {
               type: MarkerType.Arrow,
-              width: 25,
-              height: 25,
+              width: 20,
+              height: 20,
               strokeWidth: 1,
-              color: '#AAAAAA',
+              color: '#E5BBB2',
             },
             style: {
-              stroke: '#AAAAAA',
+              stroke: '#E5BBB2',
               strokeWidth: 2,
             },
           };

diff --git a/src/modules/blockchains/Buy/hooks/useNodeFlowControl.ts b/src/modules/blockchains/Buy/hooks/useNodeFlowControl.ts
@@ -171,8 +171,8 @@ export default function useNodeFlowControl() {
               .animate,
             markerEnd: {
               type: MarkerType.Arrow,
-              width: 25,
-              height: 25,
+              width: 20,
+              height: 20,
               strokeWidth: 1,
               color: '#AAAAAA',
             },
@@ -234,8 +234,8 @@ export default function useNodeFlowControl() {
             type: 'customEdge',
             markerEnd: {
               type: MarkerType.Arrow,
-              width: 25,
-              height: 25,
+              width: 20,
+              height: 20,
               strokeWidth: 1,
               color: '#AAAAAA',
             },
@@ -301,8 +301,8 @@ export default function useNodeFlowControl() {
             type: 'customEdge',
             markerEnd: {
               type: MarkerType.Arrow,
-              width: 25,
-              height: 25,
+              width: 20,
+              height: 20,
               strokeWidth: 1,
               color: '#AAAAAA',
             },
@@ -470,8 +470,8 @@ export default function useNodeFlowControl() {
           .animate,
         markerEnd: {
           type: MarkerType.Arrow,
-          width: 25,
-          height: 25,
+          width: 20,
+          height: 20,
           strokeWidth: 1,
           color: '#AAAAAA',
         },

diff --git a/src/modules/blockchains/Buy/hooks/useSetDefaultDapp.ts b/src/modules/blockchains/Buy/hooks/useSetDefaultDapp.ts
@@ -127,8 +127,8 @@ const useSetDefaultDapp = () => {
         focusable: false,
         markerEnd: {
           type: MarkerType.Arrow,
-          width: 25,
-          height: 25,
+          width: 20,
+          height: 20,
           strokeWidth: 1,
           color: '#AAAAAA',
         },
@@ -156,8 +156,8 @@ const useSetDefaultDapp = () => {
         focusable: false,
         markerEnd: {
           type: MarkerType.Arrow,
-          width: 25,
-          height: 25,
+          width: 20,
+          height: 20,
           strokeWidth: 1,
           color: '#AAAAAA',
         },