fix: 로딩 화면 드랜지션에서의 요소 충돌 현상 해결

NGuard-Security · Jan 19, 2024 · 49e8118 · 49e8118
1 parent f68cf8e
commit 49e8118
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 8 deletions.
diff --git a/assets/styles/layouts/spinerProvider.scss b/assets/styles/layouts/spinerProvider.scss
@@ -9,14 +9,15 @@
 }
 
 .state_wrap {
-  // position: absolute;
-  width: 100%;
+  position: absolute;
+  left: 50%;
+  top: 30%;
+  transform: translateX(-50%);
+
 }
 
 .state {
   width: 100%;
-  height: 100px;
-  // position: absolute;
   display: flex;
   align-items: center;
   justify-content: center;

diff --git a/layouts/spinerWrap.vue b/layouts/spinerWrap.vue
@@ -13,7 +13,7 @@ const { loadingState } = useLoadingState()
     </div>
 
     <div v-else-if="loadingState === LOADING_STATE.Connecting" class="state_wrap">
-      <div class="state h-[500px]">
+      <div class="state">
         <h3 class="pb-8 text-2xl">
           <!-- 불러오는 중 -->
           {{ $t('common.loading') }}
@@ -24,7 +24,7 @@ const { loadingState } = useLoadingState()
     </div>
 
     <div v-else-if="loadingState === LOADING_STATE.Failed" class="state_wrap">
-      <div class="state h-[500px]">
+      <div class="state">
         <h4>
           <!-- 현재 응답이 지연되고 있습니다. -->
           {{ $t('common.ratelimit') }}

diff --git a/pages/dashboard/index.vue b/pages/dashboard/index.vue
@@ -206,8 +206,6 @@ onMounted(async () => {
       checkPush(Number(route.query.id))
     }, 5000)
 
-    await wait(200)
-
     resizeAlerts()
     loadingSuccess()
   } catch (e) {}