From eec1f2d7b307f3307c0f8a30c4724190b9a8d2b4 Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Sun, 10 May 2026 22:58:02 +0800
Subject: [PATCH] style: update loading background to cover full viewport using
 dynamic units

---
 index.html | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index 5d841530..2f52cf89 100644
--- a/index.html
+++ b/index.html
@@ -92,6 +92,11 @@
   <link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin />
 
   <style>
+    html,
+    body {
+      background: var(--initial-loader-bg, #fff);
+    }
+
     #app {
       min-block-size: 100%;
       -webkit-overflow-scrolling: touch;
@@ -100,11 +105,12 @@
 
     #loading-bg {
       position: fixed;
+      inset: 0;
       z-index: 99999;
       display: block;
       background: var(--initial-loader-bg, #fff);
-      block-size: 100vh;
-      inline-size: 100vw;
+      min-block-size: 100vh;
+      min-block-size: 100dvh;
       transition: opacity 0.8s ease, transform 0.8s ease, filter 0.8s ease;
     }
 
@@ -359,4 +365,4 @@
   <script type="module" src="/src/main.ts"></script>
 </body>
 
-</html>
\ No newline at end of file
+</html>