[SELC-4585] Feat: adapt drawer component to responsive design - Githubissues

pagopa / mui-italia

Material-UI theme inspired by BootstrapItalia.

https://pagopa.github.io/mui-italia

MIT License

18 stars 5 forks source link

[SELC-4585] Feat: adapt drawer component to responsive design #505

Closed OraldoDoci closed 4 months ago

OraldoDoci commented 4 months ago

Short description

Resposive design of the Drawer in the HeaderProduct Component.

Preview

If it makes sense, please add one or more screenshots/videos.

List of changes proposed in this pull request

Change the stle of the drawer menu to follow new responsive mui italia design
Add x icon button to allow closing of the drawer.
Product

Area Riservata

How to test

In the terminal run npm run storybook and go to HeaderProduct component. Check if in diferent viewports with chrome dev tools the Drawer follows the style in the figma below. https://www.figma.com/design/pNBaYInnJjgyg1BZ1VeuJq/MUI-Italia---Design-System?node-id=14047-93971&t=wW5w040qnxzjO93b-4