From da36344d0bbea1578b6e252e534cd0d86f49a0a9 Mon Sep 17 00:00:00 2001 From: indifferentketchup Date: Wed, 3 Jun 2026 17:00:49 +0000 Subject: [PATCH] style(web): outline the slash-picker chevron buttons Give the expand chevrons the BooCoder outline-button look (border-border bg-background, hover:bg-muted, filled when expanded) instead of the borderless ghost style. Applies to both BooChat's flat menu and BooCoder's grouped menu. Co-Authored-By: Claude Opus 4.8 (1M context) --- apps/web/src/components/SlashCommandPicker.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/apps/web/src/components/SlashCommandPicker.tsx b/apps/web/src/components/SlashCommandPicker.tsx index 6114dbf..48ed31b 100644 --- a/apps/web/src/components/SlashCommandPicker.tsx +++ b/apps/web/src/components/SlashCommandPicker.tsx @@ -225,7 +225,7 @@ export function SlashCommandPicker({ setHighlightIndex(i); setExpandedIndex((prev) => (prev === i ? null : i)); }} - className="-mr-1 -mt-0.5 flex shrink-0 items-center justify-center rounded p-1 text-muted-foreground/60 transition-colors hover:bg-foreground/10 hover:text-foreground max-md:min-h-[36px] max-md:min-w-[36px]" + className="-mr-1 -mt-0.5 flex shrink-0 items-center justify-center rounded-md border border-border bg-background p-1 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground max-md:min-h-[36px] max-md:min-w-[36px]" >