From f16870d7943c19a701a7d4b87bb8a09f7c407cd0 Mon Sep 17 00:00:00 2001
From: JongMany <blackberry1114@naver.com>
Date: Mon, 8 Jul 2024 13:25:13 +0900
Subject: [PATCH] =?UTF-8?q?feature:=20=EB=A9=94=EC=9D=B8=ED=99=94=EB=A9=B4?=
 =?UTF-8?q?=EC=9C=BC=EB=A1=9C=20=EC=9D=B4=EB=8F=99=EC=8B=9C=20=EB=B6=80?=
 =?UTF-8?q?=EB=93=9C=EB=9F=BD=EA=B2=8C=20transition=EB=90=98=EB=8F=84?=
 =?UTF-8?q?=EB=A1=9D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 fe/src/components/shared/loadingScreen/MainLoadingScreen.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/fe/src/components/shared/loadingScreen/MainLoadingScreen.tsx b/fe/src/components/shared/loadingScreen/MainLoadingScreen.tsx
index c18f9f2..452f6ca 100644
--- a/fe/src/components/shared/loadingScreen/MainLoadingScreen.tsx
+++ b/fe/src/components/shared/loadingScreen/MainLoadingScreen.tsx
@@ -48,8 +48,9 @@ export const MainLoadingScreen = ({ started, onStarted }) => {
   return (
     //absolute z-50 h-[100vh] w-[100vw] flex justify-center items-center
     <div
-      className={`z-50 absolute h-[100vh] w-[100vw] ${
-        started ? "z-0 hidden" : ""
+      className={`z-50 absolute h-[100vh] w-[100vw] transition-all durtaion-300  ${
+        // started ? "z-0 hidden" : ""
+        started ? "opacity-0 -z-10 invisible" : ""
       }`}
     >
       <LoadAnimation />