mirror of
https://github.com/vercel/commerce.git
synced 2025-07-22 20:26:49 +00:00
improve image component styles
This commit is contained in:
@@ -122,9 +122,3 @@
|
||||
.wishlistButton {
|
||||
@apply w-10 h-10 flex ml-auto items-center justify-center bg-primary text-primary font-semibold text-xs leading-6 cursor-pointer;
|
||||
}
|
||||
|
||||
.product-image {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
@@ -70,17 +70,15 @@ const ProductCard: FC<Props> = ({
|
||||
variant={p.variants.edges?.[0]!}
|
||||
/>
|
||||
</div>
|
||||
<div className={cn(s.imageContainer)}>
|
||||
<EnhancedImage
|
||||
alt={p.name}
|
||||
className={cn('w-full object-cover', s['product-image'])}
|
||||
src={src}
|
||||
width={imgWidth}
|
||||
height={imgHeight}
|
||||
priority={priority}
|
||||
quality="90"
|
||||
/>
|
||||
</div>
|
||||
<EnhancedImage
|
||||
alt={p.name}
|
||||
className="w-full object-cover"
|
||||
src={src}
|
||||
width={imgWidth}
|
||||
height={imgHeight}
|
||||
priority={priority}
|
||||
quality="90"
|
||||
/>
|
||||
</a>
|
||||
</Link>
|
||||
)
|
||||
|
Reference in New Issue
Block a user