fix(admin-ui): sidebar font sizes per handoff spec

- Section labels (WORKFLOW / АДМИНИСТРИРОВАНИЕ): text-2xs (12px) → 10.5px
  Tektur per handoff caption spec. "Администрирование" не вылазит за
  220px sidebar.
- Nav items: text-sm (14px) → text-[13px] handoff body workhorse size.
- Badge counters: text-2xs (12px) → text-[11px] (mono IDs spec).

Partial — full font audit pending (Stage 3.x font sweep). См. nsi-hot.md.
This commit is contained in:
Zimin A.N.
2026-05-11 13:56:38 +03:00
parent 0ddba871f7
commit f72aac6398
@@ -126,7 +126,7 @@ export function Sidebar() {
{visibleSections.map((section, idx) => ( {visibleSections.map((section, idx) => (
<div key={idx} className="flex flex-col gap-0.5"> <div key={idx} className="flex flex-col gap-0.5">
{section.label && ( {section.label && (
<div className="px-3 py-1 text-2xs font-display uppercase tracking-[0.10em] text-mute"> <div className="px-3 py-1 font-display uppercase tracking-[0.10em] text-mute text-[10.5px] leading-none">
{section.label} {section.label}
</div> </div>
)} )}
@@ -179,7 +179,9 @@ function SidebarLink({ to, label, icon: Icon, badge }: NavItem) {
<Link <Link
to={to} to={to}
className={cn( className={cn(
'group flex items-center gap-2.5 px-3 py-1.5 rounded-md text-sm transition-colors', // 13px per handoff spec для workhorse body text. text-sm = 14px (Tailwind),
// text-[13px] = exact handoff value.
'group flex items-center gap-2.5 px-3 py-1.5 rounded-md text-[13px] transition-colors',
active active
? 'bg-accent-bg text-accent font-medium' ? 'bg-accent-bg text-accent font-medium'
: 'text-ink-2 hover:text-ink hover:bg-surface-2', : 'text-ink-2 hover:text-ink hover:bg-surface-2',
@@ -190,7 +192,7 @@ function SidebarLink({ to, label, icon: Icon, badge }: NavItem) {
{badge !== undefined && ( {badge !== undefined && (
<span <span
className={cn( className={cn(
'inline-flex items-center justify-center min-w-5 h-5 px-1.5 rounded-sm text-2xs font-mono', 'inline-flex items-center justify-center min-w-5 h-5 px-1.5 rounded-sm text-[11px] font-mono',
active active
? 'bg-accent text-on-accent' ? 'bg-accent text-on-accent'
: 'bg-surface-2 text-ink-2 group-hover:bg-line', : 'bg-surface-2 text-ink-2 group-hover:bg-line',