From b7cd07c99663da3cdab12c3f016d04194525283b Mon Sep 17 00:00:00 2001
From: Fu Diwei <fudiwei@sina.com>
Date: Fri, 3 Jan 2025 21:35:12 +0800
Subject: [PATCH] fix(ui): workflow branch edge

---
 ui/src/components/workflow/node/AddNode.tsx    | 2 +-
 ui/src/components/workflow/node/BranchNode.tsx | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/ui/src/components/workflow/node/AddNode.tsx b/ui/src/components/workflow/node/AddNode.tsx
index 008cd17a..6290104c 100644
--- a/ui/src/components/workflow/node/AddNode.tsx
+++ b/ui/src/components/workflow/node/AddNode.tsx
@@ -45,7 +45,7 @@ const AddNode = ({ node: supnode }: NodeProps | BrandNodeProps) => {
   };
 
   return (
-    <div className="relative py-6 before:absolute before:left-[50%] before:top-0 before:h-full before:w-[2px] before:-translate-x-[50%] before:bg-stone-200 before:content-['']">
+    <div className="relative py-6 before:absolute before:left-1/2 before:top-0 before:h-full before:w-[2px] before:-translate-x-1/2 before:bg-stone-200 before:content-['']">
       <Dropdown
         menu={{
           items: dropdownMenus.map((item) => {
diff --git a/ui/src/components/workflow/node/BranchNode.tsx b/ui/src/components/workflow/node/BranchNode.tsx
index f8209cac..3231f6a0 100644
--- a/ui/src/components/workflow/node/BranchNode.tsx
+++ b/ui/src/components/workflow/node/BranchNode.tsx
@@ -32,9 +32,9 @@ const BranchNode = ({ node }: BrandNodeProps) => {
 
   return (
     <>
-      <div className="relative flex gap-x-16 before:absolute before:inset-x-[128px] before:top-0 before:h-[2px] before:bg-stone-200 before:content-['']">
+      <div className="relative flex gap-x-16 before:absolute before:inset-x-[128px] before:top-0 before:h-[2px] before:bg-stone-200 before:content-[''] after:absolute after:inset-x-[128px] after:bottom-0 after:h-[2px] after:bg-stone-200 after:content-['']">
         <Button
-          className="absolute left-[50%] z-[1] -translate-x-1/2 -translate-y-1/2 text-xs"
+          className="absolute left-1/2 z-[1] -translate-x-1/2 -translate-y-1/2 text-xs"
           size="small"
           shape="round"
           variant="outlined"
@@ -48,7 +48,7 @@ const BranchNode = ({ node }: BrandNodeProps) => {
         {node.branches!.map((branch, index) => (
           <div
             key={branch.id}
-            className="relative flex flex-col items-center before:absolute  before:left-[50%] before:top-0 before:h-full before:w-[2px] before:-translate-x-[50%] before:bg-stone-200 before:content-['']"
+            className="relative flex flex-col items-center before:absolute  before:left-1/2 before:top-0 before:h-full before:w-[2px] before:-translate-x-1/2 before:bg-stone-200 before:content-['']"
           >
             <div className="relative flex flex-col items-center">{renderNodes(branch, node.id, index)}</div>
           </div>