From 9a215d043269b62fb690c4d624f541ea7770cb2d Mon Sep 17 00:00:00 2001
From: ThrRip <coding@thrrip.space>
Date: Thu, 19 Dec 2024 03:29:16 +0800
Subject: [PATCH] admin: Smooth out the animation on removing changes

---
 packages/admin/app/components/playlist/ChangesList.vue | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/packages/admin/app/components/playlist/ChangesList.vue b/packages/admin/app/components/playlist/ChangesList.vue
index 03eaef0..0d69e65 100644
--- a/packages/admin/app/components/playlist/ChangesList.vue
+++ b/packages/admin/app/components/playlist/ChangesList.vue
@@ -167,12 +167,13 @@
         </span>
       </div>
       <svg class="hidden"><symbol id="fas-comment-dollar"><font-awesome-icon :icon="['fas', 'comment-dollar']" /></symbol></svg>
-      <div class="overflow-y-scroll flex flex-col portrait:gap-y-5 px-2 pt-2.5 portrait:pt-4 pb-14 portrait:pb-16 bg-white-alta">
+      <div class="relative overflow-y-scroll flex flex-col portrait:gap-y-5 px-2 pt-2.5 portrait:pt-4 pb-14 portrait:pb-16 bg-white-alta">
         <transition-group
           enter-from-class="opacity-0 -translate-x-full"
           enter-active-class="transition duration-700"
-          leave-active-class="transition duration-700"
-          leave-to-class="opacity-0 -translate-x-full"
+          leave-active-class="absolute pr-4 w-full transition-opacity"
+          leave-to-class="opacity-0"
+          move-class="transition-[opacity,transform] duration-[300ms,500ms] delay-[0s,150ms]"
         >
           <div
             v-for="song in props.dataChanges"