From 3bc18ed7044c7e85a93c6d4f346e6783771c0507 Mon Sep 17 00:00:00 2001
From: NotXia <35894453+NotXia@users.noreply.github.com>
Date: Thu, 23 Feb 2023 21:25:02 +0100
Subject: [PATCH] Fix light theme colors

---
 src/components/timeline/Timeline.vue | 6 +++---
 src/views/projects/ProjectCard.vue   | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/timeline/Timeline.vue b/src/components/timeline/Timeline.vue
index bc9d469..0bf2ef9 100644
--- a/src/components/timeline/Timeline.vue
+++ b/src/components/timeline/Timeline.vue
@@ -3,7 +3,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-200 dark:border-zinc-700">                  
+            <ol class="relative border-r text-right w-1/2 border-zinc-300 dark:border-zinc-700">                  
                 <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,7 +29,7 @@
             <div class="w-4"></div>
 
             <!-- Right side -->
-            <ol class="relative w-1/2 border-l border-zinc-200 dark:border-zinc-700">                  
+            <ol class="relative w-1/2 border-l border-zinc-300 dark:border-zinc-700">                  
                 <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 -->
@@ -90,7 +90,7 @@
     }
 
     function updateTimelineSize():void {
-        const available_space:number = container_timeline.value.clientHeight ?? 0;
+        const available_space:number = container_timeline.value?.clientHeight ?? 0;
         let events_min_date:Date = new Date(), 
             events_max_date:Date = new Date(0);
 
diff --git a/src/views/projects/ProjectCard.vue b/src/views/projects/ProjectCard.vue
index 083fe31..8b46b21 100644
--- a/src/views/projects/ProjectCard.vue
+++ b/src/views/projects/ProjectCard.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="border rounded-md p-3 mx-auto w-full lg:w-2/3 xl:w-1/2">
+    <div class="border border-gray-500 dark:border-gray-300 rounded-md p-3 mx-auto w-full lg:w-2/3 xl:w-1/2">
         <h3 class="text-2xl font-semibold text-center text-gray-900 dark:text-white">{{ props.title }}</h3>
         <div class="text-center mb-2">
             <a v-for="link in props.links" :href="link.url" class="font-mono inline-block hover:underline mx-2">{{ link.label }}</a>