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

feat(body): Adicionando os estilos da Identificação

Browse Source
This commit is contained in:
Savio Carvalho Moraes 2022-12-17 11:13:33 -03:00
parent a1d383bfc7
commit 4ff5d83af2
2 changed files with 42 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -18,6 +18,9 @@ export default class Footer {
await this.trocaTitle();
await this.trocaFrete();
await this.trocaUnidade();
await this.trocaNotiCliente();
/*await this.trocaNoCep();*/
await this.trocaIdentificao();
}
async selectors() {
@ -33,6 +36,15 @@ export default class Footer {
this.prateleiraInfoCards = await waitElement(".footerCheckout__prateleira");
this.freteCarrinho = await waitElement(".shipping-date");
this.unidadeCarrinho = await waitElement(".product-price");
this.notiCliente = await waitElement(".client-notice");
this.identificacaoUser = await waitElement(
"#client-profile-data > div > div.accordion-heading > span > span",
0
); /*
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
);*/
}
onUpdate() {
@ -136,4 +148,15 @@ export default class Footer {
async trocaUnidade() {
this.unidadeCarrinho.innerHTML = `Unidade`;
}
async trocaNotiCliente() {
this.notiCliente.innerHTML = ``;
}
/*
async trocaNoCep() {
this.noCep.innerHTML = `Não sei meu código postal`;
}*/
async trocaIdentificao() {
this.identificacaoUser.innerHTML = `Identificação`;
}
}

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

@ -143,8 +143,8 @@
.payment-data,
.client-profile-data {
.accordion-group {
border-radius: 0;
border: 1px solid $color-gray4;
border-radius: 8px;
border: 1px solid $color-gray3;
font-family: $font-family;
padding: 16px;
@ -155,6 +155,7 @@
padding: 0;
i::before {
display: none;
fill: #303030;
}
}
@ -182,15 +183,18 @@
p {
label {
color: $color-black;
font-weight: 500;
color: $color-gray2;
font-family: $font-family;
font-weight: 400;
font-size: 14px;
}
select,
input {
border-radius: 0;
border: 1px solid $color-gray4;
border-radius: 5px;
border: 1px solid $color-gray3;
box-shadow: none;
height: 42px;
}
.help.error {
@ -201,6 +205,7 @@
.box-client-info-pj {
.link a#is-corporate-client,
.link a#not-corporate-client {
display: none;
color: $color-black;
font-weight: 500;
text-decoration: underline;
@ -212,12 +217,18 @@
}
button.submit {
width: 100%;
border: none;
border-radius: 5px;
background: $color-black;
font-family: $font-family;
font-size: 14px;
font-weight: 700;
color: $color-white;
border-radius: 8px;
background: $color-blue-300;
margin-top: 8px;
outline: none;
transition: all 0.2s linear;
text-transform: uppercase;
&:hover {
background: lighten($color-black, 5);