wlw/ai-agent
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: update styling of panels in WorkflowConfigPanel and ConditionBranchConfigPanel for improved UI consistency

Browse Source
This commit is contained in:
mlogclub
2026-06-28 19:48:37 +08:00
parent 3d15c58aeb
commit 926e3e6dc4
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/app/dashboard/ai-workflows/_components/node-config-panel.tsx
+3 -3
View File
@@ -248,7 +248,7 @@ export function ConditionBranchConfigPanel({
</ConfigCard> </ConfigCard>
{branch.default ? ( {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> </div>
) : ( ) : (
@@ -309,7 +309,7 @@ function ConditionBranchesEditor({
<div className="space-y-2"> <div className="space-y-2">
{branches.map((branch) => { {branches.map((branch) => {
return ( 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"> <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"> <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"} {branch.default ? "ELSE" : "IF"}
@@ -443,7 +443,7 @@ function ConfigCard({
children: ReactNode children: ReactNode
}) { }) {
return ( 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="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="min-w-0">
<div className="truncate text-[13px] font-semibold text-slate-900">{title}</div> <div className="truncate text-[13px] font-semibold text-slate-900">{title}</div>
web/app/dashboard/ai-workflows/_components/workflow-config-sidebar.tsx
+2 -2
View File
@@ -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" 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} 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="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="px-3 py-3">
<div className="flex items-center justify-between gap-3"> <div className="flex items-center justify-between gap-3">
<div className="flex min-w-0 flex-1 items-center gap-2.5"> <div className="flex min-w-0 flex-1 items-center gap-2.5">