From c970450cba449368e4caec090aa6e48d508acb51 Mon Sep 17 00:00:00 2001
From: Hakadao <a578457889743@gmail.com>
Date: Sun, 4 Dec 2022 18:42:36 +0800
Subject: [PATCH] fix: misaligment of loading animation

---
 src/components/Topbar/MomentsDropdown.vue | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/components/Topbar/MomentsDropdown.vue b/src/components/Topbar/MomentsDropdown.vue
index deaceff6..6750bd04 100644
--- a/src/components/Topbar/MomentsDropdown.vue
+++ b/src/components/Topbar/MomentsDropdown.vue
@@ -316,7 +316,17 @@ function scrollToTop(element: HTMLElement, duration: number) {
       />
 
       <!-- empty -->
-      <empty v-if="!isLoading && moments.length === 0" w="full" h="full" />
+      <empty
+        v-if="!isLoading && moments.length === 0"
+        pos="absolute left-0"
+        bg="$bew-content-1"
+        z="1"
+        w="full"
+        h="full"
+        flex="~"
+        items="center"
+        border="rounded-$bew-radius"
+      />
 
       <!-- moments -->
       <transition-group name="list">