diff --git a/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss b/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss index de9b14d..6e3ef1a 100644 --- a/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss +++ b/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss @@ -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 { display: flex; justify-content: flex-end; @@ -56,9 +116,9 @@ width: inherit; cursor: pointer; - @media (max-width: 490px) { - width: auto; - } + // @media (max-width: 490px) { + // width: auto; + // } } button { @@ -70,11 +130,10 @@ height: 54px; top: 0; - @media (max-width: 490px) { - height: 48px; - margin: 0; - position: absolute; - } + // @media (max-width: 490px) { + // height: 48px; + // margin: 0; + // position: absolute; // } } span.help.error { @@ -85,6 +144,46 @@ 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 { padding: 16px; diff --git a/checkout/src/arquivos/sass/checkout/_checkout.scss b/checkout/src/arquivos/sass/checkout/_checkout.scss index 055200c..005c855 100644 --- a/checkout/src/arquivos/sass/checkout/_checkout.scss +++ b/checkout/src/arquivos/sass/checkout/_checkout.scss @@ -57,10 +57,27 @@ body { .container-order-form, .container-cart { 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){ - .container-order-form, + .container-order-form{ + min-width: 100%; + margin-top: -150px; + } .container-cart { width: 95%; 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 { &__content { &--closed { diff --git a/checkout/src/arquivos/sass/partials/_prateleira.scss b/checkout/src/arquivos/sass/partials/_prateleira.scss index 4e66c79..37aa489 100644 --- a/checkout/src/arquivos/sass/partials/_prateleira.scss +++ b/checkout/src/arquivos/sass/partials/_prateleira.scss @@ -81,7 +81,7 @@ no-repeat center center; z-index: 4; top: 41%; - left: 14px; + left: 0px; border: none; height: 30px; @@ -121,7 +121,7 @@ } .slick-next { top: 110px; - left: 400px; + left: 350px; } } }