From 926e3e6dc4f3ca4669fb920df245b2e390d9b014 Mon Sep 17 00:00:00 2001
From: mlogclub <mlog1@qq.com>
Date: Sun, 28 Jun 2026 19:48:37 +0800
Subject: [PATCH] feat: update styling of panels in WorkflowConfigPanel and
 ConditionBranchConfigPanel for improved UI consistency

---
 .../ai-workflows/_components/node-config-panel.tsx          | 6 +++---
 .../ai-workflows/_components/workflow-config-sidebar.tsx    | 4 ++--
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/web/app/dashboard/ai-workflows/_components/node-config-panel.tsx b/web/app/dashboard/ai-workflows/_components/node-config-panel.tsx
index 5aeb684..b4d50df 100644
--- a/web/app/dashboard/ai-workflows/_components/node-config-panel.tsx
+++ b/web/app/dashboard/ai-workflows/_components/node-config-panel.tsx
@@ -248,7 +248,7 @@ export function ConditionBranchConfigPanel({
       </ConfigCard>
 
       {branch.default ? (
-        <div className="rounded-lg border border-slate-200 bg-white px-3 py-2 text-xs text-slate-500">
+        <div className="rounded-md border border-slate-200 bg-white px-3 py-2 text-xs text-slate-500">
           默认分支不需要条件表达式，会在其他条件不匹配时执行。
         </div>
       ) : (
@@ -309,7 +309,7 @@ function ConditionBranchesEditor({
       <div className="space-y-2">
         {branches.map((branch) => {
           return (
-            <div key={branch.id} className="space-y-2 rounded-lg border border-slate-200 bg-slate-50/60 p-2.5">
+            <div key={branch.id} className="space-y-2 rounded-md border border-slate-200 bg-slate-50/60 p-2.5">
               <div className="flex items-center justify-between gap-2">
                 <span className="inline-flex h-5 shrink-0 items-center rounded-full border border-slate-200 bg-white px-2 font-mono text-[10px] font-semibold text-slate-600">
                   {branch.default ? "ELSE" : "IF"}
@@ -443,7 +443,7 @@ function ConfigCard({
   children: ReactNode
 }) {
   return (
-    <section className="overflow-hidden rounded-lg border border-slate-200 bg-white">
+    <section className="overflow-hidden rounded-md border border-slate-200 bg-white">
       <div className="flex min-h-10 items-center justify-between gap-2 border-b border-slate-100 px-3 py-2">
         <div className="min-w-0">
           <div className="truncate text-[13px] font-semibold text-slate-900">{title}</div>
diff --git a/web/app/dashboard/ai-workflows/_components/workflow-config-sidebar.tsx b/web/app/dashboard/ai-workflows/_components/workflow-config-sidebar.tsx
index 23e1903..0c022fd 100644
--- a/web/app/dashboard/ai-workflows/_components/workflow-config-sidebar.tsx
+++ b/web/app/dashboard/ai-workflows/_components/workflow-config-sidebar.tsx
@@ -124,9 +124,9 @@ export function WorkflowConfigPanel({
         className="pointer-events-auto absolute inset-y-2 left-0 z-10 w-2 -translate-x-1 cursor-col-resize rounded-full after:absolute after:inset-y-2 after:left-1/2 after:w-px after:-translate-x-1/2 after:bg-transparent hover:after:bg-blue-300"
         onPointerDown={startResize}
       />
-      <section className="pointer-events-auto flex min-h-0 w-full flex-col overflow-hidden rounded-xl border border-slate-200 bg-[#f8fafc] shadow-lg backdrop-blur">
+      <section className="pointer-events-auto flex min-h-0 w-full flex-col overflow-hidden rounded-lg border border-slate-200 bg-[#f8fafc] shadow-lg backdrop-blur">
         <div className="shrink-0 p-3 pb-2">
-          <div className="overflow-hidden rounded-lg border border-slate-200 bg-white">
+          <div className="overflow-hidden rounded-md border border-slate-200 bg-white">
             <div className="px-3 py-3">
               <div className="flex items-center justify-between gap-3">
                 <div className="flex min-w-0 flex-1 items-center gap-2.5">