From 169281958bf18396dc5d05705673ef9eeaad63ef Mon Sep 17 00:00:00 2001
From: balibabu <cike8899@users.noreply.github.com>
Date: Wed, 12 Jun 2024 11:42:48 +0800
Subject: [PATCH] feat: when a node of the graph is selected, the border of the
 node is highlighted. #918 (#1125)

### What problem does this PR solve?

feat: when a node of the graph is selected, the border of the node is
highlighted. #918

### Type of change


- [x] New Feature (non-breaking change which adds functionality)
---
 web/src/pages/flow/canvas/node/index.less | 2 +-
 web/src/pages/flow/canvas/node/index.tsx  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/src/pages/flow/canvas/node/index.less b/web/src/pages/flow/canvas/node/index.less
index 54251cf29..855e9b5e7 100644
--- a/web/src/pages/flow/canvas/node/index.less
+++ b/web/src/pages/flow/canvas/node/index.less
@@ -15,7 +15,7 @@
   }
 }
 .selectedNode {
-  border-color: #1677ff;
+  border: 1px solid rgb(59, 118, 244);
 }
 
 .handle {
diff --git a/web/src/pages/flow/canvas/node/index.tsx b/web/src/pages/flow/canvas/node/index.tsx
index 9496c63b0..eb9a2095e 100644
--- a/web/src/pages/flow/canvas/node/index.tsx
+++ b/web/src/pages/flow/canvas/node/index.tsx
@@ -38,7 +38,7 @@ export function TextUpdaterNode({
       </Handle>
       <Handle type="source" position={Position.Bottom} id="a" isConnectable />
       <div>
-        <Space>
+        <Space size={4}>
           <OperatorIcon
             name={data.label as Operator}
             fontSize={12}