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

feat: improve layout and styling of WorkflowConfigPanel for better UI consistency

Browse Source
This commit is contained in:
mlogclub
2026-06-28 19:32:03 +08:00
parent c4a2389965
commit d1723ff5d7
1 changed files with 19 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/app/dashboard/ai-workflows/_components/workflow-config-sidebar.tsx
+19 -17
View File
@@ -93,8 +93,9 @@ export function WorkflowConfigPanel({
<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-xl 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-lg border border-slate-200 bg-white">
<div className="flex items-start justify-between gap-3 px-3 py-3"> <div className="px-3 py-3">
<div className="flex min-w-0 items-start gap-2.5"> <div className="flex items-center justify-between gap-3">
<div className="flex min-w-0 items-center gap-2.5">
<WorkflowNodeIcon <WorkflowNodeIcon
icon={panelIcon} icon={panelIcon}
size="sm" size="sm"
@@ -107,23 +108,24 @@ export function WorkflowConfigPanel({
className="h-6 border-transparent bg-transparent px-0 text-sm font-semibold leading-5 text-slate-900 shadow-none hover:border-transparent focus-visible:ring-0" className="h-6 border-transparent bg-transparent px-0 text-sm font-semibold leading-5 text-slate-900 shadow-none hover:border-transparent focus-visible:ring-0"
onChange={(event) => updatePanelTitle(event.target.value)} onChange={(event) => updatePanelTitle(event.target.value)}
/> />
{panelDescription ? (
<div className="mt-1 line-clamp-2 text-xs leading-5 text-slate-500">
{panelDescription}
</div>
) : null}
</div> </div>
</div> </div>
<Button <Button
type="button" type="button"
variant="ghost" variant="ghost"
size="icon" size="icon"
className="size-7 shrink-0 rounded-md text-slate-500 hover:bg-slate-100 hover:text-slate-700" className="size-7 shrink-0 rounded-md text-slate-500 hover:bg-slate-100 hover:text-slate-700"
aria-label="关闭属性面板" aria-label="关闭属性面板"
onClick={onClose} onClick={onClose}
> >
<XIcon className="size-4" /> <XIcon className="size-4" />
</Button> </Button>
</div>
{panelDescription ? (
<div className="mt-2 line-clamp-2 text-xs leading-5 text-slate-500">
{panelDescription}
</div>
) : null}
</div> </div>
{panelMeta ? ( {panelMeta ? (
<div className="border-t border-slate-100 px-3 py-2"> <div className="border-t border-slate-100 px-3 py-2">