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.trocaTitle();
await this.trocaFrete(); await this.trocaFrete();
await this.trocaUnidade(); await this.trocaUnidade();
await this.trocaNotiCliente();
/*await this.trocaNoCep();*/
await this.trocaIdentificao();
} }
async selectors() { async selectors() {
@ -33,6 +36,15 @@ export default class Footer {
this.prateleiraInfoCards = await waitElement(".footerCheckout__prateleira"); this.prateleiraInfoCards = await waitElement(".footerCheckout__prateleira");
this.freteCarrinho = await waitElement(".shipping-date"); this.freteCarrinho = await waitElement(".shipping-date");
this.unidadeCarrinho = await waitElement(".product-price"); 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() { onUpdate() {
@ -136,4 +148,15 @@ export default class Footer {
async trocaUnidade() { async trocaUnidade() {
this.unidadeCarrinho.innerHTML = `Unidade`; 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, .payment-data,
.client-profile-data { .client-profile-data {
.accordion-group { .accordion-group {
border-radius: 0; border-radius: 8px;
border: 1px solid $color-gray4; border: 1px solid $color-gray3;
font-family: $font-family; font-family: $font-family;
padding: 16px; padding: 16px;
@ -155,6 +155,7 @@
padding: 0; padding: 0;
i::before { i::before {
display: none;
fill: #303030; fill: #303030;
} }
} }
@ -182,15 +183,18 @@
p { p {
label { label {
color: $color-black; color: $color-gray2;
font-weight: 500; font-family: $font-family;
font-weight: 400;
font-size: 14px;
} }
select, select,
input { input {
border-radius: 0; border-radius: 5px;
border: 1px solid $color-gray4; border: 1px solid $color-gray3;
box-shadow: none; box-shadow: none;
height: 42px;
} }
.help.error { .help.error {
@ -201,6 +205,7 @@
.box-client-info-pj { .box-client-info-pj {
.link a#is-corporate-client, .link a#is-corporate-client,
.link a#not-corporate-client { .link a#not-corporate-client {
display: none;
color: $color-black; color: $color-black;
font-weight: 500; font-weight: 500;
text-decoration: underline; text-decoration: underline;
@ -212,12 +217,18 @@
} }
button.submit { button.submit {
width: 100%;
border: none; border: none;
border-radius: 5px; font-family: $font-family;
background: $color-black; font-size: 14px;
font-weight: 700;
color: $color-white;
border-radius: 8px;
background: $color-blue-300;
margin-top: 8px; margin-top: 8px;
outline: none; outline: none;
transition: all 0.2s linear; transition: all 0.2s linear;
text-transform: uppercase;
&:hover { &:hover {
background: lighten($color-black, 5); background: lighten($color-black, 5);