From e8408dd2c0834c823656c767c8d37bc234701eec Mon Sep 17 00:00:00 2001
From: Joshua <lio@werewolf.design>
Date: Tue, 18 Oct 2022 22:59:45 +0200
Subject: [PATCH] fix loading screen issues

---
 components/LoadingScreen.tsx     | 2 ++
 styles/LoadingScreen.module.sass | 9 +++++----
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/components/LoadingScreen.tsx b/components/LoadingScreen.tsx
index cc38ba2..7c39764 100644
--- a/components/LoadingScreen.tsx
+++ b/components/LoadingScreen.tsx
@@ -9,6 +9,7 @@ const LoadingScreen = ({
     isLoading: boolean
     className?: string
 }) => {
+    // @ts-ignore
     const { resolvedTheme: theme } = useTheme()
 
     if (isLoading)
@@ -21,6 +22,7 @@ const LoadingScreen = ({
                 </div>
             </div>
         )
+    else return
 }
 
 export default LoadingScreen
diff --git a/styles/LoadingScreen.module.sass b/styles/LoadingScreen.module.sass
index d5f9484..0c812eb 100644
--- a/styles/LoadingScreen.module.sass
+++ b/styles/LoadingScreen.module.sass
@@ -17,11 +17,12 @@
         color: $text-light
 
 .center
-
-    width: 100%
+    display: flex
+    justify-content: center
+    // width: 10vw
     height: 100%
-    scale: 50%
-    // animation: load 5s infinite ease
+    scale: 30%
+    animation: load 3s infinite cubic-bezier(0.81,-0.73, 0.32, 1.28)
 
 // .svg
 //     scale: 10%