marlonpassos/m3ACR
1
0
Fork 0
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) => { const MenuMobile = (props: MenuMobileProps) => {
return ( 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={props.className}>
<div className={styles["page-header__menu-mobile--container"]}> <div className={styles["page-header__menu-mobile--container"]}>
<div className={styles["page-header__menu-mobile--header"]}> <div className={styles["page-header__menu-mobile--header"]}>

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

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