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