From 7581931249e509922656d0ee4f04ad94da1bff0b Mon Sep 17 00:00:00 2001
From: Emerson Fully <63175980+emersonfully@users.noreply.github.com>
Date: Thu, 9 Feb 2023 20:08:49 -0300
Subject: [PATCH] ajustes na imagem do produto

---
 react/components/Html/style.css                   | 15 +++++++++++++++
 styles/css/vtex.flex-layout.css                   | 14 ++++++++------
 styles/css/vtex.store-components.css              | 11 +++++++++++
 styles/sass/pages/product/vtex.flex-layout.scss   | 12 +++++++-----
 .../sass/pages/product/vtex.store-components.scss | 10 ++++++++++
 5 files changed, 51 insertions(+), 11 deletions(-)

diff --git a/react/components/Html/style.css b/react/components/Html/style.css
index 3555dae..25dedec 100644
--- a/react/components/Html/style.css
+++ b/react/components/Html/style.css
@@ -112,4 +112,19 @@
   background-color: white;
   border-bottom: 4px solid black;
   color: black;
+}
+
+@media screen and (max-width: 1024px) {
+
+  [class*="vtex-tab-layout-0-x-listItem"] button {
+    border: none;
+    width: 100%;
+    display: flex;
+  }
+
+  [class*="vtex-tab-layout-0-x-listItemActive"] button {
+    width: 100%;
+    display: flex;
+    border: none;
+  }
 }
\ No newline at end of file
diff --git a/styles/css/vtex.flex-layout.css b/styles/css/vtex.flex-layout.css
index 7723cc4..c30975d 100644
--- a/styles/css/vtex.flex-layout.css
+++ b/styles/css/vtex.flex-layout.css
@@ -26,12 +26,14 @@
   position: relative;
 }
 
-.flexRow--btn-product {
-  width: 100%;
-  max-width: 400px;
-  position: absolute;
-  top: 366px;
-  left: 158px;
+@media screen and (min-width: 769px) {
+  .flexRow--btn-product {
+    width: 100%;
+    max-width: 400px;
+    position: absolute;
+    top: 366px;
+    left: 158px;
+  }
 }
 .flexRow--btn-product :global(.vtex-button) {
   background-color: black;
diff --git a/styles/css/vtex.store-components.css b/styles/css/vtex.store-components.css
index 1ec85b4..5c6ef95 100644
--- a/styles/css/vtex.store-components.css
+++ b/styles/css/vtex.store-components.css
@@ -249,6 +249,11 @@
   margin-right: 16px;
   width: 50%;
 }
+@media screen and (max-width: 1024px) {
+  .content--imagem-descricao {
+    width: 100%;
+  }
+}
 
 .productDescriptionContainer {
   width: 50%;
@@ -352,4 +357,10 @@
 
 .sellingPrice {
   font-weight: bolder;
+}
+
+@media screen and (max-width: 1024px) {
+  .productImageTag--imagem-descricao--main {
+    max-height: 1100px !important;
+  }
 }
\ No newline at end of file
diff --git a/styles/sass/pages/product/vtex.flex-layout.scss b/styles/sass/pages/product/vtex.flex-layout.scss
index 0fd7f09..7a9e38d 100644
--- a/styles/sass/pages/product/vtex.flex-layout.scss
+++ b/styles/sass/pages/product/vtex.flex-layout.scss
@@ -17,11 +17,13 @@
 }
 
 .flexRow--btn-product {
-  width: 100%;
-  max-width: 400px;
-  position: absolute;
-  top: 366px;
-  left: 158px;
+  @media screen and (min-width: 769px) {
+    width: 100%;
+    max-width: 400px;
+    position: absolute;
+    top: 366px;
+    left: 158px;
+  }
 
   :global(.vtex-button) {
     background-color: black;
diff --git a/styles/sass/pages/product/vtex.store-components.scss b/styles/sass/pages/product/vtex.store-components.scss
index 525580f..794eea7 100644
--- a/styles/sass/pages/product/vtex.store-components.scss
+++ b/styles/sass/pages/product/vtex.store-components.scss
@@ -278,6 +278,10 @@
 .content--imagem-descricao {
   margin-right: 16px;
   width: 50%;
+
+  @media screen and (max-width: 1024px) {
+    width: 100%;
+  }
 }
 
 .productDescriptionContainer {
@@ -398,3 +402,9 @@
 .sellingPrice {
   font-weight: bolder;
 }
+
+.productImageTag--imagem-descricao--main {
+  @media screen and (max-width: 1024px) {
+    max-height: 1100px !important;
+  }
+}