PatrickSouzaSilva/desafio-react-e-typescript
1
0
Fork 0
forked from M3-Academy/desafio-react-e-typescript
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: adicionando e ajustando o menu mobile

Browse Source
This commit is contained in:
PatrickSouza 2023-01-20 23:17:08 -03:00
parent febb89dc22
commit 8a9d536e74
3 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
public/assets/footer-img/menu-mobile.svg Normal file
View File

@ -0,0 +1,5 @@
<svg width="28" height="23" viewBox="0 0 28 23" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M26.25 19.0001H1.75002C0.783509 19.0001 0 19.7836 0 20.7501C0 21.7166 0.783508 22.5001 1.75002 22.5001H26.25C27.2165 22.5001 28 21.7166 28 20.7501C28 19.7836 27.2165 19.0001 26.25 19.0001Z" fill="white"/>
<path d="M26.25 9.5H1.75002C0.783509 9.5 0 10.2835 0 11.25C0 12.2165 0.783508 13 1.75002 13H26.25C27.2165 13 28 12.2165 28 11.25C28 10.2835 27.2165 9.5 26.25 9.5Z" fill="white"/>
<path d="M26.25 0H1.75002C0.783509 0 0 0.783509 0 1.75002C0 2.71652 0.783508 3.50003 1.75002 3.50003H26.25C27.2165 3.50003 28 2.71652 28 1.75002C28 0.783509 27.2165 0 26.25 0Z" fill="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 688 B

1
src/components/header/header.scss
View File

@ -48,6 +48,7 @@
.header_top {
display: flex;
padding: 25px 0;
justify-content: space-between;
}
}
}

2
src/components/header/index.tsx
View File

@ -28,7 +28,7 @@ const Header = () => {
<>
<div className='header-menu__mobile container' >
<div className="header_top">
<button className='menu-mobile' onClick={() => setOpen(true)}>mobile</button>
<button className='menu-mobile' onClick={() => setOpen(true)}> <img src="./assets/footer-img/menu-mobile.svg" alt="" /> </button>
<img className='header-menu__logo' src="/assets/Logo.svg" alt="Logo M3 Academy" />
<div className='header-menu__cart' >