💄 微调样式

src/components/home/t-calendar.vue

@@ -5,12 +5,12 @@
         <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"
         >
@@ -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;