From f63866b72a8b18b868dacd6cf9f6ce2451e36a37 Mon Sep 17 00:00:00 2001
From: "Timothy J. Baek" <timothyjrbeck@gmail.com>
Date: Fri, 26 Apr 2024 17:43:42 -0400
Subject: [PATCH] feat: loading indicator

---
 src/routes/+layout.svelte | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 4ab2a62e4..0275783c3 100644
--- 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" />