notxia/notxia.github.io
1
0
Fork 0
mirror of https://github.com/NotXia/notxia.github.io.git synced 2025-12-14 19:01:51 +01:00
Code Issues Packages Projects Releases Wiki Activity

Changed timeline style

Browse Source
This commit is contained in:
Tian Cheng (Riccardo) Xia
2025-07-15 21:42:40 +09:00
parent 5bc4f16f6e
commit fa864d7a9c
1 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
components/Timeline.vue
View File

@ -7,7 +7,7 @@
<div class="flex justify-center w-full h-full" v-if="month_offset > 0 && min_date && max_date">
<!-- Left side -->
<ol class="relative border-r text-right w-1/2 border-zinc-300 dark:border-zinc-700">
<ol class="relative text-right w-1/2">
<li class="mr-4 absolute right-0" v-for="event in left_events" :key="props.left[event.index].title" :style="`top: ${event.offset*month_offset}px`">
<div class="relative">
<!-- Start point -->
@ -30,10 +30,12 @@
</li>
</ol>
<div class="w-4"></div>
<div class="w-2"></div>
<div class="w-1 border-l border-zinc-300 dark:border-zinc-700 ml-1"></div>
<div class="w-2"></div>
<!-- Right side -->
<ol class="relative w-1/2 border-l border-zinc-300 dark:border-zinc-700">
<ol class="relative w-1/2">
<li class="ml-4 absolute left-0" v-for="event in right_events" :key="props.right[event.index].title" :style="`top: ${event.offset*month_offset}px`">
<div class="relative">
<!-- Start point -->