feat: loading indicator

f63866b7 · Timothy J. Baek · b22415d4 · f63866b7
Commit f63866b7 authored Apr 26, 2024 by Timothy J. Baek
Show whitespace changes
Inline Side-by-side

Showing with 12 additions and 0 deletions

src/routes/+layout.svelte src/routes/+layout.svelte +12 -0

No files found.
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -12,6 +12,7 @@
 	import 'tippy.js/dist/tippy.css';
 	import { WEBUI_BASE_URL } from '$lib/constants';
 	import i18n, { initI18n } from '$lib/i18n';
+	import Spinner from '$lib/components/common/Spinner.svelte';

 	setContext('i18n', i18n);

@@ -74,6 +75,17 @@

 {#if loaded}
 	<slot />
+{:else}
+	<div class=" min-h-screen h-[100dvh] flex">
+		<div class="m-auto">
+			<img
+				src="/logo.svg"
+				alt="logo"
+				class=" size-24 rounded-full border-[1px] border-gray-200 dark:border-none mx-auto mb-8"
+				draggable="false"
+			/>
+		</div>
+	</div>
 {/if}

 <Toaster richColors position="top-center" />