From fa864d7a9c46818539d6bf931e7fc55d0b516eb5 Mon Sep 17 00:00:00 2001
From: NotXia <35894453+NotXia@users.noreply.github.com>
Date: Tue, 15 Jul 2025 21:42:40 +0900
Subject: [PATCH] Changed timeline style

---
 components/Timeline.vue | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/components/Timeline.vue b/components/Timeline.vue
index d8b926b..86a4067 100644
--- a/components/Timeline.vue
+++ b/components/Timeline.vue
@@ -5,9 +5,9 @@
 
     <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">
-            
+
             <!-- 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 -->
@@ -29,11 +29,13 @@
                     </div>
                 </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 -->