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

feat: update styling of FlowgramNodeRenderer and WorkflowNodeCard for consistency

Browse Source
This commit is contained in:
mlogclub
2026-06-28 12:01:01 +08:00
parent ab7b8399af
commit 6ee62812f7
2 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/app/dashboard/ai-workflows/_components/flowgram-node-renderer.tsx
+1 -1
View File
@@ -25,7 +25,7 @@ export function FlowgramNodeRenderer(props: WorkflowNodeProps) {
<WorkflowNodeRenderer <WorkflowNodeRenderer
node={props.node} node={props.node}
className={cn( className={cn(
"overflow-visible rounded-2xl border transition-colors", "overflow-visible rounded-lg border transition-colors",
selected ? "border-(--g-selection-background)" : "border-transparent" selected ? "border-(--g-selection-background)" : "border-transparent"
)} )}
style={{ padding: 0 }} style={{ padding: 0 }}
web/app/dashboard/ai-workflows/_components/workflow-node-card.tsx
+2 -2
View File
@@ -25,14 +25,14 @@ export function WorkflowNodeCard({
return ( return (
<div <div
className={cn( className={cn(
"group relative rounded-2xl border bg-background p-0.5 transition-all", "group relative rounded-lg border bg-background p-0.5 transition-all",
width === "wide" ? "w-[320px]" : "w-[280px]", width === "wide" ? "w-[320px]" : "w-[280px]",
selected selected
? "border-[var(--g-selection-background)] shadow-[0_8px_24px_rgba(20,24,38,0.14)]" ? "border-[var(--g-selection-background)] shadow-[0_8px_24px_rgba(20,24,38,0.14)]"
: "border-border/80 shadow-sm hover:border-border hover:shadow-md" : "border-border/80 shadow-sm hover:border-border hover:shadow-md"
)} )}
> >
<div className="overflow-hidden rounded-[15px] border border-transparent bg-background"> <div className="overflow-hidden rounded-lg border border-transparent bg-background">
<div className="flex items-center gap-2 px-3 pb-2 pt-3"> <div className="flex items-center gap-2 px-3 pb-2 pt-3">
<WorkflowNodeIcon type={nodeType} tone={meta.tone} /> <WorkflowNodeIcon type={nodeType} tone={meta.tone} />
<div className="min-w-0 flex-1"> <div className="min-w-0 flex-1">