chihlasm/resolutionflow
1
0
Fork 0
Code Issues 23 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

fix: command palette section labels amber + item hover borders

Browse Source 
Section labels now use amber (#fbbf24) mono font matching sidebar
drawer style. Items show border highlight on hover/selection.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
chihlasm
2026-03-23 04:22:55 +00:00
parent 0a4185a00d
commit ceb1423b6a
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/components/layout/CommandPalette.tsx
View File

@@ -353,8 +353,8 @@ export function CommandPalette({ open, onClose }: CommandPaletteProps) {
return (
<div key={group.type}>
{/* Section label */}
<div className="px-3 pt-2 pb-1">
<span className="font-sans text-[0.625rem] uppercase tracking-[0.1em] text-muted-foreground">
<div className="px-3 pt-3 pb-1">
<span className="font-mono text-[0.6875rem] uppercase tracking-[0.12em] text-[#fbbf24]">
{group.label}
</span>
</div>
@@ -412,10 +412,10 @@ export function CommandPalette({ open, onClose }: CommandPaletteProps) {
onClick={() => handleSelect(item)}
onMouseEnter={() => setSelectedIndex(itemGlobalIdx)}
className={cn(
'flex w-full items-center gap-3 rounded-lg px-3 py-2.5 text-left transition-colors',
'flex w-full items-center gap-3 rounded-lg px-3 py-2.5 text-left border transition-colors',
isSelected
? 'bg-card-hover text-foreground'
: 'text-muted-foreground hover:bg-card-hover hover:text-foreground'
? 'bg-card-hover border-border-hover text-foreground'
: 'border-transparent text-muted-foreground hover:bg-card-hover hover:border-border-hover hover:text-foreground'
)}
>
<ItemIcon