From 8d88ac30e198d75fdc8b1df436a62373bc3e9207 Mon Sep 17 00:00:00 2001
From: ThatOneCalculator <kainoa@t1c.dev>
Date: Wed, 12 Jul 2023 00:56:40 -0700
Subject: [PATCH] fix: :lipstick: properly slide in

---
 packages/client/src/components/MkDonation.vue | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/packages/client/src/components/MkDonation.vue b/packages/client/src/components/MkDonation.vue
index a67e5b9d4..6d9e3d847 100644
--- a/packages/client/src/components/MkDonation.vue
+++ b/packages/client/src/components/MkDonation.vue
@@ -54,14 +54,14 @@
 </template>
 
 <script lang="ts" setup>
-import { ref } from "vue";
+import { ref, nextTick } from "vue";
 import MkButton from "@/components/MkButton.vue";
 import { host } from "@/config";
 import { i18n } from "@/i18n";
 import * as os from "@/os";
 import { instance } from "@/instance";
 
-let show = ref(true);
+let show = ref(false);
 
 const emit = defineEmits<{
 	(ev: "closed"): void;
@@ -71,6 +71,15 @@ const hostname = instance.name?.length <= 20 ? instance.name : host;
 
 const zIndex = os.claimZIndex("low");
 
+function slideIn() {
+    show.value = false;
+    nextTick(() => {
+        show.value = true;
+    });
+}
+
+slideIn();
+
 function close() {
 	localStorage.setItem("latestDonationInfoShownAt", Date.now().toString());
 	emit("closed");