From 9c5ca5c8dd57b7a7cf15e22caeda91d6fffccae1 Mon Sep 17 00:00:00 2001
From: amanda almeida <manda.fonsecaff@gmail.com>
Date: Tue, 24 Jan 2023 18:50:23 -0300
Subject: [PATCH] feat(image): adiciona css das imagens do produto

---
 store/blocks/pdp/product.jsonc                       |  3 +--
 styles/css/vtex.store-components.css                 | 12 ++++++++++++
 styles/sass/pages/product/vtex.store-components.scss |  3 +++
 3 files changed, 16 insertions(+), 2 deletions(-)
 create mode 100644 styles/sass/pages/product/vtex.store-components.scss

diff --git a/store/blocks/pdp/product.jsonc b/store/blocks/pdp/product.jsonc
index cd01e4b..331631f 100644
--- a/store/blocks/pdp/product.jsonc
+++ b/store/blocks/pdp/product.jsonc
@@ -84,8 +84,7 @@
       },
       "showNavigationArrows": false,
       "showPaginationDots": false,
-      "displayThumbnailsArrows": true,
-      "marginLeft": 16
+      "displayThumbnailsArrows": true
     }
   },
   "flex-layout.col#right-col": {
diff --git a/styles/css/vtex.store-components.css b/styles/css/vtex.store-components.css
index c2b45cd..620252e 100644
--- a/styles/css/vtex.store-components.css
+++ b/styles/css/vtex.store-components.css
@@ -35,6 +35,18 @@
 
 .carouselGaleryThumbs {
   position: relative;
+  margin-top: 16px;
+}
+
+.productImageTag {
+  max-height: 664px;
+}
+
+.productImagesThumb {
+  margin: 0;
+  margin-right: 16px;
+  width: 90px !important;
+  height: 90px !important;
 }
 
 .skuSelectorContainer {
diff --git a/styles/sass/pages/product/vtex.store-components.scss b/styles/sass/pages/product/vtex.store-components.scss
new file mode 100644
index 0000000..b9aa284
--- /dev/null
+++ b/styles/sass/pages/product/vtex.store-components.scss
@@ -0,0 +1,3 @@
+.newsletter {
+  background: red;
+}