From b1b25a51708665f8e860d7279e7317a8fdbc62c6 Mon Sep 17 00:00:00 2001
From: Catalin Pinte <1243434+cond0r@users.noreply.github.com>
Date: Mon, 19 Dec 2022 17:24:47 +0200
Subject: [PATCH] Updates

---
 .../product/ProductDetails/ProductDetails.module.css   |  4 ++--
 .../product/ProductSlider/ProductSlider.module.css     | 10 +++++++---
 .../components/product/ProductSlider/ProductSlider.tsx |  2 --
 3 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/site/components/product/ProductDetails/ProductDetails.module.css b/site/components/product/ProductDetails/ProductDetails.module.css
index 988c78440..04c07ccd5 100644
--- a/site/components/product/ProductDetails/ProductDetails.module.css
+++ b/site/components/product/ProductDetails/ProductDetails.module.css
@@ -20,8 +20,8 @@
   @apply text-center h-full relative flex-shrink-0;
 }
 
-.imageContainer > img {
-  @apply mx-auto;
+.imageContainer > span {
+  height: 100% !important;
 }
 
 .sliderContainer .img {
diff --git a/site/components/product/ProductSlider/ProductSlider.module.css b/site/components/product/ProductSlider/ProductSlider.module.css
index f80f574a2..3e551433c 100644
--- a/site/components/product/ProductSlider/ProductSlider.module.css
+++ b/site/components/product/ProductSlider/ProductSlider.module.css
@@ -8,17 +8,21 @@
 }
 
 .thumb {
-  @apply overflow-hidden inline-block cursor-pointer h-full transition duration-300 md:hover:scale-105;
+  @apply overflow-hidden inline-block cursor-pointer h-full;
   width: 125px;
   width: calc(100% / 3);
 }
 
 .thumb.selected {
-  @apply bg-white/30;
+  @apply bg-white;
 }
 
 .thumb img {
-  @apply w-full h-full max-h-full object-cover;
+  @apply w-full h-full object-cover transition duration-300;
+}
+
+.thumb:hover img {
+  @apply md:hover:scale-105;
 }
 
 .album {
diff --git a/site/components/product/ProductSlider/ProductSlider.tsx b/site/components/product/ProductSlider/ProductSlider.tsx
index 46f02ecbd..5d08d2397 100644
--- a/site/components/product/ProductSlider/ProductSlider.tsx
+++ b/site/components/product/ProductSlider/ProductSlider.tsx
@@ -124,8 +124,6 @@ const ProductSlider: React.FC<ProductSliderProps> = ({
                 ...child,
                 props: {
                   ...child.props,
-                  width: 132,
-                  height: 82,
                   className: cn(child.props.className, s.thumb, {
                     [s.selected]: currentSlide === idx,
                   }),