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

Feat: Finaliza detalhes de pagamento

Browse Source
This commit is contained in:
Cainã Milech 2022-12-24 18:17:24 -03:00
parent c61f735d7c
commit 6b72b73860
3 changed files with 11 additions and 23 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

@ -67,7 +67,7 @@ export default class Footer {
.then((data) => { .then((data) => {
return data.map(function (product) { return data.map(function (product) {
let li = document.createElement("li"); let li = document.createElement("li");
li.setAttribute("id", product.productId);
li.innerHTML = ` li.innerHTML = `
<img src="${product.items[0].images[0].imageUrl}" alt="${ <img src="${product.items[0].images[0].imageUrl}" alt="${
product.productName product.productName
@ -85,7 +85,7 @@ export default class Footer {
} }
async addCarrossel() { async addCarrossel() {
const prateleira = await waitElement(".carrosel-items", { timeout: 6000, interval: 500 }); const prateleira = await waitElement(".carrosel-items", { timeout: 7000, interval: 500 });
$(prateleira).slick({ $(prateleira).slick({
slidesToShow: 4, slidesToShow: 4,

26
checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss
View File

@ -718,9 +718,9 @@ h1#orderform-title {
color: #303030; color: #303030;
padding: 12px 55px 12px 43px; padding: 12px 55px 12px 43px;
@include mq(md, max) { /*@include mq(md, max) {
background-position: 8px 9px; background-position: 8px 9px;
} }*/
@include mq(xxl, min) { @include mq(xxl, min) {
background-size: 46.45px 46.45px; background-size: 46.45px 46.45px;
@ -833,7 +833,7 @@ h1#orderform-title {
i.icon-edit { i.icon-edit {
margin-left: auto; margin-left: auto;
background-size: contain; background-size: cover;
width: 20.26px !important; width: 20.26px !important;
height: 20.89px !important; height: 20.89px !important;
background-image: url("https://agenciamagma.vteximg.com.br/arquivos/lapisM3Academy.png"); background-image: url("https://agenciamagma.vteximg.com.br/arquivos/lapisM3Academy.png");
@ -941,7 +941,7 @@ h1#orderform-title {
} }
i.icon-edit { i.icon-edit {
background-size: contain; background-size: cover;
width: 20.26px !important; width: 20.26px !important;
height: 20.89px !important; height: 20.89px !important;
background-image: url("https://agenciamagma.vteximg.com.br/arquivos/lapisM3Academy.png"); background-image: url("https://agenciamagma.vteximg.com.br/arquivos/lapisM3Academy.png");
@ -1059,21 +1059,6 @@ h1#orderform-title {
} }
} }
} }
/*.pg-transferencia-bancaria,
#payment-group-creditControlPaymentGroup,
#payment-group-creditDirectSalePaymentGroup,
#payment-group-promissoryPaymentGroup,
#payment-group-custom203PaymentGroupPaymentGroup,
#payment-group-instantPaymentPaymentGroup,
#payment-group-PSEPaymentGroup,
#TransferPaymentGroup,*/
#payment-group-customPrivate_502PaymentGroup,
#payment-group-custom201PaymentGroupPaymentGroup,
#payment-group-MercadoPagoPaymentGroup,
#payment-group-SPEIPaymentGroup {
display: none;
}
} }
} }
@ -1123,7 +1108,7 @@ h1#orderform-title {
i.icon-edit { i.icon-edit {
margin-left: auto; margin-left: auto;
background-size: contain; background-size: cover;
width: 20.26px !important; width: 20.26px !important;
height: 20.89px !important; height: 20.89px !important;
background-image: url("https://agenciamagma.vteximg.com.br/arquivos/lapisM3Academy.png"); background-image: url("https://agenciamagma.vteximg.com.br/arquivos/lapisM3Academy.png");
@ -1285,7 +1270,6 @@ h1#orderform-title {
svg { svg {
width: 18px; width: 18px;
height: 18px; height: 18px;
/*border: 1px solid #c4c4c4; acho q nao precisa*/
border-radius: 3px; border-radius: 3px;
background-image: url("https://agenciamagma.vteximg.com.br/arquivos/icon-radios-input-M3Academy.png"); background-image: url("https://agenciamagma.vteximg.com.br/arquivos/icon-radios-input-M3Academy.png");

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

@ -118,6 +118,10 @@
line-height: 35px; line-height: 35px;
} }
@include mq(tablet, max) {
height: 36px;
}
@media (min-width: 1025px) and (max-width: 1110px) { @media (min-width: 1025px) and (max-width: 1110px) {
height: 36px; height: 36px;
} }