fix(message-input): scale selector collapse breakpoint with appearance zoom

This commit is contained in:
xintaofei
2026-04-23 11:30:49 +08:00
parent cd15813f34
commit 5f4c26c480

View File

@@ -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>