Fix button hierarchy: toggles use accent, Select uses secondary

Three primary buttons competing looked unfocused. New hierarchy:
- Add (N) button: primary (the CTA)
- Toggle chips selected: bg-accent (visible but not competing)
- Select button active: secondary (subtle elevation, not primary)
This commit is contained in:
Taylor Ho
2026-05-20 22:17:57 -07:00
parent 1054ca6959
commit 5bad647f11

View File

@@ -515,7 +515,7 @@ export function QuickAddAgentPopover({
className="shrink-0"
>
<Toggle
className="h-8 rounded-full px-3 text-xs"
className="h-8 rounded-full px-3 text-xs data-[state=on]:bg-accent data-[state=on]:text-accent-foreground"
onPressedChange={(pressed) =>
handleTeamToggle(team, pressed)
}
@@ -560,7 +560,7 @@ export function QuickAddAgentPopover({
}}
size="sm"
type="button"
variant={selectMode ? "default" : "ghost"}
variant={selectMode ? "secondary" : "ghost"}
>
Select
</Button>