cx/commerce
4
0
Fork 0
forked from crowetic/commerce
Code Pull Requests 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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
.gitignore vendored
View File

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

11
components/product/ProductCard/ProductCard.module.css
View File

@ -9,8 +9,8 @@
transform: scale(0.98); transform: scale(0.98);
} }
& .product-image { & .productImage {
transform: scale(1.05); transform: scale(1.2725);
} }
& .productTitle > span, & .productTitle > span,
@ -44,10 +44,6 @@
} }
} }
& .product-image {
@apply transform transition-transform duration-500;
}
&:nth-child(6n + 1) .squareBg { &:nth-child(6n + 1) .squareBg {
@apply bg-violet; @apply bg-violet;
} }
@ -135,7 +131,8 @@
} }
} }
.image { .productImage {
@apply transform transition-transform duration-500;
object-fit: cover; object-fit: cover;
transform: scale(1.2); transform: scale(1.2);
} }

2
components/product/ProductCard/ProductCard.tsx
View File

@ -82,7 +82,7 @@ const ProductCard: FC<Props> = ({
quality="85" quality="85"
src={src} src={src}
alt={p.name} alt={p.name}
className={s.image} className={s.productImage}
width={imgWidth} width={imgWidth}
sizes={imgSizes} sizes={imgSizes}
height={imgHeight} height={imgHeight}