matheusbrollodauter/m3-academy-template-checkout-matheusBrolloDauter
1
0
Fork 0
forked from M3-Academy/m3-academy-template-checkout
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(slick): finished

Browse Source
This commit is contained in:
Matheus Brollo Dauter 2022-12-15 21:00:37 -03:00
parent 3b9990210e
commit c350a69373
4 changed files with 23 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
checkout/src/arquivos/js/components/Footer.js
View File

@ -72,7 +72,7 @@ export default class Footer {
events() { events() {
window.addEventListener("hashchange", () => { window.addEventListener("hashchange", () => {
if (window.location.hash == "#/cart" && this.checkoutVazio.style.display == "none") { 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") { if (window.location.hash != "#/cart") {
this.list.style.display = "none"; this.list.style.display = "none";
@ -187,7 +187,7 @@ export default class Footer {
let target = this.checkoutVazio; let target = this.checkoutVazio;
let lista = this.list; let lista = this.list;
if (target.style.display == "none" && window.location.hash == "#/cart") { if (target.style.display == "none" && window.location.hash == "#/cart") {
lista.style.display = "flex"; lista.style.display = "block";
this.fetchApiData(); this.fetchApiData();
} else { } else {
lista.style.display = "none"; lista.style.display = "none";
@ -200,7 +200,7 @@ export default class Footer {
mutations.forEach(function (mutation) { mutations.forEach(function (mutation) {
if (target.style.display != "none") { if (target.style.display != "none") {
lista.style.display = "none"; lista.style.display = "none";
} else lista.style.display = "flex"; } else lista.style.display = "block";
}); });
}); });

15
checkout/src/arquivos/sass/checkout/_checkout.scss
View File

@ -130,9 +130,12 @@ body {
} }
.footerCheckout__prateleira { .footerCheckout__prateleira {
display: block !important;
padding-bottom: 56px; padding-bottom: 56px;
ul {
margin: 0;
}
h3 { h3 {
font-family: "Tenor Sans"; font-family: "Tenor Sans";
font-style: normal; font-style: normal;
@ -178,11 +181,15 @@ body {
padding: 5px; padding: 5px;
color: $white; color: $white;
background: #00c8ff; background: $blue;
border-radius: 8px; border-radius: 8px;
} }
} }
a:hover {
text-decoration: none;
}
.linkSlick { .linkSlick {
display: flex; display: flex;
align-items: center; align-items: center;
@ -190,7 +197,7 @@ body {
justify-content: center; justify-content: center;
p { p {
font-family: 'Open Sans'; font-family: "Open Sans";
font-style: normal; font-style: normal;
font-weight: 700; font-weight: 700;
font-size: 13px; font-size: 13px;
@ -201,7 +208,7 @@ body {
width: 100%; width: 100%;
color: $white; color: $white;
background: #00C8FF; background: $blue;
border-radius: 8px; border-radius: 8px;
} }
} }

6
checkout/src/arquivos/sass/lib/_slick.scss
View File

@ -62,7 +62,7 @@
} }
} }
.slick-slide { .slick-slide {
margin: 0 16px 0 0; margin: 0 8px 0 8px;
float: left; float: left;
height: 100%; height: 100%;
min-height: 1px; min-height: 1px;
@ -105,7 +105,7 @@
background: url("https://agenciamagma.vteximg.com.br/arquivos/arrow-left-mini-M3Academy.svg") background: url("https://agenciamagma.vteximg.com.br/arquivos/arrow-left-mini-M3Academy.svg")
no-repeat center center; no-repeat center center;
z-index: 4; z-index: 4;
left: 10px; left: 22px;
top: 30%; top: 30%;
border: none; border: none;
height: 30px; height: 30px;
@ -114,7 +114,7 @@
background: url("https://agenciamagma.vteximg.com.br/arquivos/arrow-right-mini-M3Academy.svg") background: url("https://agenciamagma.vteximg.com.br/arquivos/arrow-right-mini-M3Academy.svg")
no-repeat center center; no-repeat center center;
z-index: 4; z-index: 4;
right: 25px; right: 20px;
bottom: 62%; bottom: 62%;
border: none; border: none;
height: 30px; height: 30px;

12
checkout/src/arquivos/sass/utils/_variaveis.scss
View File

@ -2,7 +2,7 @@
@import url("https://fonts.googleapis.com/css2?family=Tenor+Sans&display=swap"); @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"); @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: "Open Sans", sans-serif;
$font-family-secundary:"Tenor Sans", sans-serif; $font-family-secundary: "Tenor Sans", sans-serif;
/* Colors */ /* Colors */
$black: #000; $black: #000;
@ -46,9 +46,9 @@ $grid-breakpoints: (
) !default; ) !default;
$z-index: ( $z-index: (
level1: 5, level1: 5,
level2: 10, level2: 10,
level3: 15, level3: 15,
level4: 20, level4: 20,
level5: 25 level5: 25,
) !default; ) !default;