crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-03-28 16:25:53 +00:00
Code Issues Packages Projects Releases Wiki Activity

Hover State

Browse Source
This commit is contained in:
Bel Curcio 2020-12-08 10:27:15 -03:00
parent bbcf63b892
commit 12327d1a75
3 changed files with 9 additions and 9 deletions

3
.gitignore vendored

@ -32,3 +32,6 @@ yarn-error.log*
# vercel
.vercel
# dev
framework

11
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);
}

2
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}