fix: white screen in development image

2026-08-04 15:03:02 +00:00 · 2026-03-31 21:32:10 +02:00
parent 21bea56426
commit ebf37c879d
104 changed files with 838 additions and 580 deletions
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html lang="">
+	<head>
+		<meta charset="UTF-8">
+		<link rel="icon" href="./img/Logo-2-128x128.png">
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+		<title>WGDashboard Client</title>
+        <base href="./client/">
+        <style>
+            *{
+                font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+            }
+            #preloader{
+                width: 100vw; height: 100vh; display: flex
+            }
+            #preloader_placeholder{
+                width: 50px; height: 50px; background-color: #000; margin: auto;
+                animation: 3s ease-in-out fadeInPreloader infinite;
+            }
+            @keyframes fadeInPreloader {
+                0%{
+                    opacity: 0;
+                }
+                50%{
+                    opacity: 1;
+                }
+                100%{
+                    opacity: 0;
+                }
+            }
+        </style>
+		<script>
+			const isViteDevMode = document.querySelector('script[src*="@vite/client"]') !== null;
+			const base = document.querySelector('base');
+			if (base && isViteDevMode) {
+				base.href = '/';
+			}
+		</script>
+		<script type="module" crossorigin src="./assets/index-fHUccsgM.js"></script>
+		<link rel="stylesheet" crossorigin href="./assets/index-BGKUQnbP.css">
+	</head>
+	<body>
+		<div id="app">
+            <div id="preloader">
+                <div id="preloader_placeholder">
+                    <img style="width: 100%" src="./img/Logo-2-128x128.png" alt="WGDashboard Client" />
+                </div>
+            </div>
+        </div>
+	</body>
+</html>