forked from M3-Academy/desafio-react-e-typescript
feat(header):
This commit is contained in:
parent
92531d2269
commit
c19c0b73cf
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user