From a938b03d0c2068a95d7e89dacb2b31827a625f06 Mon Sep 17 00:00:00 2001
From: Savio <savio.96@hotmail.com>
Date: Sun, 18 Dec 2022 19:30:32 -0300
Subject: [PATCH] =?UTF-8?q?fix(footer):=20Conserto=20da=20estiliza=C3=A7?=
 =?UTF-8?q?=C3=A3o=20do=20carrossel?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 checkout/src/arquivos/js/components/Footer.js |  4 +++-
 checkout/src/arquivos/sass/lib/_slick.scss    | 12 +++++++---
 .../src/arquivos/sass/partials/_footer.scss   | 22 +++++++++++--------
 3 files changed, 25 insertions(+), 13 deletions(-)

diff --git a/checkout/src/arquivos/js/components/Footer.js b/checkout/src/arquivos/js/components/Footer.js
index 7fb2a36..1832739 100644
--- a/checkout/src/arquivos/js/components/Footer.js
+++ b/checkout/src/arquivos/js/components/Footer.js
@@ -42,7 +42,9 @@ export default class Footer {
         this.identificacaoUser = await waitElement(
             "#client-profile-data > div > div.accordion-heading > span > span",
             0
-        ); /*
+        );
+        /*
+        Cep bugou o programa, não tem nada de diferente que fiz dos outros métodos.
         this.noCep = await waitElement(
             "#shipping-preview-container > div > div > div.vtex-shipping-preview-0-x-pc.srp-postal-code > form > div > p > small > a",
             0
diff --git a/checkout/src/arquivos/sass/lib/_slick.scss b/checkout/src/arquivos/sass/lib/_slick.scss
index 74460fb..0a26e48 100644
--- a/checkout/src/arquivos/sass/lib/_slick.scss
+++ b/checkout/src/arquivos/sass/lib/_slick.scss
@@ -43,9 +43,10 @@
     position: relative;
     left: 0;
     top: 0;
-    display: block;
+    display: flex;
     margin-left: auto;
     margin-right: auto;
+    gap: 16px;
 
     &:before,
     &:after {
@@ -104,11 +105,16 @@
     background: url("https://agenciamagma.vteximg.com.br/arquivos/arrow-left-mini-M3Academy.svg")
         no-repeat center center;
     z-index: 4;
-    left: 10px;
+    left: 23px;
+    line-height: 27px;
+    border: none;
 }
 .slick-next {
     z-index: 4;
-    right: 10px;
+    right: 17px;
+    background: url("https://agenciamagma.vteximg.com.br/arquivos/arrow-right-mini-M3Academy.svg");
+    line-height: 27px;
+    border: none;
 }
 .slick-arrow.slick-hidden {
     display: none;
diff --git a/checkout/src/arquivos/sass/partials/_footer.scss b/checkout/src/arquivos/sass/partials/_footer.scss
index 460bec6..42d5a69 100644
--- a/checkout/src/arquivos/sass/partials/_footer.scss
+++ b/checkout/src/arquivos/sass/partials/_footer.scss
@@ -5,8 +5,9 @@
     width: 100% !important;
     display: flex;
     flex-direction: column;
-
+    margin-top: 100%;
     color: $color-gray2;
+    margin-top: auto;
 
     &__wrapper {
         align-items: center;
@@ -39,21 +40,23 @@
             line-height: 38px;
         }
         .infoCards {
-            width: 100%;
+            width: 80%;
             display: flex;
+            height: 390px;
             align-items: center;
             gap: 16px;
+            margin-bottom: 54px;
             .infoCard {
-                width: 242px;
+                width: 100%;
                 height: 390px;
-                border: 1px solid #000;
+                //border: 1px solid #000;
                 display: flex;
                 flex-direction: column;
                 align-items: center;
                 &__image {
-                    max-width: 100%;
+                    min-width: 100%;
                     height: 242px;
-                    object-fit: cover;
+                    object-fit: fit;
                     border-radius: 8px;
                 }
 
@@ -101,9 +104,9 @@
                     padding: 12px 0;
                     display: flex;
                     justify-content: center;
-                    width: 242px;
-                    height: 42px;
-                    margin-top: 32px;
+                    width: 100%;
+                    height: 17px;
+                    margin-top: 17px;
                     font-family: $font-family;
                     font-weight: 700;
                     font-size: 13px;
@@ -111,6 +114,7 @@
                     color: $color-white;
                     background-color: $color-blue-300;
                     border-radius: 8px;
+
                     &::hoover {
                         cursor: pointer;
                     }