From 2ea48ddfec07682d8c714355e3b9ad45ced9b8fa Mon Sep 17 00:00:00 2001
From: ManuelaLuanaSchumackerTavares <manuelaluana.dev@gmail.com>
Date: Thu, 5 Jan 2023 15:02:17 -0300
Subject: [PATCH] feat(header): Adapta header-top a layout 4k

---
 .../src/components/header-top.module.scss     | 50 +++++++++++++++++--
 1 file changed, 45 insertions(+), 5 deletions(-)

diff --git a/desafio-react-app/src/components/header-top.module.scss b/desafio-react-app/src/components/header-top.module.scss
index 558f911..e778b72 100644
--- a/desafio-react-app/src/components/header-top.module.scss
+++ b/desafio-react-app/src/components/header-top.module.scss
@@ -10,11 +10,8 @@
     height: 139px;
   }
 
-  input::placeholder {
-    font-weight: 400;
-    font-size: 14px;
-    line-height: 16px;
-    color: variables.$color-grey5;
+  @media screen and (min-width: 2500px) {
+    height: auto;
   }
 
   .header-top-wrapper {
@@ -56,6 +53,10 @@
       width: auto;
       height: auto;
       cursor: pointer;
+
+      @media screen and (min-width: 2500px) {
+        height: 50.5px;
+      }
     }
 
     .search {
@@ -82,13 +83,40 @@
         padding: 10px 16px;
         height: 36px;
       }
+
+      @media screen and (min-width: 2500px) {
+        height: 57px;
+        padding: 12px 16px;
+        min-width: 515.62px;
+      }
+    }
+
+    input::placeholder {
+      font-weight: 400;
+      font-size: 14px;
+      line-height: 16px;
+      color: variables.$color-grey5;
+
+      @media screen and (min-width: 2500px) {
+        font-size: 28px;
+        line-height: 33px;
+      }
     }
 
     .search-img {
       position: absolute;
       right: 16px;
       bottom: 8px;
+      width: auto;
+      height: 18px;
       cursor: pointer;
+
+      @media screen and (min-width: 2500px) {
+        right: 32px;
+        bottom: 16px;
+        width: 35px;
+        height: 35px;
+      }
     }
 
     .cart-container {
@@ -114,10 +142,22 @@
         @media screen and (max-width: 1024px) {
           display: none;
         }
+
+        @media screen and (min-width: 2500px) {
+          font-size: 28px;
+          line-height: 33px;
+          text-transform: uppercase;
+        }
       }
 
       figure {
         cursor: pointer;
+
+        img {
+          @media screen and (min-width: 2500px) {
+            height: 54.68px;
+          }
+        }
       }
     }
   }
-- 
2.34.1