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

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

diff --git a/frontend/components/global/CategoryCard.vue b/frontend/components/global/CategoryCard.vue
index d01749b..9a77401 100644
--- a/frontend/components/global/CategoryCard.vue
+++ b/frontend/components/global/CategoryCard.vue
@@ -24,10 +24,10 @@ const { colorObject } = useImageColor(`#category-image-${id.value}`);
 
 <template>
     <NuxtLink :to="`/products?category=${id}`">
-        <div class="relative rounded-150 overflow-hidden w-full h-[500px] bg-white brightness-[97%]">
+        <div class="group relative rounded-150 overflow-hidden w-full h-[500px] bg-white brightness-[97%]">
             <img
                 :id="`category-image-${id}`"
-                class="absolute object-contain size-full"
+                class="group-hover:scale-105 transition-transform duration-200 absolute object-contain size-full"
                 :src="picture"
                 alt=""
             />