Scope CommandPalette uppercase to the group heading #4

Merged
GROK merged 1 commits from fix/cmdk-heading-uppercase into main 2026-08-20 17:18:54 -05:00
+10 -1
View File
@@ -59,7 +59,16 @@ export function CommandPalette({
<Command.List className="max-h-80 overflow-auto p-2"> <Command.List className="max-h-80 overflow-auto p-2">
<Command.Empty className="py-6 text-center text-sm text-muted">No results.</Command.Empty> <Command.Empty className="py-6 text-center text-sm text-muted">No results.</Command.Empty>
{groups.map(([group, items]) => ( {groups.map(([group, items]) => (
<Command.Group key={group} heading={group} className="px-1 py-1 text-xs font-semibold uppercase tracking-wide text-muted [&_[cmdk-group-items]]:mt-1"> <Command.Group
key={group}
heading={group}
className={cn(
"px-1 py-1 [&_[cmdk-group-items]]:mt-1",
"[&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-semibold",
"[&_[cmdk-group-heading]]:uppercase [&_[cmdk-group-heading]]:tracking-wide",
"[&_[cmdk-group-heading]]:text-muted"
)}
>
{items.map((a) => ( {items.map((a) => (
<Command.Item <Command.Item
key={a.id} key={a.id}