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 {
-
+
+
+
`;
}
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%;
+ }
}
}
}