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> </div>
</DropdownMenuContent> </DropdownMenuContent>
</DropdownMenu> </DropdownMenu>
{/* 宽屏内联显示,窄屏(<480px)通过"更多"气泡显示 */} {/* 宽屏内联显示,窄屏(<30rem)通过"更多"气泡显示;用 rem 让阈值随外观缩放同步变化 */}
<div className="hidden @[480px]:contents">{selectorItems}</div> <div className="hidden @[30rem]:contents">{selectorItems}</div>
{hasAnySelector && ( {hasAnySelector && (
<Popover> <Popover>
<PopoverTrigger asChild> <PopoverTrigger asChild>
<Button <Button
variant="outline" variant="outline"
size="icon" 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" /> <Ellipsis className="size-4" />
</Button> </Button>