fix: theme updates for workflows (#672)

Signed-off-by: Ryan Hopper-Lowe <[email protected]>
otto8-ai · Nov 25, 2024 · e4c4807 · e4c4807
1 parent 9d9f8b9
commit e4c4807
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 3 deletions.
diff --git a/ui/admin/app/components/workflow/ParamsForm.tsx b/ui/admin/app/components/workflow/ParamsForm.tsx
@@ -115,7 +115,7 @@ export function ParamsForm({
                 ))}
 
                 <Button
-                    variant="secondary"
+                    variant="ghost"
                     className="self-end"
                     startContent={<PlusIcon />}
                     onClick={() =>

diff --git a/ui/admin/app/components/workflow/steps/AddStep.tsx b/ui/admin/app/components/workflow/steps/AddStep.tsx
@@ -28,9 +28,10 @@ type StepType = "regular" | "if" | "while" | "template";
 
 interface AddStepButtonProps {
     onAddStep: (newStep: Step) => void;
+    className?: string;
 }
 
-export function AddStepButton({ onAddStep }: AddStepButtonProps) {
+export function AddStepButton({ onAddStep, className }: AddStepButtonProps) {
     const [open, setOpen] = useState(false);
     const [isTemplateModalOpen, setIsTemplateModalOpen] = useState(false);
 
@@ -91,7 +92,7 @@ export function AddStepButton({ onAddStep }: AddStepButtonProps) {
         <>
             <Popover open={open} onOpenChange={setOpen}>
                 <PopoverTrigger asChild>
-                    <Button variant="secondary">
+                    <Button variant="ghost" className={className}>
                         <Plus className="w-4 h-4 mr-2" /> Add
                     </Button>
                 </PopoverTrigger>

diff --git a/ui/admin/app/components/workflow/steps/StepsForm.tsx b/ui/admin/app/components/workflow/steps/StepsForm.tsx
@@ -73,6 +73,7 @@ export function StepsForm({
                                 )}
                             </div>
                             <AddStepButton
+                                className="float-end"
                                 onAddStep={(newStep) => {
                                     field.onChange([...field.value, newStep]);
                                 }}