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

12
components/Timeline.vue
View File

@ -5,9 +5,9 @@
<div class="w-full h-full" ref="container_timeline"> <div class="w-full h-full" ref="container_timeline">
<div class="flex justify-center w-full h-full" v-if="month_offset > 0 && min_date && max_date"> <div class="flex justify-center w-full h-full" v-if="month_offset > 0 && min_date && max_date">
<!-- Left side --> <!-- 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`"> <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"> <div class="relative">
<!-- Start point --> <!-- Start point -->
@ -29,11 +29,13 @@
</div> </div>
</li> </li>
</ol> </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 --> <!-- 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`"> <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"> <div class="relative">
<!-- Start point --> <!-- Start point -->