diff options
| author | Terry Truong <terry06890@gmail.com> | 2023-01-02 16:01:50 +1100 |
|---|---|---|
| committer | Terry Truong <terry06890@gmail.com> | 2023-01-02 16:01:50 +1100 |
| commit | 092d310c5c56dfd9af9de553ddbc6f86b4c957bd (patch) | |
| tree | ff7bb97fb7047fb550c23ca6747030273a952400 /src/components/TimeLine.vue | |
| parent | 086b0c30afdf2c0fbff48e1005b2f9220b028094 (diff) | |
Visually distinguish 'discover' events
Diffstat (limited to 'src/components/TimeLine.vue')
| -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 1e78a87..b50141a 100644 --- a/src/components/TimeLine.vue +++ b/src/components/TimeLine.vue @@ -48,7 +48,7 @@ <!-- Events --> <div v-for="id in idToPos.keys()" :key="id" class="absolute animate-fadein z-20" :style="eventStyles(id)"> <!-- Image --> - <div class="rounded-full border border-yellow-500" :style="eventImgStyles(id)"></div> + <div class="rounded-full" :style="eventImgStyles(id)"></div> <!-- Label --> <div class="text-center text-stone-100 text-sm whitespace-nowrap text-ellipsis overflow-hidden"> {{idToEvent.get(id)!.title}} @@ -1172,6 +1172,8 @@ function eventImgStyles(eventId: number){ height: store.eventImgSz + 'px', backgroundImage: `url(${getImagePath(event.imgId)})`, backgroundSize: 'cover', + borderColor: event.ctg == 'discovery' ? store.color.alt2 : store.color.altDark, + borderWidth: '1px', }; } function eventLineStyles(eventId: number){ |