From d77afec5fd192fb4622a5f08658ed89f272b8643 Mon Sep 17 00:00:00 2001
From: Amanda <almeidafonseca14@gmail.com>
Date: Wed, 18 Jan 2023 17:37:37 -0300
Subject: [PATCH] fix(menu-mobile): corrige tamanho do menu

---
 src/components/Header/Menu-Mobile/MenuMobile.tsx | 5 ++++-
 src/components/Header/header.module.scss         | 9 +++++++--
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/components/Header/Menu-Mobile/MenuMobile.tsx b/src/components/Header/Menu-Mobile/MenuMobile.tsx
index 071d69f..1d664e0 100644
--- a/src/components/Header/Menu-Mobile/MenuMobile.tsx
+++ b/src/components/Header/Menu-Mobile/MenuMobile.tsx
@@ -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"]}>
diff --git a/src/components/Header/header.module.scss b/src/components/Header/header.module.scss
index 617fbc4..2a2ce7a 100644
--- a/src/components/Header/header.module.scss
+++ b/src/components/Header/header.module.scss
@@ -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%;
+        }
+    }
 }
\ No newline at end of file