add shadow to chapter title

like on youtube
This commit is contained in:
nieve 2024-06-27 18:27:32 -04:00
parent 0e13fe3909
commit b552f037f7

View file

@ -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