fix(ui): match Lens time range menu width to its trigger

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Yujong Lee 2026-10-04 16:26:48 -07:00
parent 8208449908
commit 3d35d9f920

View file

@ -55,13 +55,13 @@ export function TimeRangeControls({
<DropdownMenu> <DropdownMenu>
<DropdownMenuTrigger <DropdownMenuTrigger
aria-label="Time range" aria-label="Time range"
className={cn(SEGMENT, "text-foreground hover:bg-muted/60")} className={cn(SEGMENT, "min-w-40 justify-between text-foreground hover:bg-muted/60")}
data-testid="time-range-trigger" data-testid="time-range-trigger"
> >
<span className="tabular-nums">{fixedRange ? fixedRangeLabel(fixedRange) : presetLabel(rangeHours)}</span> <span className="tabular-nums">{fixedRange ? fixedRangeLabel(fixedRange) : presetLabel(rangeHours)}</span>
<ChevronDown className="size-3.5 text-muted-foreground" /> <ChevronDown className="size-3.5 text-muted-foreground" />
</DropdownMenuTrigger> </DropdownMenuTrigger>
<DropdownMenuContent align="end" className="w-auto min-w-44"> <DropdownMenuContent align="end" className="min-w-0">
<DropdownMenuRadioGroup <DropdownMenuRadioGroup
value={String(rangeHours)} value={String(rangeHours)}
onValueChange={(value: string) => onRangeHoursChange(Number(value))} onValueChange={(value: string) => onRangeHoursChange(Number(value))}