From d02fe55a1e73de019d35899ae2dc47c0d9266137 Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Fri, 5 Jan 2024 20:46:23 +0800
Subject: [PATCH] fix ui

---
 src/components/cards/BackdropCard.vue | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/components/cards/BackdropCard.vue b/src/components/cards/BackdropCard.vue
index 7b63599da..148ffc21f 100644
--- a/src/components/cards/BackdropCard.vue
+++ b/src/components/cards/BackdropCard.vue
@@ -56,10 +56,10 @@ function goPlay() {
             <VCardText
               class="w-full flex flex-col flex-wrap justify-end align-left text-white absolute bottom-0 cursor-pointer pa-2"
             >
-              <h1 class="mb-1 text-white font-extrabold text-xl line-clamp-2 overflow-hidden text-ellipsis ...">
+              <h1 class="mb-1 text-white text-shadow font-extrabold text-xl line-clamp-2 overflow-hidden text-ellipsis ...">
                 {{ props.media?.title }}
               </h1>
-              <span>{{ props.media?.subtitle }}</span>
+              <span class="text-shadow">{{ props.media?.subtitle }}</span>
             </VCardText>
           </VImg>
         </template>
@@ -75,3 +75,9 @@ function goPlay() {
     </template>
   </VHover>
 </template>
+
+<style lang="scss">
+.text-shadow{
+  text-shadow:1px 1px #777;
+}
+</style>