diff --git a/checkout/src/arquivos/js/components/Footer.js b/checkout/src/arquivos/js/components/Footer.js index 9431661..fa5e938 100644 --- a/checkout/src/arquivos/js/components/Footer.js +++ b/checkout/src/arquivos/js/components/Footer.js @@ -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`; + } } diff --git a/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss b/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss index eaaeb7e..e9d0385 100644 --- a/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss +++ b/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss @@ -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);