SavioCarvalhoMoraes/m3-academy-template-checkout-savio-carvalho-moraes
1
0
Fork 0
forked from M3-Academy/m3-academy-template-checkout
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(footer): Conserto da estilização do carrossel

Browse Source
This commit is contained in:
Savio Carvalho Moraes 2022-12-18 19:30:32 -03:00
parent ffb5a8a59d
commit a938b03d0c
3 changed files with 25 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -42,7 +42,9 @@ export default class Footer {
this.identificacaoUser = await waitElement( this.identificacaoUser = await waitElement(
"#client-profile-data > div > div.accordion-heading > span > span", "#client-profile-data > div > div.accordion-heading > span > span",
0 0
); /* );
/*
Cep bugou o programa, não tem nada de diferente que fiz dos outros métodos.
this.noCep = await waitElement( this.noCep = await waitElement(
"#shipping-preview-container > div > div > div.vtex-shipping-preview-0-x-pc.srp-postal-code > form > div > p > small > a", "#shipping-preview-container > div > div > div.vtex-shipping-preview-0-x-pc.srp-postal-code > form > div > p > small > a",
0 0

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

@ -43,9 +43,10 @@
position: relative; position: relative;
left: 0; left: 0;
top: 0; top: 0;
display: block; display: flex;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
gap: 16px;
&:before, &:before,
&:after { &:after {
@ -104,11 +105,16 @@
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: 23px;
line-height: 27px;
border: none;
} }
.slick-next { .slick-next {
z-index: 4; 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 { .slick-arrow.slick-hidden {
display: none; display: none;

22
checkout/src/arquivos/sass/partials/_footer.scss
View File

@ -5,8 +5,9 @@
width: 100% !important; width: 100% !important;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin-top: 100%;
color: $color-gray2; color: $color-gray2;
margin-top: auto;
&__wrapper { &__wrapper {
align-items: center; align-items: center;
@ -39,21 +40,23 @@
line-height: 38px; line-height: 38px;
} }
.infoCards { .infoCards {
width: 100%; width: 80%;
display: flex; display: flex;
height: 390px;
align-items: center; align-items: center;
gap: 16px; gap: 16px;
margin-bottom: 54px;
.infoCard { .infoCard {
width: 242px; width: 100%;
height: 390px; height: 390px;
border: 1px solid #000; //border: 1px solid #000;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
&__image { &__image {
max-width: 100%; min-width: 100%;
height: 242px; height: 242px;
object-fit: cover; object-fit: fit;
border-radius: 8px; border-radius: 8px;
} }
@ -101,9 +104,9 @@
padding: 12px 0; padding: 12px 0;
display: flex; display: flex;
justify-content: center; justify-content: center;
width: 242px; width: 100%;
height: 42px; height: 17px;
margin-top: 32px; margin-top: 17px;
font-family: $font-family; font-family: $font-family;
font-weight: 700; font-weight: 700;
font-size: 13px; font-size: 13px;
@ -111,6 +114,7 @@
color: $color-white; color: $color-white;
background-color: $color-blue-300; background-color: $color-blue-300;
border-radius: 8px; border-radius: 8px;
&::hoover { &::hoover {
cursor: pointer; cursor: pointer;
} }