From d69aef0412b3557661b44768cfee53ad5b9de715 Mon Sep 17 00:00:00 2001
From: xlsea <m@xlsea.cn>
Date: Wed, 5 Jun 2024 09:39:49 +0800
Subject: [PATCH] =?UTF-8?q?style(sj=5F1.0.0=5Fbeta4):=20=E9=A6=96=E9=A1=B5?=
 =?UTF-8?q?=E5=8D=A1=E7=89=87=E6=96=B0=E5=A2=9E=E5=8A=A8=E7=94=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/home/modules/card-data.vue | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/views/home/modules/card-data.vue b/src/views/home/modules/card-data.vue
index 3a855a5..a560d9e 100644
--- a/src/views/home/modules/card-data.vue
+++ b/src/views/home/modules/card-data.vue
@@ -238,7 +238,7 @@ function getGradientColor(color: CardData['color']) {
     <!-- define component end: GradientBg -->
 
     <NGrid :cols="gridCol" responsive="screen" :x-gap="16" :y-gap="16">
-      <NGi v-for="item in cardData" :key="item.key">
+      <NGi v-for="item in cardData" :key="item.key" class="home-card">
         <NSpin :show="false">
           <GradientBg :gradient-color="getGradientColor(item.color)" class="h-165px flex-1">
             <div :class="item.click ? 'cursor-pointer' : null" @click="item.click">
@@ -307,4 +307,14 @@ function getGradientColor(color: CardData['color']) {
 :deep(.n-progress-icon--as-text) {
   width: 60px !important;
 }
+
+.home-card {
+  transition: all 0.25s ease-in;
+}
+
+.home-card:hover {
+  transform: translateY(-8px);
+  box-shadow: var(--n-box-shadow);
+  border-radius: 8px;
+}
 </style>