From 2d42fa97b34fe0ab9e93f1eaf8c3edd3f39845b2 Mon Sep 17 00:00:00 2001
From: xintaofei <itpkcn@gmail.com>
Date: Fri, 10 Apr 2026 17:10:14 +0800
Subject: [PATCH] fix(chat): raise input selector collapse breakpoint to 480px

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 src/components/chat/message-input.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/chat/message-input.tsx b/src/components/chat/message-input.tsx
index 7d87fbf..7197fea 100644
--- a/src/components/chat/message-input.tsx
+++ b/src/components/chat/message-input.tsx
@@ -1846,15 +1846,15 @@ export function MessageInput({
                 ))}
               </DropdownMenuContent>
             </DropdownMenu>
-            {/* 宽屏内联显示，窄屏（<420px）通过"更多"气泡显示 */}
-            <div className="hidden @[420px]:contents">{selectorItems}</div>
+            {/* 宽屏内联显示，窄屏（<480px）通过"更多"气泡显示 */}
+            <div className="hidden @[480px]:contents">{selectorItems}</div>
             {hasAnySelector && (
               <Popover>
                 <PopoverTrigger asChild>
                   <Button
                     variant="outline"
                     size="icon"
-                    className="h-6 w-6 shrink-0 bg-transparent @[420px]:hidden"
+                    className="h-6 w-6 shrink-0 bg-transparent @[480px]:hidden"
                   >
                     <Ellipsis className="size-4" />
                   </Button>