From a3d86f2ee81918b7770d6798d67a3b5ee04b5910 Mon Sep 17 00:00:00 2001
From: marzban-dev <marzban.dev@gmail.com>
Date: Thu, 30 Jan 2025 01:10:09 +0330
Subject: [PATCH] Add animation to product card

---
 frontend/components/global/product/ProductCard.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/components/global/product/ProductCard.vue b/frontend/components/global/product/ProductCard.vue
index ddfa8f2..85252ef 100644
--- a/frontend/components/global/product/ProductCard.vue
+++ b/frontend/components/global/product/ProductCard.vue
@@ -34,12 +34,12 @@ const { colorObject } = useImageColor(`#product-image-${id.value}`);
 <template>
     <NuxtLink :to="'/product/' + id">
         <div
-            class="relative size-full min-h-[31.25rem] rounded-2xl bg-white brightness-[98%] overflow-hidden p-6"
+            class="group relative size-full min-h-[31.25rem] rounded-2xl bg-white brightness-[98%] overflow-hidden p-6"
         >
             <img
                 :id="`product-image-${id}`"
                 :src="picture"
-                class="size-full object-contain absolute inset-0"
+                class="group-hover:scale-105 transition-transform duration-200 size-full object-contain absolute inset-0"
                 alt="product-background"
             />