tentativa de finalização

This commit is contained in:
Nathalia Sardou 2022-12-26 23:48:13 -03:00
parent 11817acb94
commit 5fc33a56b0
3 changed files with 154 additions and 11 deletions

View File

@ -38,6 +38,66 @@
} }
} }
@media (min-width:491px)and (max-width: 1024px){
.client-email{
input{
max-width: 90% !important;
position: relative ;
left: 150px;
}
button {
position: relative;
left: 50px;
}
}
.link-cart {
a {
margin-right: 30px;
}
}
}
@media (min-width:360px)and (max-width: 490px){
.client-pre-email{
margin-top: -10px;
}
.link-cart {
a {
margin-right: 25px;
}
}
}
@media (min-width:280px)and (max-width: 300px){
.link-cart {
a {
margin-right: 18px;
}
}
}
@media (min-width:360px)and (max-width: 490px){
.pre-email {
h3{
span {
font-size: 14px;
}
}
}
}
@media (min-width:280px)and (max-width: 300px){
.pre-email {
h3{
span {
font-size: 14px;
}
}
}
}
.client-email { .client-email {
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
@ -56,9 +116,9 @@
width: inherit; width: inherit;
cursor: pointer; cursor: pointer;
@media (max-width: 490px) { // @media (max-width: 490px) {
width: auto; // width: auto;
} // }
} }
button { button {
@ -70,11 +130,10 @@
height: 54px; height: 54px;
top: 0; top: 0;
@media (max-width: 490px) { // @media (max-width: 490px) {
height: 48px; // height: 48px;
margin: 0; // margin: 0;
position: absolute; // position: absolute; // }
}
} }
span.help.error { span.help.error {
@ -85,6 +144,46 @@
font-size: 12px; font-size: 12px;
} }
} }
@media (min-width:491px) and (max-width: 1024px){
.emailInfo{
max-width: 50% !important;
}
}
@media (min-width:360px) and (max-width: 490px){
.client-email {
input {
min-width: 90% !important;
position: relative;
left: 180px;
}
button {
height: 49px;
top: -5px;
left: 90px;
}
}
.emailInfo{
position: relative;
left: 5px;
}
}
@media (min-width:280px) and (max-width: 300px){
.client-email {
input {
min-width: 250px !important;
position: relative;
left: 180px;
}
button {
height: 48px;
top: -5px;
left: 90px;
}
}
}
.emailInfo { .emailInfo {
padding: 16px; padding: 16px;

View File

@ -57,10 +57,27 @@ body {
.container-order-form, .container-order-form,
.container-cart { .container-cart {
width: 80%; width: 80%;
margin-top: -110px;
}
}
@media (min-width:491px)and (max-width: 1024px){
.container-order-form{
min-width: 100%;
}
}
@media (min-width:360px)and (max-width: 490px){
.container-order-form{
min-width: 100%;
margin-top: -120px;
} }
} }
@media (min-width:280px) and (max-width: 300px){ @media (min-width:280px) and (max-width: 300px){
.container-order-form, .container-order-form{
min-width: 100%;
margin-top: -150px;
}
.container-cart { .container-cart {
width: 95%; width: 95%;
margin-top: -130px; margin-top: -130px;
@ -92,6 +109,33 @@ body {
} }
} }
@media (min-width:491px)and (max-width: 1024px){
#orderform-title{
margin: -85px 0 20px 10px;
}
}
@media (min-width:360px)and (max-width: 490px){
#orderform-title{
min-width: 300px;
margin-left: 10px;
margin-top: 30px;
margin-bottom: 15px;
}
}
@media (min-width:280px)and (max-width: 300px){
#orderform-title{
min-width: 277px;
position: relative;
right: 20px;
font-size: 20px;
margin-bottom: 10px;
}
}
.dropdown { .dropdown {
&__content { &__content {
&--closed { &--closed {

View File

@ -81,7 +81,7 @@
no-repeat center center; no-repeat center center;
z-index: 4; z-index: 4;
top: 41%; top: 41%;
left: 14px; left: 0px;
border: none; border: none;
height: 30px; height: 30px;
@ -121,7 +121,7 @@
} }
.slick-next { .slick-next {
top: 110px; top: 110px;
left: 400px; left: 350px;
} }
} }
} }