enhance: improve colors and remove borders for workflow steps UX

obot-platform · Jan 6, 2025 · 1c5cf9b · 1c5cf9b
1 parent 488650b
commit 1c5cf9b
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/ui/admin/app/components/workflow/steps/StepBase.tsx b/ui/admin/app/components/workflow/steps/StepBase.tsx
@@ -71,10 +71,10 @@ export function StepBase({
         }
     };
     return (
-        <div className={cn("border rounded-md bg-background", className)}>
+        <div className={cn("rounded-md bg-background", className)}>
             <div
                 className={cn(
-                    "flex items-start gap-2 p-3 bg-muted",
+                    "flex items-start gap-2 p-3 bg-background-secondary",
                     showExpanded ? "rounded-t-md" : "rounded-md"
                 )}
             >
@@ -106,7 +106,7 @@ export function StepBase({
                     placeholder={fieldConfig.placeholder}
                     maxHeight={100}
                     minHeight={0}
-                    className="flex-grow bg-background-secondary"
+                    className="flex-grow bg-background"
                     onClick={(e) => e.stopPropagation()}
                 />