From 2f56cc39142ab76ad77b282e4e386ac693bbc0e7 Mon Sep 17 00:00:00 2001
From: Ramon Dias Ferreira <ramondf13@gmail.com>
Date: Mon, 6 Feb 2023 10:48:52 -0300
Subject: [PATCH] =?UTF-8?q?feat:=20descri=C3=A7=C3=A3o=20do=20produto=20es?=
 =?UTF-8?q?tilizada,=20retirada=20o=20zoom=20da=20imagem,=20algumas=20marg?=
 =?UTF-8?q?ens?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 store/blocks/pdp/product.jsonc                |  3 +-
 styles/css/vtex.store-components.css          |  7 +++-
 styles/css/vtex.tab-layout.css                | 28 +++++++++++++--
 .../pages/product/vtex.store-components.scss  | 13 +++++--
 .../sass/pages/product/vtex.tab-layout.scss   | 35 +++++++++++++++++++
 5 files changed, 80 insertions(+), 6 deletions(-)
 create mode 100644 styles/sass/pages/product/vtex.tab-layout.scss

diff --git a/store/blocks/pdp/product.jsonc b/store/blocks/pdp/product.jsonc
index ecf4595..4c1037c 100644
--- a/store/blocks/pdp/product.jsonc
+++ b/store/blocks/pdp/product.jsonc
@@ -300,7 +300,8 @@
   "product-images#description": {
     "props": {
       "displayMode": "first-image",
-      "blockClass": "description-imagem"
+      "blockClass": "description-imagem",
+      "zoomFactor": 0
     }
   },
 
diff --git a/styles/css/vtex.store-components.css b/styles/css/vtex.store-components.css
index f8fa6cb..084b54a 100644
--- a/styles/css/vtex.store-components.css
+++ b/styles/css/vtex.store-components.css
@@ -7,6 +7,11 @@
 */
 /* Media Query M3 */
 /* Grid breakpoints */
+.productDescriptionContainer {
+  margin: 0 32px;
+}
+
 .newsletter {
-  background: red;
+  color: #FFFFFF;
+  background: #000000;
 }
\ No newline at end of file
diff --git a/styles/css/vtex.tab-layout.css b/styles/css/vtex.tab-layout.css
index 3a575de..81dcf87 100644
--- a/styles/css/vtex.tab-layout.css
+++ b/styles/css/vtex.tab-layout.css
@@ -7,6 +7,30 @@
 */
 /* Media Query M3 */
 /* Grid breakpoints */
-.vtex-button {
-  background-color: red;
+.listContainer {
+  align-items: center;
+  margin-bottom: 64px;
+  justify-content: space-around;
+  border-bottom: 1px solid #BFBFBF;
+}
+
+.listItem {
+  margin: 0;
+  padding: 0;
+}
+.listItem :global(.vtex-button) {
+  border-radius: 0;
+  background-color: #FFFFFF;
+  color: #BFBFBF;
+}
+
+.listItemActive :global(.vtex-button) {
+  border: 0;
+  border-bottom: 1px solid #000000 !important;
+}
+
+.contentItem {
+  display: flex;
+  padding: 0px 40px;
+  margin-bottom: 16px;
 }
\ No newline at end of file
diff --git a/styles/sass/pages/product/vtex.store-components.scss b/styles/sass/pages/product/vtex.store-components.scss
index 36d0f22..a27bab1 100644
--- a/styles/sass/pages/product/vtex.store-components.scss
+++ b/styles/sass/pages/product/vtex.store-components.scss
@@ -1,3 +1,12 @@
+
+.productDescriptionContainer{
+  margin: 0 32px;
+}
+
+
+
+
 .newsletter{
-    background: red;
-}
\ No newline at end of file
+    color: #FFFFFF;
+    background: #000000;
+}
diff --git a/styles/sass/pages/product/vtex.tab-layout.scss b/styles/sass/pages/product/vtex.tab-layout.scss
new file mode 100644
index 0000000..7e50f0e
--- /dev/null
+++ b/styles/sass/pages/product/vtex.tab-layout.scss
@@ -0,0 +1,35 @@
+.listContainer{
+  align-items: center;
+  margin-bottom: 64px;
+  justify-content: space-around;
+  border-bottom: 1px solid #BFBFBF;
+}
+
+.listItem{
+  margin: 0;
+  padding: 0;
+  :global(.vtex-button){
+    border-radius: 0;
+    background-color: #FFFFFF;
+    color: #BFBFBF;
+  }
+}
+
+.listItemActive {
+  :global(.vtex-button) {
+    border: 0;
+    border-bottom: 1px solid #000000 !important;
+
+  }
+}
+
+.contentItem{
+  display: flex;
+  padding: 0px 40px;
+  margin-bottom: 16px;
+}
+
+
+
+
+