feat(ui): Youreka favicon, logout confirmation, nav active states, brand alignment

Browse Source

- favicon is the Youreka logo (64px PNG generated from the source mark),
  on the tools pages and server error pages
- signing out asks first: a Carbon cds-modal (Cancel / danger Sign out)
  shared by the header and the mobile side nav; Cancel closes, Sign out
  confirms and logs out
- the current tool is now visibly selected: Carbon marks active nav via
  a[aria-current=page] INSIDE the shadow, but aria-current sits on the
  host, so the rule never matched — the header item now gets a blue
  underline and the side-nav link a blue left border (via ::part(link)
  for colour, plus the host for the marker)
- logo and wordmark are middle-aligned inside a flex brand wrapper
- tests: favicon/modal/signout-trigger markup and the active-tool marking
  on both navs (45 total)

...

This commit is contained in:

adebisi-fa

2026-10-01 04:08:09 +01:00

parent 17c407883d

commit 2e4a51d018

7 changed files with 83 additions and 8 deletions

Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL

Download Patch File Download Diff File Expand all files Collapse all files

tools/public/assets/youreka-favicon.png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 4.8 KiB