From d91b7fc01393dbbee794457ffdea268df768540c Mon Sep 17 00:00:00 2001
From: Jeffrey Hsu <xfj12@outlook.com>
Date: Wed, 12 Feb 2025 01:42:17 +0800
Subject: [PATCH] add click effect

---
 src/renderer/src/views/create/CreatePanel.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/renderer/src/views/create/CreatePanel.vue b/src/renderer/src/views/create/CreatePanel.vue
index a664f04..b884723 100644
--- a/src/renderer/src/views/create/CreatePanel.vue
+++ b/src/renderer/src/views/create/CreatePanel.vue
@@ -60,12 +60,12 @@ onMounted(() => {
       :class="{ 'w-full': expendMenu }"
     >
       <div
-        class="m-2 flex h-11 w-11 flex-col items-center justify-center gap-1 rounded-md transition-all hover:bg-gray-400/20"
+        class="m-2 flex h-11 w-11 flex-col items-center justify-center gap-1 rounded-md transition-all hover:bg-gray-400/20 group"
         @click="handleMenuExpend"
       >
-        <div class="w-4 border-b" />
-        <div class="w-4 border-b" />
-        <div class="w-4 border-b" />
+        <div class="w-4 border-b group-active:w-2.5 transition-all" />
+        <div class="w-4 border-b group-active:w-2.5 transition-all" />
+        <div class="w-4 border-b group-active:w-2.5 transition-all" />
       </div>
       <div
         v-for="(item, index) in asideMenu"