From 66d7884b72ea2153bdf3c13e75fd39ec7033c822 Mon Sep 17 00:00:00 2001
From: ThatOneCalculator <kainoa@t1c.dev>
Date: Wed, 12 Jul 2023 00:45:53 -0700
Subject: [PATCH] feat: :lipstick: fly in as well

---
 packages/client/src/components/MkDonation.vue | 29 ++++++++++++++-----
 1 file changed, 21 insertions(+), 8 deletions(-)

diff --git a/packages/client/src/components/MkDonation.vue b/packages/client/src/components/MkDonation.vue
index 5d39607990..b368b3e4ea 100644
--- a/packages/client/src/components/MkDonation.vue
+++ b/packages/client/src/components/MkDonation.vue
@@ -88,20 +88,33 @@ function openExternal(link) {
 </script>
 
 <style lang="scss" scoped>
-.slide-fade-enter {
-    opacity: 1;
-    transform: translateY(0);
-}
-.slide-fade-enter-active {
-    transition: opacity 0.5s, transform 0.5s;
-}
-.slide-fade-leave-to {
+.slide-fade-enter-from {
     opacity: 0;
     transform: translateY(100%);
 }
+
+.slide-fade-enter-active {
+    transition: opacity 0.5s, transform 0.5s;
+}
+
+.slide-fade-enter-to {
+    opacity: 1;
+    transform: translateY(0);
+}
+
+.slide-fade-leave-from {
+    opacity: 1;
+    transform: translateY(0);
+}
+
 .slide-fade-leave-active {
     transition: opacity 0.5s, transform 0.5s;
 }
+
+.slide-fade-leave-to {
+    opacity: 0;
+    transform: translateY(100%);
+}
 </style>
 
 <style lang="scss" module>