From 5f4c26c48031ce52f6b3ce3e1b910e144b549c29 Mon Sep 17 00:00:00 2001
From: xintaofei <itpkcn@gmail.com>
Date: Thu, 23 Apr 2026 11:30:49 +0800
Subject: [PATCH] fix(message-input): scale selector collapse breakpoint with
 appearance zoom

---
 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 1c0cc6f..70fdfa5 100644
--- a/src/components/chat/message-input.tsx
+++ b/src/components/chat/message-input.tsx
@@ -2175,15 +2175,15 @@ export function MessageInput({
                 </div>
               </DropdownMenuContent>
             </DropdownMenu>
-            {/* 宽屏内联显示，窄屏（<480px）通过"更多"气泡显示 */}
-            <div className="hidden @[480px]:contents">{selectorItems}</div>
+            {/* 宽屏内联显示，窄屏（<30rem）通过"更多"气泡显示；用 rem 让阈值随外观缩放同步变化 */}
+            <div className="hidden @[30rem]:contents">{selectorItems}</div>
             {hasAnySelector && (
               <Popover>
                 <PopoverTrigger asChild>
                   <Button
                     variant="outline"
                     size="icon"
-                    className="h-6 w-6 shrink-0 bg-transparent @[480px]:hidden"
+                    className="h-6 w-6 shrink-0 bg-transparent @[30rem]:hidden"
                   >
                     <Ellipsis className="size-4" />
                   </Button>