forked from crowetic/commerce
fix cropped images
This commit is contained in:
parent
17767624ce
commit
7b1fa570b5
@ -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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@ -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}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user