Hive
fix(server): css changes to projects page to match Figma
GitHub issue · Closed
A set of small CSS/token/icon adjustments to bring the account Projects page (and shared account layout) in line with the Figma design:
-
Divider token (noora/css/tokens.css) — updated the global
--noora-content-divider-lineso its light/dark values(neutral-light-400 / neutral-dark-900)match the .noora-line-divider component. Dark mode previously resolved to a semi-transparent alpha-black. -
Sidebar border (layouts.css) — the sidebar’s border-right now references the semantic
var(--noora-content-divider-line)token instead of inlining raw neutral tokens, so every divider in the app shares one source of truth. -
Content padding (layouts.css / layouts/account.css) — dropped the base .layout__content padding (it was overridden for account anyway) and bumped the account content padding-inline from spacing-7 → spacing-8.
-
Projects/Members spacing (pages/account.css) — top-level section gap spacing-9 → spacing-10; the inner gap within the Recent/All sections (title ↔ search ↔ grid) spacing-9 → spacing-7.
-
Webhook icon (noora/lib/noora/icons/webhook.svg) — replaced with the new stroke icon