From 10673fcdbc6a000249df4dd5e4eeff8ca713aa13 Mon Sep 17 00:00:00 2001
From: Terry Truong <terry06890@gmail.com>
Date: Sat, 7 Jan 2023 20:19:43 +1100
Subject: Mark search results with box-shadow

---
 src/components/TimeLine.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

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

diff --git a/src/components/TimeLine.vue b/src/components/TimeLine.vue
index 9e0a48c..41cd9fe 100644
--- a/src/components/TimeLine.vue
+++ b/src/components/TimeLine.vue
@@ -1290,14 +1290,16 @@ function eventStyles(eventId: number){
 function eventImgStyles(eventId: number){
 	const event = idToEvent.value.get(eventId)!;
 	let isSearchResult = searchEvent.value != null && searchEvent.value.id == eventId;
+	let color = event.ctg == 'discovery' ? store.color.accent : store.color.altDark;
 	return {
 		width: store.eventImgSz + 'px',
 		height: store.eventImgSz + 'px',
 		//backgroundImage: `url(${getImagePath(event.imgId)})`,
 		backgroundColor: 'black',
 		backgroundSize: 'cover',
-		borderColor: isSearchResult ? 'red' : (event.ctg == 'discovery' ? '#2563eb' : store.color.altDark),
+		borderColor: color,
 		borderWidth: '1px',
+		boxShadow: isSearchResult ? '0 0 4px 2px ' + color : 'none',
 	};
 }
 function eventLineStyles(eventId: number){
-- 
cgit v1.2.3

