From 0b642a9ad215080a66b818574a70183f1f82c753 Mon Sep 17 00:00:00 2001
From: Jeffrey Hsu <xfj12@outlook.com>
Date: Sun, 10 Nov 2024 08:31:38 +0800
Subject: [PATCH] =?UTF-8?q?git=E6=9D=BF=E5=9D=97=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E5=BE=AE=E8=B0=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/card/GitCard.vue | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/components/card/GitCard.vue b/src/components/card/GitCard.vue
index 2ad7b6d..4d4985b 100644
--- a/src/components/card/GitCard.vue
+++ b/src/components/card/GitCard.vue
@@ -52,21 +52,23 @@ const handleClick = () => {
 </script>
 
 <template>
-  <div
-      class="container relative flex h-36 w-full overflow-hidden rounded-2xl transition-all hover:cursor-pointer hover:shadow-md"
-      @click="handleClick"
+  <div class="group container relative flex h-36 w-full overflow-hidden rounded-2xl transition-all
+              hover:cursor-pointer hover:shadow-md"
+       @click="handleClick"
   >
     <!-- 提交图标 -->
-    <div
-        class="before:absolute relative before:top-0 before:right-0 before:bottom-0 flex h-36 before:w-2 w-36 items-center justify-center bg-pink-300 before:bg-pink-300 text-5xl text-white before:blur">
-      <font-awesome-icon :icon="icon"/>
+    <div class="before:absolute relative before:top-0 before:right-0 before:bottom-0 flex h-36 before:w-2 w-36
+                items-center justify-center bg-pink-300 before:bg-pink-300 text-5xl text-white before:opacity-0
+                before:blur before:transition-all group-hover:before:opacity-100"
+    >
+      <font-awesome-icon :icon="icon" class="group-hover:scale-105 transition-all"/>
     </div>
     <!-- 内容 -->
     <div class="flex-1 overflow-hidden bg-white p-4">
       <div class="mr-12 truncate text-2xl font-bold">
         仓库：{{ commit.repo.name }}
       </div>
-      <span class="text-xl">{{ commit.content.HeadCommit.Message }}</span>
+      <span class="text-xl line-clamp-2">{{ commit.content.HeadCommit.Message }}</span>
       <span class="absolute top-0 right-0 m-4 hidden rounded bg-gray-300 px-2 sm:block">
         {{ commit.content.HeadCommit.Sha1.slice(0, 10) }}
       </span>