From c018638e4aeb01101c44253b80af94e24279f6db Mon Sep 17 00:00:00 2001
From: BTMuli <BT-Muli@outlook.com>
Date: Fri, 17 Nov 2023 21:55:31 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20=E5=BE=AE=E8=B0=83=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/home/t-calendar.vue | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/components/home/t-calendar.vue b/src/components/home/t-calendar.vue
index ebde0e0c..7e510828 100644
--- a/src/components/home/t-calendar.vue
+++ b/src/components/home/t-calendar.vue
@@ -2,15 +2,15 @@
   <div class="calendar-box">
     <div class="calendar-title">
       <div class="calendar-title-left">
-        <v-icon size="small"> mdi-calendar-clock</v-icon>
+        <v-icon size="small">mdi-calendar-clock</v-icon>
         <span>今日素材</span>
         <span>{{ dateNow }}</span>
-        <!-- 如果是某人生日，显示礼物图标 -->
+        <!-- 如果是某人生日，礼物图标颜色为红色 -->
         <span
           @click="toBirthday"
+          class="calendar-title-gift"
           :style="{
             color: birthInfo.active ? 'var(--tgc-red-1)' : 'inherit',
-            cursor: 'pointer',
           }"
           :title="birthInfo.text"
         >
@@ -43,7 +43,7 @@
         />
         <v-btn class="calendar-title-btn" @click="share">
           <template #prepend>
-            <v-icon> mdi-share-variant</v-icon>
+            <v-icon>mdi-share-variant</v-icon>
           </template>
           <span>分享</span>
         </v-btn>
@@ -232,6 +232,13 @@ async function toBirthday(): Promise<void> {
   column-gap: 10px;
 }
 
+.calendar-title-gift {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+}
+
 .calendar-title-mid {
   display: flex;
   align-items: center;