From 6342eb21b8ca0e2eb9d535adc0f122d160250940 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Juli=C3=A1n=20Benegas?= <julianbenegas99@gmail.com>
Date: Fri, 23 Oct 2020 17:41:25 -0300
Subject: [PATCH] fix image height

---
 components/product/ProductView/ProductView.module.css | 9 +++++++++
 components/product/ProductView/ProductView.tsx        | 2 +-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/components/product/ProductView/ProductView.module.css b/components/product/ProductView/ProductView.module.css
index 80c103b24..96b2a03b2 100644
--- a/components/product/ProductView/ProductView.module.css
+++ b/components/product/ProductView/ProductView.module.css
@@ -60,6 +60,15 @@
   @apply absolute z-10 inset-0 flex items-center justify-center overflow-x-hidden;
 }
 
+.imageContainer {
+  & > div {
+    @apply h-full;
+    & > div {
+      @apply h-full;
+    }
+  }
+}
+
 .img {
   @apply w-full h-auto max-h-full object-cover;
 }
diff --git a/components/product/ProductView/ProductView.tsx b/components/product/ProductView/ProductView.tsx
index 794bfebf1..97c1c7d4d 100644
--- a/components/product/ProductView/ProductView.tsx
+++ b/components/product/ProductView/ProductView.tsx
@@ -77,7 +77,7 @@ const ProductView: FC<Props> = ({ product, className }) => {
           <div className={s.sliderContainer}>
             <ProductSlider>
               {product.images.edges?.map((image, i) => (
-                <div key={image?.node.urlXL}>
+                <div key={image?.node.urlXL} className={s.imageContainer}>
                   <Image
                     className={s.img}
                     src={image?.node.urlXL!}