From af5c03d43fbcecdc15e711137a168b96df542e0f Mon Sep 17 00:00:00 2001
From: jason5ng32 <jason5ng32@gmail.com>
Date: Mon, 15 Jun 2026 09:23:18 +0800
Subject: [PATCH] Improvements

---
 frontend/App.vue | 4 ++--
 index.html       | 5 ++---
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/frontend/App.vue b/frontend/App.vue
index 62122208..11e217a8 100644
--- a/frontend/App.vue
+++ b/frontend/App.vue
@@ -46,11 +46,11 @@ const revealApp = () => {
 
 if (loadingElement) {
     requestAnimationFrame(() => loadingElement.classList.add('jn-loading-stage-1'));
-    setTimeout(() => loadingElement.classList.add('jn-loading-stage-2'), 160);
+    loadingElement.classList.add('jn-loading-stage-2');
     setTimeout(() => {
         loadingElement.remove();
         revealApp();
-    }, 380);
+    }, 200);
 } else {
     // Overlay already gone (e.g. HMR remount) — still reveal the app.
     revealApp();
diff --git a/index.html b/index.html
index dc97b53c..a689a38a 100644
--- a/index.html
+++ b/index.html
@@ -168,15 +168,14 @@
     }
 
     /* Hand-off, driven from App.vue:
-        stage-1 — non-logo children fade out, logo stays put.
-        stage-2 — logo scales down to 0 and fades.
+        stage-1 & stage-2 — non-logo children fade out, logo stays put.logo scales down to 0 and fades.
         stage-3 — overlay removed, `#app` runs `.jn-app-enter` below. */
     .jn-loading>svg,
     .jn-loading>div,
     .jn-loading>.jn-spinner,
     .jn-loading>p {
       transition: opacity 180ms ease-out,
-        transform 220ms cubic-bezier(0.55, 0, 0.7, 0);
+        transform 200ms cubic-bezier(0.55, 0, 0.7, 0);
       transform-origin: center center;
     }