diff --git a/checkout/src/arquivos/js/components/Footer.js b/checkout/src/arquivos/js/components/Footer.js index ead43b8..00b47af 100644 --- a/checkout/src/arquivos/js/components/Footer.js +++ b/checkout/src/arquivos/js/components/Footer.js @@ -65,22 +65,22 @@ export default class Footer { renderIconCreditCards() { this.footerIconsCreditCards.innerHTML = ` - - - - - - - `; + + + + + + + `; } renderIconVtexPci() { - this.footerIconVtexPci.innerHTML = ``; + this.footerIconVtexPci.innerHTML = ``; } renderIconsDeveloped() { this.footerIconsDeveloped.innerHTML = ` -
  • Powered By
  • -
  • Developed By
  • `; +
  • Powered By
  • +
  • Developed By
  • `; } } diff --git a/checkout/src/arquivos/js/components/Header.js b/checkout/src/arquivos/js/components/Header.js index 8c71127..fd2d3fb 100644 --- a/checkout/src/arquivos/js/components/Header.js +++ b/checkout/src/arquivos/js/components/Header.js @@ -22,7 +22,6 @@ export default class Header { });*/ this.header = await waitElement(".headerCheckout"); this.progressBar = await waitElement("#progressBar"); - this.footerIconsCreditCard = await waitElement(".footerCheckout__payments"); } progressBarHTML() { if (this.progressBar && window.innerWidth > 1024) { @@ -33,7 +32,9 @@ export default class Header {
  • Dados Pessoais

  • -
  • Pagamento

  • + +
  • +

    Pagamento

  • `; } diff --git a/checkout/src/arquivos/sass/partials/_footer.scss b/checkout/src/arquivos/sass/partials/_footer.scss index c7c65c2..fe04cdd 100644 --- a/checkout/src/arquivos/sass/partials/_footer.scss +++ b/checkout/src/arquivos/sass/partials/_footer.scss @@ -1,5 +1,8 @@ /* _footer.scss */ .footerCheckout { + width: 100%; + display: flex; + flex-direction: column; border-top: none; color: $color-gray2; @@ -8,7 +11,10 @@ display: flex; justify-content: space-between; } - + .container { + display: flex; + flex-direction: row; + } &__address { color: $color-gray2; font-family: $font-family; @@ -26,11 +32,13 @@ } &__stamps { + width: 31.56%; align-items: center; display: flex; justify-self: center; list-style: none; - + flex-direction: row; + margin: 0; @include mq(md, max) { align-self: center; margin-bottom: 12px; @@ -43,9 +51,20 @@ margin: 0 8px; width: 1px; } + &__payments { + display: flex; + flex-direction: row; + } + .IconCredImg { + width: 12.25%; + } + .IconVtexImg { + width: 87%; + } } &__developedBy { + width: 18.6%; align-items: center; display: flex; list-style-type: none; @@ -69,6 +88,12 @@ span { margin-right: 8px; } + .iconDevV { + width: 19.65%; + } + .iconDeveLM3 { + width: 15.65%; + } } } }