diff --git a/checkout/src/arquivos/js/components/Footer.js b/checkout/src/arquivos/js/components/Footer.js index 7194b00..0648800 100644 --- a/checkout/src/arquivos/js/components/Footer.js +++ b/checkout/src/arquivos/js/components/Footer.js @@ -72,7 +72,7 @@ export default class Footer { events() { window.addEventListener("hashchange", () => { if (window.location.hash == "#/cart" && this.checkoutVazio.style.display == "none") { - this.list.style.display = "flex"; + this.list.style.display = "block"; } if (window.location.hash != "#/cart") { this.list.style.display = "none"; @@ -187,7 +187,7 @@ export default class Footer { let target = this.checkoutVazio; let lista = this.list; if (target.style.display == "none" && window.location.hash == "#/cart") { - lista.style.display = "flex"; + lista.style.display = "block"; this.fetchApiData(); } else { lista.style.display = "none"; @@ -200,7 +200,7 @@ export default class Footer { mutations.forEach(function (mutation) { if (target.style.display != "none") { lista.style.display = "none"; - } else lista.style.display = "flex"; + } else lista.style.display = "block"; }); }); diff --git a/checkout/src/arquivos/sass/checkout/_checkout.scss b/checkout/src/arquivos/sass/checkout/_checkout.scss index c1c54e3..32a2594 100644 --- a/checkout/src/arquivos/sass/checkout/_checkout.scss +++ b/checkout/src/arquivos/sass/checkout/_checkout.scss @@ -130,9 +130,12 @@ body { } .footerCheckout__prateleira { - display: block !important; padding-bottom: 56px; + ul { + margin: 0; + } + h3 { font-family: "Tenor Sans"; font-style: normal; @@ -178,11 +181,15 @@ body { padding: 5px; color: $white; - background: #00c8ff; + background: $blue; border-radius: 8px; } } + a:hover { + text-decoration: none; + } + .linkSlick { display: flex; align-items: center; @@ -190,7 +197,7 @@ body { justify-content: center; p { - font-family: 'Open Sans'; + font-family: "Open Sans"; font-style: normal; font-weight: 700; font-size: 13px; @@ -201,7 +208,7 @@ body { width: 100%; color: $white; - background: #00C8FF; + background: $blue; border-radius: 8px; } } diff --git a/checkout/src/arquivos/sass/lib/_slick.scss b/checkout/src/arquivos/sass/lib/_slick.scss index 1600fb2..6391f15 100644 --- a/checkout/src/arquivos/sass/lib/_slick.scss +++ b/checkout/src/arquivos/sass/lib/_slick.scss @@ -62,7 +62,7 @@ } } .slick-slide { - margin: 0 16px 0 0; + margin: 0 8px 0 8px; float: left; height: 100%; min-height: 1px; @@ -105,7 +105,7 @@ background: url("https://agenciamagma.vteximg.com.br/arquivos/arrow-left-mini-M3Academy.svg") no-repeat center center; z-index: 4; - left: 10px; + left: 22px; top: 30%; border: none; height: 30px; @@ -114,7 +114,7 @@ background: url("https://agenciamagma.vteximg.com.br/arquivos/arrow-right-mini-M3Academy.svg") no-repeat center center; z-index: 4; - right: 25px; + right: 20px; bottom: 62%; border: none; height: 30px; diff --git a/checkout/src/arquivos/sass/utils/_variaveis.scss b/checkout/src/arquivos/sass/utils/_variaveis.scss index 7dc5c5e..84083c3 100644 --- a/checkout/src/arquivos/sass/utils/_variaveis.scss +++ b/checkout/src/arquivos/sass/utils/_variaveis.scss @@ -2,7 +2,7 @@ @import url("https://fonts.googleapis.com/css2?family=Tenor+Sans&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap"); $font-family: "Open Sans", sans-serif; -$font-family-secundary:"Tenor Sans", sans-serif; +$font-family-secundary: "Tenor Sans", sans-serif; /* Colors */ $black: #000; @@ -46,9 +46,9 @@ $grid-breakpoints: ( ) !default; $z-index: ( - level1: 5, - level2: 10, - level3: 15, - level4: 20, - level5: 25 + level1: 5, + level2: 10, + level3: 15, + level4: 20, + level5: 25, ) !default;