From 35dbd9cb0e94f26f49bb16eb665ef215a49fe9d2 Mon Sep 17 00:00:00 2001
From: amanda almeida <manda.fonsecaff@gmail.com>
Date: Fri, 10 Feb 2023 03:46:53 -0300
Subject: [PATCH] feat(responsividade): adiciona responsividade ultrawite do
 footer

---
 styles/css/vtex.flex-layout.css               | 21 ++++++++++++++
 styles/css/vtex.menu.css                      |  3 --
 .../sass/pages/footer/vtex.flex-layout.scss   | 28 +++++++++++++++++++
 styles/sass/pages/footer/vtex.menu.scss       |  2 --
 4 files changed, 49 insertions(+), 5 deletions(-)

diff --git a/styles/css/vtex.flex-layout.css b/styles/css/vtex.flex-layout.css
index ced3492..6b492a5 100644
--- a/styles/css/vtex.flex-layout.css
+++ b/styles/css/vtex.flex-layout.css
@@ -11,7 +11,12 @@
   border: 1px solid #FFFFFF;
   border-width: 1px 0;
 }
+.flexRow--menu-row :global(.vtex-store-components-3-x-container) {
+  margin: 0;
+  min-width: 100%;
+}
 .flexRow--menu-row .flexRowContent--menu-row {
+  padding: 32px 32px 128px;
   justify-content: space-between;
 }
 .flexRow--menu-row .flexRowContent--menu-row .stretchChildrenWidth {
@@ -121,6 +126,22 @@
   min-width: 233px;
 }
 
+@media screen and (min-width: 1920px) {
+  .flexRow--menu-row .flexRowContent--menu-row {
+    padding-left: 320px;
+    padding-right: 320px;
+  }
+  .flexRow--container-credits {
+    padding-left: 320px;
+    padding-right: 320px;
+  }
+  .flexRow--container-credits :global(.vtex-store-components-3-x-container) {
+    margin: 0;
+  }
+  .flexRow--container-credits .flexCol--credits {
+    align-items: flex-start;
+  }
+}
 .flexRow--main-header {
   padding: 32px 40px;
   background-color: #FFFFFF;
diff --git a/styles/css/vtex.menu.css b/styles/css/vtex.menu.css
index 47cde69..d74652e 100644
--- a/styles/css/vtex.menu.css
+++ b/styles/css/vtex.menu.css
@@ -7,9 +7,6 @@
 */
 /* Media Query M3 */
 /* Grid breakpoints */
-:global(.vtex-flex-layout-0-x-flexRowContent--menu-row) {
-  padding: 32px 32px 128px;
-}
 :global(.vtex-flex-layout-0-x-flexRowContent--menu-row) .menuContainer {
   gap: 8px;
 }
diff --git a/styles/sass/pages/footer/vtex.flex-layout.scss b/styles/sass/pages/footer/vtex.flex-layout.scss
index 8dafb83..ff97b4f 100644
--- a/styles/sass/pages/footer/vtex.flex-layout.scss
+++ b/styles/sass/pages/footer/vtex.flex-layout.scss
@@ -2,8 +2,13 @@
   border: 1px solid #FFFFFF;
   border-width: 1px 0;
 
+  :global(.vtex-store-components-3-x-container) {
+    margin: 0;
+    min-width: 100%;
+  }
 
   .flexRowContent--menu-row {
+    padding: 32px 32px 128px;
     justify-content: space-between;
 
     .stretchChildrenWidth {
@@ -135,4 +140,27 @@
     display: flex;
     min-width: 233px;
   }
+}
+
+@media screen and (min-width:1920px) {
+  .flexRow--menu-row {
+    .flexRowContent--menu-row {
+      padding-left: 320px;
+      padding-right: 320px;
+    }
+  }
+
+  .flexRow--container-credits {
+    padding-left: 320px;
+    padding-right: 320px;
+
+    :global(.vtex-store-components-3-x-container) {
+      margin: 0;
+    }
+
+
+    .flexCol--credits {
+      align-items: flex-start;
+    }
+  }
 }
\ No newline at end of file
diff --git a/styles/sass/pages/footer/vtex.menu.scss b/styles/sass/pages/footer/vtex.menu.scss
index a440fdc..758d1a1 100644
--- a/styles/sass/pages/footer/vtex.menu.scss
+++ b/styles/sass/pages/footer/vtex.menu.scss
@@ -1,6 +1,4 @@
 :global(.vtex-flex-layout-0-x-flexRowContent--menu-row) {
-  padding: 32px 32px 128px;
-
   .menuContainer {
     gap: 8px;