search

Women-Coding-Community / wcc-frontend

MIT License
2 stars 4 forks source link

Header #4

Closed stepsen89 closed 1 week ago

stepsen89 commented 3 weeks ago

The header is static inside the application

Figma design: link

DESKTOP Image

with breadcrumbs: Image

blog article page: uses 'back to blog' link instead of regular breadcrumbs: Image

MOBILE Image

Image

drawer open: Image

Image

Image

more navigation/menu:

Image

lilyndk commented 2 weeks ago

Hi @stepsen89

I’ve created the mobile drawer designs and added them to the description. As noted in the 'yellow notes' in Figma (see attached screenshot), I’ve mapped the elements to the MUI ‘styling color and typography variables’. If we use those variables, the styles should closely align with the Figma designs once we add update the theme colors and typography styles (which I’m still working on defining).

Image