diff --git a/react/components/Html/styles.css b/react/components/Html/styles.css
index 3f4a754..4a8df70 100644
--- a/react/components/Html/styles.css
+++ b/react/components/Html/styles.css
@@ -17,6 +17,10 @@
border-radius: 0;
}
+[class*="html--descriptionImage"] {
+ width: 46.471%;
+}
+
[class*="html--descriptionText"] {
width: 50%;
}
@@ -30,6 +34,10 @@
margin-bottom: 16px;
}
+ [class*="html--descriptionImage"] {
+ width: 100%;
+ }
+
[class*="html--descriptionText"] {
width: 100%;
}
diff --git a/styles/css/vtex.product-summary.css b/styles/css/vtex.product-summary.css
index 093e0b5..594edc1 100644
--- a/styles/css/vtex.product-summary.css
+++ b/styles/css/vtex.product-summary.css
@@ -9,6 +9,8 @@
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap%27");
/* Grid breakpoints */
.imageWrapper {
+ height: 100%;
+ width: 100%;
display: flex;
justify-content: center;
align-items: center;
diff --git a/styles/css/vtex.slider-layout.css b/styles/css/vtex.slider-layout.css
index 815dddb..d58b060 100644
--- a/styles/css/vtex.slider-layout.css
+++ b/styles/css/vtex.slider-layout.css
@@ -40,12 +40,12 @@
}
.sliderTrackContainer--shelf {
- width: 95.883%;
+ width: 100%;
}
.sliderLeftArrow--shelf {
visibility: hidden;
- margin-left: 17px;
+ margin-left: 10px;
}
.sliderLeftArrow--shelf::after {
visibility: visible;
@@ -54,7 +54,7 @@
.sliderRightArrow--shelf {
visibility: hidden;
- margin-right: 17px;
+ margin-right: 8px;
}
.sliderRightArrow--shelf::before {
visibility: visible;
diff --git a/styles/sass/pages/product/vtex.product-summary.scss b/styles/sass/pages/product/vtex.product-summary.scss
index 8218452..4f8d227 100644
--- a/styles/sass/pages/product/vtex.product-summary.scss
+++ b/styles/sass/pages/product/vtex.product-summary.scss
@@ -1,5 +1,6 @@
.imageWrapper {
- // height: 245px;
+ height: 100%;
+ width: 100%;
display: flex;
justify-content: center;
align-items: center;
diff --git a/styles/sass/pages/product/vtex.slider-layout.scss b/styles/sass/pages/product/vtex.slider-layout.scss
index 9e3e4e1..d7e1c6a 100644
--- a/styles/sass/pages/product/vtex.slider-layout.scss
+++ b/styles/sass/pages/product/vtex.slider-layout.scss
@@ -30,12 +30,12 @@
}
.sliderTrackContainer--shelf {
- width: 95.883%;
+ width: 100%;
}
.sliderLeftArrow--shelf {
visibility: hidden;
- margin-left: 17px;
+ margin-left: 10px;
&::after {
visibility: visible;
@@ -45,7 +45,7 @@
.sliderRightArrow--shelf {
visibility: hidden;
- margin-right: 17px;
+ margin-right: 8px;
&::before {
visibility: visible;
@@ -53,6 +53,14 @@
}
}
+// .slide--shelf--visible {
+// width: 5.1308% !important;
+// }
+
+// .slide--shelf--hidden {
+// visibility: hidden;
+// }
+
@media (max-width: 1024px) {
.sliderTrack--shelf {
gap: 12px !important;