From 40b5f526229ecc05f1b5a993964a581e88480b40 Mon Sep 17 00:00:00 2001
From: Belen Curcio <curciobelen@gmail.com>
Date: Fri, 23 Oct 2020 16:03:36 -0300
Subject: [PATCH] changes
---
.../ProductSlider/ProductSlider.module.css | 17 +----------------
components/product/ProductView/ProductView.tsx | 5 +++--
2 files changed, 4 insertions(+), 18 deletions(-)
diff --git a/components/product/ProductSlider/ProductSlider.module.css b/components/product/ProductSlider/ProductSlider.module.css
index 740c30369..ee388f541 100644
--- a/components/product/ProductSlider/ProductSlider.module.css
+++ b/components/product/ProductSlider/ProductSlider.module.css
@@ -26,6 +26,7 @@
.positionIndicatorsContainer {
@apply hidden;
+
@screen sm {
@apply block absolute bottom-6 left-1/2 -translate-x-1/2 transform;
}
@@ -33,14 +34,6 @@
.positionIndicator {
@apply rounded-full p-2;
-
- /* :hover .dot {
- @apply bg-hover-2;
- }
-
- :focus .dot {
- @apply outline-none;
- } */
}
.dot {
@@ -66,11 +59,3 @@
.positionIndicatorActive:hover .dot {
@apply bg-white;
}
-/* sx={{
- width: '10px',
- height: '10px',
- bg: currentSlide === idx ? 'primary' : 'gray',
- borderRadius: 'full',
- mx: 2,
- '&:focus': { outline: 'none' },
-}} */
diff --git a/components/product/ProductView/ProductView.tsx b/components/product/ProductView/ProductView.tsx
index cfa70bd11..b5565380c 100644
--- a/components/product/ProductView/ProductView.tsx
+++ b/components/product/ProductView/ProductView.tsx
@@ -78,8 +78,9 @@ const ProductView: FC<Props> = ({ product, className }) => {
<ProductSlider>
{product.images.edges?.map((image, i) => (
<Image
- key={image?.node.urlOriginal}
- src={image?.node.urlOriginal!}
+ className={s.img}
+ key={image?.node.urlXL}
+ src={image?.node.urlXL!}
width={1050}
height={1050}
priority={i === 0}