cx/commerce
4
0
Fork 0
forked from crowetic/commerce
Code Pull Requests Activity

fix the scale

Browse Source
This commit is contained in:
Franco Arza 2020-10-22 12:04:22 -03:00
parent ef406cfaf6
commit a0720a2ee9
2 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -6,6 +6,10 @@
transform: scale(1.05);
}
& .product-image {
@apply scale-90;
}
& .productTitle > span,
& .productPrice,
& .wishlistButton {
@ -37,6 +41,10 @@
}
}
& .product-image {
@apply transform transition-transform duration-500;
}
&:nth-child(6n + 1) .squareBg {
@apply bg-violet;
}

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

@ -36,7 +36,7 @@ const ProductCard: FC<Props> = ({ className, product: p, variant }) => {
>
<div className="absolute z-10 inset-0 flex items-center justify-center">
<img
className="w-full object-cover transform hover:scale-90 transition-transform duration-500"
className={cn('w-full object-cover', s['product-image'])}
src={p.images.edges?.[0]?.node.urlXL}
/>
</div>