diff options
| author | Terry Truong <terry06890@gmail.com> | 2023-01-07 20:19:43 +1100 |
|---|---|---|
| committer | Terry Truong <terry06890@gmail.com> | 2023-01-07 20:19:43 +1100 |
| commit | 10673fcdbc6a000249df4dd5e4eeff8ca713aa13 (patch) | |
| tree | 872f76b0e4159c3417d0477f822a488e58741d11 /src/components | |
| parent | 4b323024f51a8de755e4fb6cab301c36d52132a3 (diff) | |
Mark search results with box-shadow
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/TimeLine.vue | 4 |
1 files changed, 3 insertions, 1 deletions
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){ |