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

fix cropped images

Browse Source
This commit is contained in:
Julián Benegas 2020-10-23 21:40:44 -03:00
parent 17767624ce
commit 7b1fa570b5
2 changed files with 13 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -120,3 +120,15 @@
.wishlistButton { .wishlistButton {
@apply w-10 h-10 flex ml-auto items-center justify-center bg-primary text-base font-semibold inline-block text-xs leading-6 cursor-pointer; @apply w-10 h-10 flex ml-auto items-center justify-center bg-primary text-base font-semibold inline-block text-xs leading-6 cursor-pointer;
} }
.imageContainer {
@apply absolute z-10 inset-0 flex items-center justify-center;
& > div {
@apply h-full;
& > div {
@apply h-full;
padding-bottom: 0 !important;
}
}
}

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

@ -62,7 +62,7 @@ const ProductCard: FC<Props> = ({
<Heart /> <Heart />
</div> </div>
</div> </div>
<div className="absolute z-10 inset-0 flex items-center justify-center"> <div className={cn(s.imageContainer)}>
<Image <Image
className={cn('w-full object-cover', s['product-image'])} className={cn('w-full object-cover', s['product-image'])}
src={src} src={src}