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

fix(menu-mobile): corrige tamanho do menu

Browse Source
This commit is contained in:
Amanda de Almeida Fonseca 2023-01-18 17:37:37 -03:00
parent b6f5da4cfc
commit d77afec5fd
2 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/Header/Menu-Mobile/MenuMobile.tsx
View File

@ -13,7 +13,10 @@ interface MenuMobileProps {
const MenuMobile = (props: MenuMobileProps) => {
return (
<>
<div className={props.active ? styles["background"] : styles[""]}></div>
<div
onClick={props.onClick}
className={props.active ? styles["background"] : styles[""]}
></div>
<div className={props.className}>
<div className={styles["page-header__menu-mobile--container"]}>
<div className={styles["page-header__menu-mobile--header"]}>

9
src/components/Header/header.module.scss
View File

@ -118,7 +118,7 @@
position: absolute;
top: 0;
left: 0;
width: 100%;
width: 96.5%;
z-index: 100;
display: block;
}
@ -127,7 +127,6 @@
&--container {
height: 585px;
background: $white;
width: 96.5%;
}
&--header {
@ -237,4 +236,10 @@
width: 100%;
}
}
@media screen and (max-width: 375px) {
.active {
width: 90.4%;
}
}
}