From 143604f1fbd1f6aadfe0b86107b2e625ceb344ec Mon Sep 17 00:00:00 2001 From: Leonardo Date: Mon, 26 Dec 2022 22:54:46 -0300 Subject: [PATCH] fix: ajusta ultimos erros --- checkout/src/arquivos/js/components/Footer.js | 11 +++++--- .../sass/checkout/_checkout-autenticacao.scss | 6 +++++ .../sass/checkout/_checkout-carrinho.scss | 23 +++++++++++++--- .../sass/checkout/_checkout-pagamento.scss | 4 +-- checkout/src/arquivos/sass/lib/_slick.scss | 2 +- .../src/arquivos/sass/partials/_footer.scss | 27 +++++++++++++++++++ 6 files changed, 63 insertions(+), 10 deletions(-) diff --git a/checkout/src/arquivos/js/components/Footer.js b/checkout/src/arquivos/js/components/Footer.js index 17f986d..e388a5f 100644 --- a/checkout/src/arquivos/js/components/Footer.js +++ b/checkout/src/arquivos/js/components/Footer.js @@ -157,16 +157,21 @@ export default class Footer { this.footerPrateleira.innerHTML = ""; } }); - /*window.addEventListener("hashchange", () => { - if ((window.location.hash = "#/cart")) { + window.addEventListener("hashchange", () => { + if ((window.location.hash == "#/cart")) { if (target.style.display == "none") { this.footerPrateleira.classList.remove("desable"); + this.footerPrateleira.innerHTML = ""; this.catalogoApi(); + } else { + myCart.classList.add("desable"); } } else { this.footerPrateleira.classList.add("desable"); + myCart.classList.add("desable"); + this.footerPrateleira.innerHTML = ""; } - });*/ + }); }); observer.observe(this.checkoutVazio, { diff --git a/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss b/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss index a7b373e..87c177f 100644 --- a/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss +++ b/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss @@ -321,6 +321,12 @@ color: #303030; font-weight: 500; text-decoration: underline; + + @media (min-width: 2500px) { + font-weight: 400; + font-size: 20px; + line-height: 23px; + } } .vtex-omnishipping-1-x-deliveryGroup { diff --git a/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss b/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss index f9d32e3..6d30c07 100644 --- a/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss +++ b/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss @@ -248,9 +248,10 @@ font-size: 12px; line-height: 14px; text-decoration-line: line-through; - @include mq(sm, max) { - font-size: 12px; - line-height: 14px; + @media (min-width: 2500px) { + font-weight: 400; + font-size: 24px; + line-height: 28px; } .old-product-price-label { @@ -347,11 +348,17 @@ display: none; } span { + font-family: $font-family-secundary; font-style: normal; font-weight: normal; font-size: 14px; line-height: 16px; color: $color-black; + @media (min-width: 2500px) { + font-weight: 400; + font-size: 28px; + line-height: 33px; + } } } @@ -365,6 +372,12 @@ font-size: 14px; line-height: 19px; font-family: $font-family; + + @media (min-width: 2500px) { + font-weight: 700; + font-size: 28px; + line-height: 38px; + } } } @@ -632,6 +645,8 @@ color: #303030; font-weight: 400; font-size: 14px; + @media (min-width: 2500px) { + } } #deliver-at-text a { @@ -906,7 +921,7 @@ padding: 12px 19px; &:hover { - background-color: darken($color-green, 5); + background-color: $color-blue2; } &:after { diff --git a/checkout/src/arquivos/sass/checkout/_checkout-pagamento.scss b/checkout/src/arquivos/sass/checkout/_checkout-pagamento.scss index 09a8de6..d62381e 100644 --- a/checkout/src/arquivos/sass/checkout/_checkout-pagamento.scss +++ b/checkout/src/arquivos/sass/checkout/_checkout-pagamento.scss @@ -170,12 +170,12 @@ body .container-main.container-order-form .orderform-template.active { .PaymentCardNumber input { display: block; - width: 223px; + width: 200px; height: 25px; } .steps-view { width: 393px; - height: 292px; + height: 300px; margin-right: 0px; } diff --git a/checkout/src/arquivos/sass/lib/_slick.scss b/checkout/src/arquivos/sass/lib/_slick.scss index 5c5da82..57e5a78 100644 --- a/checkout/src/arquivos/sass/lib/_slick.scss +++ b/checkout/src/arquivos/sass/lib/_slick.scss @@ -117,7 +117,7 @@ .slick-next { position: absolute; border: none; - bottom: 235px; + bottom: 272px; background: url("https://agenciamagma.vteximg.com.br/arquivos/arrow-right-mini-M3Academy.svg") no-repeat center center; z-index: 4; diff --git a/checkout/src/arquivos/sass/partials/_footer.scss b/checkout/src/arquivos/sass/partials/_footer.scss index 62c259e..f14619a 100644 --- a/checkout/src/arquivos/sass/partials/_footer.scss +++ b/checkout/src/arquivos/sass/partials/_footer.scss @@ -55,6 +55,8 @@ justify-content: center; gap: 5px; width: 92%; + flex-flow: wrap; + height: 90px; text-transform: uppercase; display: flex; margin: 0; @@ -122,6 +124,8 @@ width: 100%; display: flex; justify-content: space-between; + margin-bottom: 16px; + margin-top: 16px; @media (max-width: 1024px) { flex-direction: column; @@ -147,6 +151,12 @@ width: 537px; max-width: 100%; } + @media (max-width: 1024px) { + margin-left: 16px; + margin-top: 16px; + margin-bottom: 16px; + max-width: 100%; + } } &__stamps { @@ -154,9 +164,22 @@ display: flex; justify-self: center; list-style: none; + margin: 0; + + @media (max-width: 1024px) { + margin-left: 12px; + margin-bottom: 16px; + } .logo-footer-cards { display: flex; + figure { + display: block; + margin-block-start: 0; + margin-block-end: 0; + margin-inline-start: 0; + margin-inline-end: 0; + } .logo1, .logo6, @@ -208,6 +231,10 @@ display: flex; list-style-type: none; margin: 0; + @media (max-width: 1024px) { + margin-left: 16px; + margin-bottom: 16px; + } span { @media (min-width: 2500px) { font-weight: 400;