search

Women-Coding-Community / wcc-frontend

Frontend for Women Coding Community Platform Project
MIT License
5 stars 13 forks source link

Header #4

Closed stepsen89 closed 5 months ago

stepsen89 commented 5 months 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 5 months 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