From 08b9205e1e03b5654aa67c3cd67a4a38df323abf Mon Sep 17 00:00:00 2001
From: hakadao <a578457889743@gmail.com>
Date: Sun, 2 Jun 2024 17:08:52 +0800
Subject: [PATCH] fix(VideoCard): correct the wrong position of ranking number

---
 src/components/VideoCard/VideoCard.vue | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/components/VideoCard/VideoCard.vue b/src/components/VideoCard/VideoCard.vue
index c4bf47fe..1e5e5fd3 100644
--- a/src/components/VideoCard/VideoCard.vue
+++ b/src/components/VideoCard/VideoCard.vue
@@ -276,13 +276,19 @@ function handleUndo() {
             </Transition>
 
             <!-- Ranking Number -->
-            <div v-if="video.rank" absolute p-2 group-hover:opacity-0 duration-300>
+            <div
+              v-if="video.rank"
+              pos="absolute top-0"
+              p-2 group-hover:opacity-0
+              duration-300
+            >
               <div
                 v-if="Number(video.rank) <= 3"
-                bg="$bew-theme-color" text-center lh-30px h-30px w-30px
+                bg="$bew-theme-color" text-center lh-0 h-30px w-30px
                 text-white rounded="1/2" shadow="$bew-shadow-1"
                 border="1 $bew-theme-color"
-                text="2xl" fw-bold
+                grid="~ place-content-center"
+                text="xl" fw-bold
               >
                 {{ video.rank }}
               </div>