From 6b72b73860ca09611d0977a0b8e177fe7fd5c69e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cain=C3=A3=20Milech?= <cainamilech15@hotmail.com>
Date: Sat, 24 Dec 2022 18:17:24 -0300
Subject: [PATCH] Feat: Finaliza detalhes de pagamento

---
 checkout/src/arquivos/js/components/Footer.js |  4 +--
 .../sass/checkout/_checkout-autenticacao.scss | 26 ++++---------------
 checkout/src/arquivos/sass/lib/_slick.scss    |  4 +++
 3 files changed, 11 insertions(+), 23 deletions(-)

diff --git a/checkout/src/arquivos/js/components/Footer.js b/checkout/src/arquivos/js/components/Footer.js
index 8b701ad..d1f86d7 100644
--- a/checkout/src/arquivos/js/components/Footer.js
+++ b/checkout/src/arquivos/js/components/Footer.js
@@ -67,7 +67,7 @@ export default class Footer {
             .then((data) => {
                 return data.map(function (product) {
                     let li = document.createElement("li");
-                    li.setAttribute("id", product.productId);
+
                     li.innerHTML = `
                     <img src="${product.items[0].images[0].imageUrl}" alt="${
                         product.productName
@@ -85,7 +85,7 @@ export default class Footer {
     }
 
     async addCarrossel() {
-        const prateleira = await waitElement(".carrosel-items", { timeout: 6000, interval: 500 });
+        const prateleira = await waitElement(".carrosel-items", { timeout: 7000, interval: 500 });
 
         $(prateleira).slick({
             slidesToShow: 4,
diff --git a/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss b/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss
index 126c401..6caffaf 100644
--- a/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss
+++ b/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss
@@ -718,9 +718,9 @@ h1#orderform-title {
                     color: #303030;
                     padding: 12px 55px 12px 43px;
 
-                    @include mq(md, max) {
+                    /*@include mq(md, max) {
                         background-position: 8px 9px;
-                    }
+                    }*/
 
                     @include mq(xxl, min) {
                         background-size: 46.45px 46.45px;
@@ -833,7 +833,7 @@ h1#orderform-title {
 
                         i.icon-edit {
                             margin-left: auto;
-                            background-size: contain;
+                            background-size: cover;
                             width: 20.26px !important;
                             height: 20.89px !important;
                             background-image: url("https://agenciamagma.vteximg.com.br/arquivos/lapisM3Academy.png");
@@ -941,7 +941,7 @@ h1#orderform-title {
                 }
 
                 i.icon-edit {
-                    background-size: contain;
+                    background-size: cover;
                     width: 20.26px !important;
                     height: 20.89px !important;
                     background-image: url("https://agenciamagma.vteximg.com.br/arquivos/lapisM3Academy.png");
@@ -1059,21 +1059,6 @@ h1#orderform-title {
                                     }
                                 }
                             }
-
-                            /*.pg-transferencia-bancaria,
-                            #payment-group-creditControlPaymentGroup,
-                            #payment-group-creditDirectSalePaymentGroup,
-                            #payment-group-promissoryPaymentGroup,
-                            #payment-group-custom203PaymentGroupPaymentGroup,
-                            #payment-group-instantPaymentPaymentGroup,
-                            #payment-group-PSEPaymentGroup,
-                            #TransferPaymentGroup,*/
-                            #payment-group-customPrivate_502PaymentGroup,
-                            #payment-group-custom201PaymentGroupPaymentGroup,
-                            #payment-group-MercadoPagoPaymentGroup,
-                            #payment-group-SPEIPaymentGroup {
-                                display: none;
-                            }
                         }
                     }
 
@@ -1123,7 +1108,7 @@ h1#orderform-title {
 
             i.icon-edit {
                 margin-left: auto;
-                background-size: contain;
+                background-size: cover;
                 width: 20.26px !important;
                 height: 20.89px !important;
                 background-image: url("https://agenciamagma.vteximg.com.br/arquivos/lapisM3Academy.png");
@@ -1285,7 +1270,6 @@ h1#orderform-title {
                     svg {
                         width: 18px;
                         height: 18px;
-                        /*border: 1px solid #c4c4c4; acho q nao precisa*/
                         border-radius: 3px;
                         background-image: url("https://agenciamagma.vteximg.com.br/arquivos/icon-radios-input-M3Academy.png");
 
diff --git a/checkout/src/arquivos/sass/lib/_slick.scss b/checkout/src/arquivos/sass/lib/_slick.scss
index 629d6ff..0221210 100644
--- a/checkout/src/arquivos/sass/lib/_slick.scss
+++ b/checkout/src/arquivos/sass/lib/_slick.scss
@@ -118,6 +118,10 @@
                 line-height: 35px;
             }
 
+            @include mq(tablet, max) {
+                height: 36px;
+            }
+
             @media (min-width: 1025px) and (max-width: 1110px) {
                 height: 36px;
             }