Render slash commands popup below chat input text area on home page

2024-11-23 15:38:55 +01:00 · 2024-10-28 01:55:24 -07:00 · 2024-10-28 01:55:24 -07:00 · aad7528d1b
commit aad7528d1b
parent 3e17ab438a
1 changed files with 5 additions and 0 deletions
--- a/src/interface/web/app/components/chatInputArea/chatInputArea.tsx
+++ b/src/interface/web/app/components/chatInputArea/chatInputArea.tsx
@ -367,6 +367,11 @@ export const ChatInputArea = forwardRef<HTMLTextAreaElement, ChatInputProps>((pr
                        <PopoverContent
                            onOpenAutoFocus={(e) => e.preventDefault()}
                            className={`${props.isMobileWidth ? "w-[100vw]" : "w-full"} rounded-md`}
+                            side="top"
+                            align="center"
+                            /* Offset below text area on home page (i.e where conversationId is unset) */
+                            sideOffset={props.conversationId ? 0 : 80}
+                            alignOffset={0}
                        >
                            <Command className="max-w-full">
                                <CommandInput