From 7428fed70469c38a5f03fa2849f1123b8577ef48 Mon Sep 17 00:00:00 2001
From: kwaroran <kwaworan@gmail.com>
Date: Thu, 4 Jan 2024 03:52:44 +0900
Subject: [PATCH] [feat] new loading screen

---
 src/App.svelte | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/App.svelte b/src/App.svelte
index fa68739e..fbf0d911 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -25,7 +25,11 @@
 
 <main class="flex bg-bg w-full h-full max-w-100vw text-textcolor">
     {#if !$loadedStore}
-        <div class="w-full h-full flex justify-center items-center text-textcolor text-xl">
+        <div class="w-full h-full flex justify-center items-center text-textcolor text-xl bg-gray-900">
+            <svg class="animate-spin -ml-1 mr-3 h-5 w-5 text-textcolor" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
+                <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
+                <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"></path>
+            </svg>
             <span>Loading...</span>
         </div>
     {:else if !didFirstSetup}