crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-05-01 07:17:51 +00:00
Code Issues Packages Projects Releases Wiki 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); transform: scale(1.05);
} }
& .product-image {
@apply scale-90;
}
& .productTitle > span, & .productTitle > span,
& .productPrice, & .productPrice,
& .wishlistButton { & .wishlistButton {
@ -37,6 +41,10 @@
} }
} }
& .product-image {
@apply transform transition-transform duration-500;
}
&:nth-child(6n + 1) .squareBg { &:nth-child(6n + 1) .squareBg {
@apply bg-violet; @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"> <div className="absolute z-10 inset-0 flex items-center justify-center">
<img <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} src={p.images.edges?.[0]?.node.urlXL}
/> />
</div> </div>