Fix Select button: ghost+border for transparent bg, no bg-background clash

The outline variant includes bg-background which creates a visible
contrast block against bg-popover. Use ghost variant with explicit
border-input border for a truly transparent-bg outlined button.
This commit is contained in:
Taylor Ho
2026-05-20 21:54:51 -07:00
parent f54727e57b
commit ff513e9cdc

View File

@@ -546,6 +546,11 @@ export function QuickAddAgentPopover({
{usableTeams.length > 0 ? (
<div className="ml-auto flex shrink-0 items-center pl-2">
<Button
className={
selectMode
? undefined
: "border border-input bg-transparent"
}
onClick={() => {
if (selectMode) {
handleCancelSelect();
@@ -555,7 +560,7 @@ export function QuickAddAgentPopover({
}}
size="sm"
type="button"
variant={selectMode ? "default" : "outline"}
variant={selectMode ? "default" : "ghost"}
>
Select
</Button>