Merge version_2_1776785315937 into main #3
@@ -94,12 +94,12 @@ const ProductVariantCards = ({
|
||||
<button
|
||||
key={product.name}
|
||||
onClick={product.onClick}
|
||||
className="group h-full flex flex-col gap-5 p-5 text-left card rounded cursor-pointer"
|
||||
className="group h-full flex flex-col gap-5 p-5 text-left card rounded cursor-pointer transition-transform duration-300 hover:scale-105"
|
||||
>
|
||||
<div className="relative aspect-square rounded overflow-hidden">
|
||||
<ImageOrVideo
|
||||
imageSrc={product.imageSrc}
|
||||
className="size-full object-cover transition-transform duration-500 group-hover:scale-105"
|
||||
className="size-full object-cover"
|
||||
/>
|
||||
<div className="absolute inset-0 flex items-center justify-center group-hover:bg-background/20 group-hover:backdrop-blur-xs transition-all duration-300">
|
||||
<div className="flex items-center justify-center size-12 rounded-full primary-button opacity-0 group-hover:opacity-100 scale-75 group-hover:scale-100 transition-all duration-300">
|
||||
@@ -125,4 +125,4 @@ const ProductVariantCards = ({
|
||||
);
|
||||
};
|
||||
|
||||
export default ProductVariantCards;
|
||||
export default ProductVariantCards;
|
||||
Reference in New Issue
Block a user