enhance: adjust the offset of the workfow parameter dialog to overlay…

… the invoke button (#727)
obot-platform · Dec 2, 2024 · e14ed55 · e14ed55
1 parent dde0a22
commit e14ed55
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/ui/admin/app/components/chat/Chat.tsx b/ui/admin/app/components/chat/Chat.tsx
@@ -59,7 +59,7 @@ export function Chat({ className }: ChatProps) {
                             "w-full": threadId,
                         })}
                         popoverContentProps={{
-                            sideOffset: !threadId ? -150 : undefined,
+                            className: cn({ "translate-y-[-50%]": !threadId }),
                         }}
                         loading={isInvoking || isRunning}
                         disabled={isInvoking || isRunning}

diff --git a/ui/admin/app/components/chat/RunWorkflow.tsx b/ui/admin/app/components/chat/RunWorkflow.tsx
@@ -2,6 +2,7 @@ import { ComponentProps, useState } from "react";
 import useSWR from "swr";
 
 import { WorkflowService } from "~/lib/service/api/workflowService";
+import { cn } from "~/lib/utils";
 
 import { RunWorkflowForm } from "~/components/chat/RunWorkflowForm";
 import { Button, ButtonProps } from "~/components/ui/button";
@@ -57,7 +58,10 @@ export function RunWorkflow({
                 </Button>
             </PopoverTrigger>
 
-            <PopoverContent {...popoverContentProps} className="min-w-full">
+            <PopoverContent
+                {...popoverContentProps}
+                className={cn("min-w-full", popoverContentProps?.className)}
+            >
                 <RunWorkflowForm
                     params={params}
                     onSubmit={(params) => {