From 6a02fd29be1b8bfa3737bd62983ec73b46e3e93c Mon Sep 17 00:00:00 2001
From: Naiyuan Qing <145280634+NevilleQingNY@users.noreply.github.com>
Date: Mon, 9 Feb 2026 11:43:49 +0800
Subject: [PATCH] fix(ui): adjust chat input padding, icon, and button size

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 packages/ui/src/components/chat-input.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/ui/src/components/chat-input.tsx b/packages/ui/src/components/chat-input.tsx
index 28e01c72..fafbdfb2 100644
--- a/packages/ui/src/components/chat-input.tsx
+++ b/packages/ui/src/components/chat-input.tsx
@@ -4,7 +4,7 @@ import { useEditor, EditorContent } from "@tiptap/react";
 import StarterKit from "@tiptap/starter-kit";
 import Placeholder from "@tiptap/extension-placeholder";
 import { Button } from "@multica/ui/components/ui/button";
-import { ArrowUpIcon } from "@hugeicons/core-free-icons";
+import { ArrowUp02Icon } from "@hugeicons/core-free-icons";
 import { HugeiconsIcon } from "@hugeicons/react";
 import { cn } from "@multica/ui/lib/utils";
 import "./chat-input.css";
@@ -111,13 +111,13 @@ export const ChatInput = forwardRef<ChatInputRef, ChatInputProps>(
 
     return (
       <div className={cn(
-        "chat-input-editor bg-card rounded-xl p-3 border border-border transition-colors",
+        "chat-input-editor bg-card rounded-xl p-2 border border-border transition-colors",
         disabled && "is-disabled cursor-not-allowed opacity-60",
       )}>
-        <EditorContent editor={editor} />
+        <EditorContent className="min-h-12" editor={editor} />
         <div className="flex items-center justify-end pt-2">
-          <Button size="icon-lg" onClick={handleSubmit} disabled={disabled}>
-            <HugeiconsIcon className="size-4.5" strokeWidth={2.5} icon={ArrowUpIcon} />
+          <Button size="icon" onClick={handleSubmit} disabled={disabled}>
+            <HugeiconsIcon strokeWidth={2.5} icon={ArrowUp02Icon} />
           </Button>
         </div>
       </div>