diff options
| author | Terry Truong <terry06890@gmail.com> | 2023-01-15 23:02:20 +1100 |
|---|---|---|
| committer | Terry Truong <terry06890@gmail.com> | 2023-01-15 23:02:36 +1100 |
| commit | ec5f54aa1e1c3d5a2e64520121a66215f40d9f57 (patch) | |
| tree | 704bc1b8fd45733882b7d0084524a7bd63c9e057 | |
| parent | f3c97f41ee84dfdc718d1a9bc1aac24e6b6755c9 (diff) | |
Add shadow to distinguish timeline position label
| -rw-r--r-- | src/components/TimeLine.vue | 3 |
1 files changed, 2 insertions, 1 deletions
diff --git a/src/components/TimeLine.vue b/src/components/TimeLine.vue index 7791f66..e7ba9f8 100644 --- a/src/components/TimeLine.vue +++ b/src/components/TimeLine.vue @@ -55,7 +55,8 @@ </div> </div> <!-- Timeline position label --> - <div class="absolute top-2 left-2 z-20 text-lg" :class="[current ? 'text-yellow-300' : 'text-stone-50']"> + <div class="absolute top-2 left-2 z-20 text-lg" :class="[current ? 'text-yellow-300' : 'text-stone-50']" + style="text-shadow: 0px 0px 5px black"> {{timelinePosStr}} </div> <!-- Buttons --> |