From 50fc47e6e387c3b278526ef773badf63913389d6 Mon Sep 17 00:00:00 2001
From: Terry Truong <terry06890@gmail.com>
Date: Fri, 6 Jan 2023 16:59:54 +1100
Subject: Add settings modal

Add saving, loading, default vals, and device-detection, to store.ts.
Add setting for hiding minor tick labels.
---
 src/components/TimeLine.vue | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

(limited to 'src/components/TimeLine.vue')

diff --git a/src/components/TimeLine.vue b/src/components/TimeLine.vue
index e41a729..13589d2 100644
--- a/src/components/TimeLine.vue
+++ b/src/components/TimeLine.vue
@@ -38,11 +38,14 @@
 				:style="tickStyles(tick)" class="animate-fadein"/>
 		</template>
 		<!-- Tick labels -->
-		<text v-for="tick in ticks" :key="tick.date.toInt()"
-			x="0" y="0" :text-anchor="vert ? 'start' : 'middle'" dominant-baseline="middle"
-			:fill="store.color.textDark" :style="tickLabelStyles(tick)" class="text-sm animate-fadein cursor-default">
-			{{tick.date.toDisplayString()}}
-		</text>
+		<template v-for="tick in ticks" :key="tick.date.toInt()">
+			<text v-if="tick.major || store.showMinorTicks"
+				x="0" y="0" :text-anchor="vert ? 'start' : 'middle'" dominant-baseline="middle"
+				:fill="store.color.textDark" :style="tickLabelStyles(tick)"
+				class="text-sm animate-fadein cursor-default">
+				{{tick.date.toDisplayString()}}
+			</text>
+		</template>
 	</svg>
 	<!-- Events -->
 	<div v-for="id in idToPos.keys()" :key="id" class="absolute animate-fadein z-20" :style="eventStyles(id)">
@@ -1222,7 +1225,7 @@ function eventImgStyles(eventId: number){
 		//backgroundImage: `url(${getImagePath(event.imgId)})`,
 		backgroundColor: 'black',
 		backgroundSize: 'cover',
-		borderColor: isSearchResult ? 'red' : (event.ctg == 'discovery' ? store.color.alt2 : store.color.altDark),
+		borderColor: isSearchResult ? 'red' : (event.ctg == 'discovery' ? '#2563eb' : store.color.altDark),
 		borderWidth: '1px',
 	};
 }
-- 
cgit v1.2.3