From 633b142868b0bf223105479d6ab78d1a92a58dcb Mon Sep 17 00:00:00 2001
From: Rafael Sampaio <rafael.sampa1989@gmail.com>
Date: Thu, 29 Dec 2022 08:00:15 -0300
Subject: [PATCH] feat: cria header 2500px

---
 src/components/Header/header.module.scss | 73 ++++++++++++++++++++++++
 src/components/Header/index.tsx          |  2 +-
 2 files changed, 74 insertions(+), 1 deletion(-)

diff --git a/src/components/Header/header.module.scss b/src/components/Header/header.module.scss
index d9ef0e8..f461105 100644
--- a/src/components/Header/header.module.scss
+++ b/src/components/Header/header.module.scss
@@ -245,4 +245,77 @@
       }
     }
   }
+
+  @media (min-width: 2500px) {
+    &__content {
+      width: 91.987%;
+      height: 101px;
+      padding: 0;
+
+      .logo {
+        width: 265.62px;
+
+        img {
+          height: 50.5px;
+        }
+      }
+
+      .search-desktop {
+        &__input {
+          width: 28.716%;
+          height: 57px;
+
+          &::placeholder {
+            padding: 12px 0 12px 16px;
+            font-size: 28px;
+            line-height: 32px;
+          }
+        }
+
+        &__button {
+          width: 57px;
+          height: 57px;
+
+          img {
+            width: 35.15px;
+            height: 35.15px;
+          }
+        }
+      }
+
+      .buttons {
+        width: 10.334%;
+
+        &__logIn {
+          width: 105px;
+          font-size: 28px;
+          line-height: 33px;
+        }
+
+        &__cart {
+          width: 54.68px;
+          height: 54.68px;
+
+          img {
+            width: 54.68px;
+            height: 54.68px;
+          }
+        }
+      }
+    }
+
+    &__nav {
+      height: 61px;
+      padding: 0;
+
+      nav {
+        width: 91.987%;
+      }
+
+      ul {
+        font-size: 28px;
+        line-height: 33px;
+      }
+    }
+  }
 }
diff --git a/src/components/Header/index.tsx b/src/components/Header/index.tsx
index ef36ce6..2e49ebd 100644
--- a/src/components/Header/index.tsx
+++ b/src/components/Header/index.tsx
@@ -9,7 +9,7 @@ const Header = () => {
   return (
     <header className={styles["header"]}>
       <div className={styles["header__content"]}>
-        <button className={styles["menu-mobile-button"]}>
+        <button type="button" className={styles["menu-mobile-button"]}>
           <img src={menuButton} alt="Menu mobile" />
         </button>
         <div className={styles["logo"]}>
-- 
2.34.1