From 1b6e7b4213092893dc066133cb518acc16f835b4 Mon Sep 17 00:00:00 2001
From: ueberjames <ueberjames@gmail.com>
Date: Wed, 8 Feb 2023 20:25:19 -0300
Subject: [PATCH] =?UTF-8?q?estiliza=C3=A7=C3=A3o=20do=20mini=20slide=20do?=
 =?UTF-8?q?=20availability?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 styles/css/vtex.store-components.css          | 12 +++++++++++
 .../sass/pages/product/vtex.flex-layout.scss  | 11 ++++++++--
 .../pages/product/vtex.store-components.scss  | 20 +++++++++++++++++++
 3 files changed, 41 insertions(+), 2 deletions(-)

diff --git a/styles/css/vtex.store-components.css b/styles/css/vtex.store-components.css
index d9ab072..425cdf1 100644
--- a/styles/css/vtex.store-components.css
+++ b/styles/css/vtex.store-components.css
@@ -28,6 +28,18 @@
   display: flex;
   justify-content: flex-end;
 }
+.container .carouselGaleryThumbs {
+  gap: 16px;
+}
+.container .carouselGaleryThumbs .productImagesThumb {
+  max-width: 90px;
+  width: 100%;
+  margin-right: 16px;
+}
+.container .carouselGaleryThumbs .thumbImg {
+  border-radius: 9px;
+  height: 90px;
+}
 
 .skuSelectorContainer {
   display: flex;
diff --git a/styles/sass/pages/product/vtex.flex-layout.scss b/styles/sass/pages/product/vtex.flex-layout.scss
index 5a97251..94f2b58 100644
--- a/styles/sass/pages/product/vtex.flex-layout.scss
+++ b/styles/sass/pages/product/vtex.flex-layout.scss
@@ -3,14 +3,21 @@
   gap: 32px;
   padding: 0;
   margin: 0;
-  // padding-left: 40px;
-  // padding-right: 40px;
+
 
   .stretchChildrenWidth {
     padding: 0;
   }
 
 
+  // @include mq (md, max) {
+  //   display: block;
+  //   .stretchChildrenWidth {
+  //    width: 100% !important;
+  //   }
+  // }
+
+
 }
 
 // quantity
diff --git a/styles/sass/pages/product/vtex.store-components.scss b/styles/sass/pages/product/vtex.store-components.scss
index da810ca..257bf5b 100644
--- a/styles/sass/pages/product/vtex.store-components.scss
+++ b/styles/sass/pages/product/vtex.store-components.scss
@@ -23,6 +23,22 @@
     display: flex;
     justify-content: flex-end;
   }
+
+  .carouselGaleryThumbs {
+
+gap: 16px;
+    .productImagesThumb{
+      max-width: 90px;
+      width: 100%;
+      margin-right: 16px;
+
+
+    }
+    .thumbImg {
+      border-radius: 9px;
+      height: 90px;
+    }
+  }
 }
 
 // sku-selector
@@ -362,3 +378,7 @@ padding-bottom: 15px;
   }
 
 }
+
+// tab-descrição-fim
+
+