v-align attach, send buttons with chat input text area on web app

Otherwise, those buttons look off-center when images are attached to
the chat input area
This commit is contained in:
Debanjum 2024-11-04 20:49:35 -08:00
parent b51ee644aa
commit 05a93fcbed

View file

@ -458,7 +458,7 @@ export const ChatInputArea = forwardRef<HTMLTextAreaElement, ChatInputProps>((pr
onChange={handleFileChange} onChange={handleFileChange}
style={{ display: "none" }} style={{ display: "none" }}
/> />
<div className="flex items-center"> <div className="flex items-end pb-2">
<Button <Button
variant={"ghost"} variant={"ghost"}
className="!bg-none p-0 m-2 h-auto text-3xl rounded-full text-gray-300 hover:text-gray-500" className="!bg-none p-0 m-2 h-auto text-3xl rounded-full text-gray-300 hover:text-gray-500"
@ -514,7 +514,7 @@ export const ChatInputArea = forwardRef<HTMLTextAreaElement, ChatInputProps>((pr
disabled={props.sendDisabled || recording} disabled={props.sendDisabled || recording}
/> />
</div> </div>
<div className="flex items-center"> <div className="flex items-end pb-2">
{recording ? ( {recording ? (
<TooltipProvider> <TooltipProvider>
<Tooltip> <Tooltip>