diff --git a/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss b/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss index 179f24e..036fa7f 100644 --- a/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss +++ b/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss @@ -73,6 +73,27 @@ margin-bottom: 12px; } + p.client-first-name, + p.client-last-name, + p.client-document, + p.client-phone { + @media (max-width: 1024px) { + width: 49.48%; + } + + @media (max-width: 992px) { + width: 49.4%; + } + + @media (max-width: 864px) { + width: 49.3%; + } + + @media (max-width: 767px) { + width: 49.2%; + } + } + #go-to-shipping { margin: 0 0 44px 0; @@ -97,6 +118,22 @@ } } + #client-first-name, + #client-last-name, + #client-document, + #client-phone { + @media (max-width: 1024px) { + width: 100%; + } + } + + #client-first-name, + #client-document { + @media (max-width: 1024px) { + margin-right: 14px; + } + } + #opt-in-newsletter, #state-inscription { width: 18px; @@ -528,6 +565,10 @@ padding: 24px 34px 0px; } + @media (max-width: 1024px) { + padding: 0 16px; + } + .ship-country, .ship-postalCode, .ship-street, @@ -604,6 +645,10 @@ font-size: 32px; line-height: 37px; } + + @media (max-width: 1024px) { + margin-top: 24px; + } } span { @@ -1031,6 +1076,18 @@ #shipping-data { margin-bottom: 0; + + @media (max-width: 1024px) { + margin: 0; + width: 100%; + } + } + + #payment-data { + @media (max-width: 1024px) { + margin: 0; + width: 100%; + } } .hproduct { @@ -1305,6 +1362,10 @@ height: 50px; } + @media (max-width: 767px) { + max-width: 100%; + } + option { font-size: 14px; line-height: 18px; @@ -1326,4 +1387,38 @@ } } -/*url("https://agenciamagma.vteximg.com.br/homeM3Academy.png");*/ +.row-fluid .orderform-template.active { + @media (max-width: 1024px) { + display: flex; + } +} + +body .container-main.container-order-form .orderform-template.active .orderform-template-holder { + @media (max-width: 1024px) { + width: 100%; + } +} + +.row-fluid { + @media (max-width: 1024px) { + display: flex; + flex-direction: column; + width: 100%; + } +} + +.row-fluid [class*=span]:first-child { + @media (max-width: 1024px) { + width: 100%; + } +} + +#postalCode-finished-loading { + @media (max-width: 1024px) { + width: 30.176%; + } + + @media (max-width: 600px) { + width: 100%; + } +} diff --git a/checkout/src/arquivos/sass/checkout/_checkout-pagamento.scss b/checkout/src/arquivos/sass/checkout/_checkout-pagamento.scss index 92163ba..7116f21 100644 --- a/checkout/src/arquivos/sass/checkout/_checkout-pagamento.scss +++ b/checkout/src/arquivos/sass/checkout/_checkout-pagamento.scss @@ -5,8 +5,16 @@ body .container-main.container-order-form .orderform-template.active { margin-right: 0; float: right; + @media (max-width: 1024px) { + width: 100%; + } + .description { margin-top: 0; + + @media (max-width: 1024px) { + width: 100%; + } } } .orderform-template-holder {