style: adjust ranking number style

2025-04-14 13:15:29 +00:00 · 2023-10-17 12:02:54 +08:00
parent 9ac8d859f7
commit 7e633083c9
1 changed files with 4 additions and 1 deletions
--- a/src/components/LongCoverCard/LongCoverCard.vue
+++ b/src/components/LongCoverCard/LongCoverCard.vue
@@ -33,10 +33,13 @@ defineProps<{
          v-if="rank"
          w-full
          pos="absolute bottom-0" z-1
-          text="white 7xl shadow-xl"
+          text="white 7xl shadow"
          p-2 fw-bold h-150px flex items-end
          bg="gradient-to-b gradient-from-transparent gradient-to-[rgba(0,0,0,.6)]"
          rounded-b="$bew-radius"
+          :style="{
+            '--un-text-shadow': rank <= 3 ? '4px 4px 0 var(--bew-theme-color), 6px 6px 0 var(--bew-theme-color-60)' : '',
+          }"
        >
          {{ rank }}
        </div>