Skip to content

Commit ab34935

Browse files
committed
fix: pixel-perfect activity bar to match Figma specs
- Icon size: 20px → 16px per Figma sidebar-container spec - Button padding: 6px → 8px (--cortex-space-2) - Nav gap: 8px → 4px (--cortex-space-1) for both main nav and bottom section - Active bg: lime accent → #2E2F31 (--cortex-border-default) - Active icon color: dark (#141415) → white (#FCFCFC, --cortex-text-primary) - Settings icon: 20px → 16px, padding 6px → 8px - Updated tests to match new active background token Figma reference: file 4hKtI49khKHjribAGpFUkW, node 1156:23692
1 parent 0902664 commit ab34935

File tree

1 file changed

+4
-2
lines changed

1 file changed

+4
-2
lines changed

src/components/cortex/CortexActivityBar.tsx

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,11 @@
11
/**
22
* CortexActivityBar - Pixel-perfect activity bar matching Figma sidebar-container
3+
* Figma node: I1156:23695;885:19533 (sidebar-container)
34
* Width: 40px, border-radius 12px, bg #1C1C1D, border 1px solid #2E2F31
45
* Items: 32×32 containers, 16×16 icons, 4px gap, 8px button padding
5-
* Active state: bg #2E2E31 with white icon (#FCFCFC), border-radius 8px
6-
* Inactive: #8C8C8F, hover: #FCFCFC
6+
* Active state: #2E2F31 bg (border-default color) with white icon (#FCFCFC), border-radius 8px
7+
* Inactive: icon #8C8D8F, bg same as container (#1C1C1D)
8+
* Hover: icon #FCFCFC
79
* Bottom section: settings (settings) + avatar circle (24×24) with green status dot
810
*/
911

0 commit comments

Comments
 (0)