From 3abf772c35b6a3751505ed8f9bd1ae02909cd228 Mon Sep 17 00:00:00 2001 From: Savio Date: Tue, 20 Dec 2022 19:43:10 -0300 Subject: [PATCH 1/2] fix: Melhorando a responsividade do cupom --- .../sass/checkout/_checkout-carrinho.scss | 28 +++++++++++++++---- 1 file changed, 23 insertions(+), 5 deletions(-) diff --git a/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss b/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss index 07589e8..bd21cd4 100644 --- a/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss +++ b/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss @@ -615,6 +615,9 @@ width: 346px; .coupon-data { + display: flex; + align-items: center; + justify-content: center; #cart-link-coupon-add { text-decoration: none; @@ -666,11 +669,16 @@ .coupon-fields { margin-bottom: 32px; - + display: block; + flex-direction: column; + align-items: flex-start; + text-align: start; + //flex-flow: row nowrap; @include mq(sm, max) { span { - display: flex; - flex-direction: row; + width: 100%; + //display: flex; + //flex-direction: row; justify-content: space-between; i { position: absolute; @@ -704,7 +712,7 @@ font-size: 12px; height: 36px; letter-spacing: 1px; - margin-left: 6px; + margin-left: 15px; outline: none; transition: all 0.2s linear; width: 35%; @@ -774,7 +782,7 @@ .cart-links-bottom { display: flex; flex-direction: column; - width: 343px; + width: 36%; @include mq(md, max) { padding: 0 16px; @@ -804,6 +812,7 @@ font-size: 12px; line-height: 14px; color: $color-black-100; + margin-right: 0; } } @@ -838,3 +847,12 @@ } } } +/* +.cart-active .summary-coupon { + text-align: initial !important; +}*/ +/* +.coupon-fieldset { + display: flex; + justify-content: center; +}*/ -- 2.34.1 From a04393705a61cfa680828c552167671c5844f09b Mon Sep 17 00:00:00 2001 From: Savio Date: Sat, 24 Dec 2022 19:10:30 -0300 Subject: [PATCH 2/2] fix(body): Tamanho do texto do frete --- .../arquivos/sass/checkout/_checkout-autenticacao.scss | 10 +++++++++- .../src/arquivos/sass/checkout/_checkout-carrinho.scss | 5 ++++- checkout/src/arquivos/sass/partials/_footer.scss | 3 +++ 3 files changed, 16 insertions(+), 2 deletions(-) diff --git a/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss b/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss index 8acd078..5961147 100644 --- a/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss +++ b/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss @@ -218,12 +218,20 @@ select, input { - max-width: 100%; + width: 100%; border-radius: 5px; border: 1px solid $color-gray3; box-shadow: none; height: 42px; } + .ship-country { + label { + display: none; + } + } + #ship-country { + display: none; + } .help.error { color: red; diff --git a/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss b/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss index bd21cd4..5e48d3e 100644 --- a/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss +++ b/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss @@ -612,7 +612,7 @@ &-totalizers { padding: 0; - width: 346px; + width: 100%; .coupon-data { display: flex; @@ -702,6 +702,9 @@ max-width: 100%; width: 100%; } + @media screen and (max-width: 1455px) { + width: 49%; + } } button { diff --git a/checkout/src/arquivos/sass/partials/_footer.scss b/checkout/src/arquivos/sass/partials/_footer.scss index 42d5a69..e8c92c7 100644 --- a/checkout/src/arquivos/sass/partials/_footer.scss +++ b/checkout/src/arquivos/sass/partials/_footer.scss @@ -15,6 +15,9 @@ justify-content: space-between; margin: 50px 0 0 0 !important; border-top: 1px solid #000000; + //position: absolute; + //bottom: 0; + //left: 0; } .container { padding: 27px 32px 24px 32px; -- 2.34.1