Merge pull request 'fix: ajusta ultimos erros' (#2) from feature/checkout into main

Reviewed-on: #2

checkout/src/arquivos/js/components/Footer.js

@@ -157,16 +157,21 @@ export default class Footer {
                     this.footerPrateleira.innerHTML = "";
                 }
             });
-            /*window.addEventListener("hashchange", () => {
+            window.addEventListener("hashchange", () => {
-                if ((window.location.hash = "#/cart")) {
+                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, {

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 {

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) {
+                @media (min-width: 2500px) {
-                    font-size: 12px;
+                    font-weight: 400;
-                    line-height: 14px;
+                    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 {

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;
 }

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;

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;