versia-pub/frontend
2
0
Fork 0
mirror of https://github.com/versia-pub/frontend.git synced 2025-12-06 08:28:20 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: ✨ Add small exit animation to timelines

Browse source
This commit is contained in:
Jesse Wierzbinski 2024-04-26 21:51:16 -10:00
parent b14a616ef4
commit 83ff97d7ff
No known key found for this signature in database
1 changed files with 5 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
components/timelines/timeline.vue
View file

@ -1,8 +1,10 @@
<template> <template>
<ClientOnly> <ClientOnly>
<TransitionGroup leave-active-class="ease-in duration-200" leave-from-class="scale-100 opacity-100"
<SocialElementsNotesNote @delete="emits('delete', note.id)" v-for="note of timeline" :key="note.id" leave-to-class="opacity-0 scale-90">
:note="note" /> <SocialElementsNotesNote @delete="emits('delete', note.id)" v-for="note of timeline" :key="note.id"
:note="note" />
</TransitionGroup>
<span ref="skeleton"></span> <span ref="skeleton"></span>
<SocialElementsNotesNote v-for="index of 5" v-if="!hasReachedEnd" :skeleton="true" /> <SocialElementsNotesNote v-for="index of 5" v-if="!hasReachedEnd" :skeleton="true" />