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(
"#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

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

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

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

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