From 12327d1a75d19562e61cbe183794825dd3ed7ed1 Mon Sep 17 00:00:00 2001
From: Bel Curcio <bel@vercel.com>
Date: Tue, 8 Dec 2020 10:27:15 -0300
Subject: [PATCH] Hover State

---
 .gitignore                                            |  5 ++++-
 components/product/ProductCard/ProductCard.module.css | 11 ++++-------
 components/product/ProductCard/ProductCard.tsx        |  2 +-
 3 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/.gitignore b/.gitignore
index b5232955b..640afa9c9 100644
--- a/.gitignore
+++ b/.gitignore
@@ -31,4 +31,7 @@ yarn-error.log*
 .env.production.local
 
 # vercel
-.vercel
\ No newline at end of file
+.vercel
+
+# dev
+framework
diff --git a/components/product/ProductCard/ProductCard.module.css b/components/product/ProductCard/ProductCard.module.css
index 039643abb..57a23512d 100644
--- a/components/product/ProductCard/ProductCard.module.css
+++ b/components/product/ProductCard/ProductCard.module.css
@@ -9,8 +9,8 @@
       transform: scale(0.98);
     }
 
-    & .product-image {
-      transform: scale(1.05);
+    & .productImage {
+      transform: scale(1.2725);
     }
 
     & .productTitle > span,
@@ -44,10 +44,6 @@
     }
   }
 
-  & .product-image {
-    @apply transform transition-transform duration-500;
-  }
-
   &:nth-child(6n + 1) .squareBg {
     @apply bg-violet;
   }
@@ -135,7 +131,8 @@
   }
 }
 
-.image {
+.productImage {
+  @apply transform transition-transform duration-500;
   object-fit: cover;
   transform: scale(1.2);
 }
diff --git a/components/product/ProductCard/ProductCard.tsx b/components/product/ProductCard/ProductCard.tsx
index 3cd288c7c..0a1a712d1 100644
--- a/components/product/ProductCard/ProductCard.tsx
+++ b/components/product/ProductCard/ProductCard.tsx
@@ -82,7 +82,7 @@ const ProductCard: FC<Props> = ({
                 quality="85"
                 src={src}
                 alt={p.name}
-                className={s.image}
+                className={s.productImage}
                 width={imgWidth}
                 sizes={imgSizes}
                 height={imgHeight}