feat(header):

This commit is contained in:
Marcello Rodrigues Martins 2023-01-19 19:09:46 -03:00
parent 92531d2269
commit c19c0b73cf

View File

@ -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;
}
}
}