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

feat: adiciona overlay

Browse Source
This commit is contained in:
Naian Felix dos Santos 2023-01-10 15:45:09 -03:00
parent 1a3701943f
commit 1cf835d54b
1 changed files with 13 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
desafio5/src/components/Header/headerMobile.module.css
View File

@ -79,7 +79,7 @@
position: fixed;
top: 0;
right: 100%;
transition: all 300ms ease-in-out;
transition: right 300ms ease-in-out;
}
.menu-burguer-container-active {
@ -87,7 +87,18 @@
position: fixed;
top: 0;
right: 4%;
transition: all 300ms ease-in-out;
transition: right 300ms ease-in-out;
}
.menu-burguer-container-active::after {
width: 100vw;
height: 100vh;
background: rgba(69, 69, 69, 0.7);
content: "";
position: fixed;
top: 0;
left: 0;
z-index: -1;
}
.menu-burguer-buttons {