From 12327d1a75d19562e61cbe183794825dd3ed7ed1 Mon Sep 17 00:00:00 2001 From: Bel Curcio 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 = ({ quality="85" src={src} alt={p.name} - className={s.image} + className={s.productImage} width={imgWidth} sizes={imgSizes} height={imgHeight}