feat(portal-shell): ghost-style Sign-in button with log-in icon
CI / scan (pull_request) Failing after 3m4s
CI / commits (pull_request) Successful in 3m23s
CI / check (pull_request) Successful in 4m48s
CI / a11y (pull_request) Successful in 1m50s
CI / perf (pull_request) Successful in 3m40s

Header's anonymous CTA was a filled brand-primary block — visually
loud against the otherwise quiet header icon strip (Notifications,
Help). Switched to a ghost (transparent / no border) button with a
log-in icon ahead of the label:

- bg-transparent, text in brand-primary-500 (dark mode: -300)
- hover surfaces a faint brand-primary-50 fill so the affordance
  stays readable
- gap-1.5 between the new 16 px log-in icon and the label
- h-11 preserved — 44x44 touch target per ADR-0016 still holds

Adds 'log-in' (lucide LogIn) to the shared icon registry; pair
of the existing 'log-out'.
This commit is contained in:
Julien Gautier
2026-05-19 11:14:59 +02:00
parent 5ef1e3d9bb
commit 3f8e33f730
2 changed files with 5 additions and 3 deletions
+2
View File
@@ -15,6 +15,7 @@ import {
Grid2x2,
House,
LayoutDashboard,
LogIn,
LogOut,
type LucideIconData,
LucideAngularModule,
@@ -67,6 +68,7 @@ const ICON_REGISTRY = {
'grid-2x2': Grid2x2,
home: House,
'layout-dashboard': LayoutDashboard,
'log-in': LogIn,
'log-out': LogOut,
mail: Mail,
monitor: Monitor,