From cdd2fba1ed683004624707b881adf44c7043f4ce Mon Sep 17 00:00:00 2001 From: Rallenson Date: Sat, 24 Dec 2022 21:21:34 -0300 Subject: [PATCH] =?UTF-8?q?feat:indetifica=C3=A7=C3=A3o=20com=20responsivi?= =?UTF-8?q?dade?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../sass/checkout/_checkout-autenticacao.scss | 60 +++++++++++++++++++ .../sass/checkout/_checkout-pagamento.scss | 10 ++++ 2 files changed, 70 insertions(+) diff --git a/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss b/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss index 66cf91c..a74b954 100644 --- a/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss +++ b/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss @@ -13,6 +13,66 @@ width: 90%; } } +.box-client-info-pf{ + width: 100%; + .client{ + @include mq(xll,max){ + &-email{ + #client-email{ + @include mq(md,max){ + width: 100%; + } + max-width: 100%; + } + } + &-first-name, + &-last-name, + &-document, + &-phone{ + width: 49%; + @media screen and (min-width: 0px) and (max-width: 310px){ + width: 45% !important; + } + @media screen and (min-width: 0px) and (max-width: 767px){ + display: inline-flex; + width: 48%; + white-space: nowrap; + flex-direction: column; + } + } + &-first-name{ + #client-first-name + { + width: 96% !important; + } + } + &-last-name{ + #client-last-name{ + @media screen and (min-width: 0px) and (max-width: 767px){ + margin-left: 10px; + width: 97% !important; + } + width: 99% !important; + } + } + &-document{ + #client-document + { + width: 96% !important; + } + } + &-phone{ + #client-phone + { + @media screen and (min-width: 0px) and (max-width: 767px){ + width: 100% !important; + } + width: 99% !important; + } + } + } + } +} .checkout-container { @include mq(IVK, min) { height: 598px; diff --git a/checkout/src/arquivos/sass/checkout/_checkout-pagamento.scss b/checkout/src/arquivos/sass/checkout/_checkout-pagamento.scss index b984e35..a086457 100644 --- a/checkout/src/arquivos/sass/checkout/_checkout-pagamento.scss +++ b/checkout/src/arquivos/sass/checkout/_checkout-pagamento.scss @@ -151,6 +151,9 @@ body .container-main.container-order-form .orderform-template.active { color: red !important; } .input-xlarge{ + @include mq(xll,max){ + width: 99%; + } width: 298px; height: 42px; } @@ -316,6 +319,13 @@ body .container-main.container-order-form .orderform-template.active { } } } +#go-to-cart-button{ + position: relative; + white-space: nowrap; + #orderform-minicart-to-cart{ + position: unset; + } +} .safep{ width: 622px; height: 48px;