From b552f037f733ee2045c956b6f871ccca6e5a9347 Mon Sep 17 00:00:00 2001
From: nieve <ppu7haxj@duck.com>
Date: Thu, 27 Jun 2024 18:27:32 -0400
Subject: [PATCH] add shadow to chapter title

like on youtube
---
 src/components/VideoPlayer.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/VideoPlayer.vue b/src/components/VideoPlayer.vue
index 93e62995..6ccb86ca 100644
--- a/src/components/VideoPlayer.vue
+++ b/src/components/VideoPlayer.vue
@@ -12,7 +12,10 @@
             class="absolute bottom-0 z-[2000] mb-[3.5%] hidden flex-col items-center"
         >
             <canvas id="preview" ref="preview" class="rounded-sm" />
-            <span v-if="video.chapters.length > 1" class="mt-2 text-sm -mb-2">
+            <span
+                v-if="video.chapters.length > 1"
+                class="mt-2 text-sm drop-shadow-[0_0_2px_white] -mb-2 .dark:drop-shadow-[0_0_2px_black]"
+            >
                 {{ video.chapters.findLast(chapter => chapter.start < currentTime)?.title }}
             </span>
             <span