feat(ui): restyle issue status and priority with colored badges

- Status labels use colored pill badges (solid bg for active, muted for inactive)
- Board columns have tinted backgrounds matching their status color
- Priority badges use orange (--priority) design token for clear distinction from status
- Issue cards restructured: identifier, title, then assignee/priority/date row
- Agent avatar default color changed from blue to gray
- New Issue button in header changed to solid/primary style
- Reduced hover shadow on board cards
- Added inheritColor prop to StatusIcon and PriorityIcon for badge use
This commit is contained in:
Jiayuan 2026-03-31 03:26:43 +08:00
parent 32e19f847f
commit 8a61c94b98
14 changed files with 140 additions and 116 deletions

View file

@ -43,8 +43,10 @@ export function PriorityPicker({
setOpen(false);
}}
>
<PriorityIcon priority={p} />
<span>{c.label}</span>
<span className={`inline-flex items-center gap-1 rounded px-1.5 py-0.5 text-xs font-medium ${c.badgeBg} ${c.badgeText}`}>
<PriorityIcon priority={p} className="h-3 w-3" inheritColor />
{c.label}
</span>
</PickerItem>
);
})}