diff --git a/src/components/Header/styles.module.scss b/src/components/Header/styles.module.scss index 8c4cad7..58257d5 100644 --- a/src/components/Header/styles.module.scss +++ b/src/components/Header/styles.module.scss @@ -44,7 +44,7 @@ .headerButton { display: flex; gap: 55px; - padding-right: 7.81vw; + padding-right: 100px; height: 28px; .buttonEntrar { @@ -76,7 +76,8 @@ .logo { display: flex; - padding-left: 7.81vw; + padding-left: 100px; + width: 10.6%; } .menuHamburguer { @@ -88,6 +89,25 @@ } } +.secondDiv { + background: black; + margin-top: 1px; + display: flex; + flex-direction: row; + padding: 14px 0 14px 7.81vw; + gap: 55px; + + .secondHeaderButton { + background: black; + color: white; + border: 0; + text-transform: uppercase; + font-weight: 500; + font-size: 14px; + cursor: pointer; + } +} + @media screen and (max-width: 1024px) { .Header { height: 139px; @@ -121,21 +141,40 @@ } } -.secondDiv { - background: black; - margin-top: 1px; - display: flex; - flex-direction: row; - padding: 14px 0 14px 7.81vw; - gap: 55px; +@media screen and (min-width: 2500px) { + .searchDiv { + height: 57px !important; - .secondHeaderButton { - background: black; - color: white; - border: 0; - text-transform: uppercase; - font-weight: 500; - font-size: 14px; - cursor: pointer; + input { + font-size: 28px !important; + height: 57px !important; + } + + img { + width: 1.41vw !important; + } + } + + .headerButton { + height: 54px !important; + + .buttonEntrar { + font-size: 28px !important; + height: 54px !important; + } + + .cartButton { + img { + height: 54px !important; + } + } + } + + .secondDiv { + padding-left: 100px !important; + + .secondHeaderButton { + font-size: 28px !important; + } } }