fix(ui): keep the time range divider outside the menu anchor

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Yujong Lee 2026-10-04 16:36:49 -07:00
parent 773bfef066
commit f3387221ea

View file

@ -45,7 +45,7 @@ export function TimeRangeControls({
}: TimeRangeControlsProps) { }: TimeRangeControlsProps) {
const live = isLive(range); const live = isLive(range);
return ( return (
<div className="flex items-stretch divide-x divide-border border-l border-border"> <div className="flex items-stretch border-l border-border">
<DropdownMenu> <DropdownMenu>
<DropdownMenuTrigger <DropdownMenuTrigger
aria-label="Time range" aria-label="Time range"
@ -75,6 +75,7 @@ export function TimeRangeControls({
onClick={() => onLiveChange(!live)} onClick={() => onLiveChange(!live)}
className={cn( className={cn(
SEGMENT, SEGMENT,
"border-l border-border",
live ? "bg-info/10 text-info hover:bg-info/15" : "text-muted-foreground hover:text-foreground", live ? "bg-info/10 text-info hover:bg-info/15" : "text-muted-foreground hover:text-foreground",
)} )}
> >