Bläddra i källkod

feat: splash screen support

Timothy J. Baek 1 år sedan
förälder
incheckning
979c4290f7
2 ändrade filer med 16 tillägg och 2 borttagningar
  1. 11 0
      src/app.html
  2. 5 2
      src/routes/+layout.svelte

+ 11 - 0
src/app.html

@@ -47,5 +47,16 @@
 	</head>
 	<body data-sveltekit-preload-data="hover">
 		<div style="display: contents">%sveltekit.body%</div>
+
+		<div id="splash-screen" style="min-height: 100vh; height: 100dvh; display: flex">
+			<div style="margin: auto">
+				<img
+					src="/logo.svg"
+					alt="logo"
+					style="width: 6rem; height: 6rem; margin-bottom: 2rem"
+					draggable="false"
+				/>
+			</div>
+		</div>
 	</body>
 </html>

+ 5 - 2
src/routes/+layout.svelte

@@ -7,18 +7,21 @@
 	import { getBackendConfig } from '$lib/apis';
 	import { getSessionUser } from '$lib/apis/auths';
 
-	import '../app.css';
 	import '../tailwind.css';
+	import '../app.css';
+
 	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);
 
 	let loaded = false;
 
 	onMount(async () => {
+		document.getElementById('splash-screen')?.remove();
+
 		theme.set(localStorage.theme);
 		// Check Backend Status
 		const backendConfig = await getBackendConfig();