From 78b35b064b3ec224335c7150ac71963e036ab23b Mon Sep 17 00:00:00 2001
From: momo5502 <mauriceheumann@gmail.com>
Date: Fri, 26 Sep 2025 10:06:12 +0200
Subject: [PATCH] Cleaner animation start

---
 page/src/App.tsx | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/page/src/App.tsx b/page/src/App.tsx
index df839ede..9ffcc4fa 100644
--- a/page/src/App.tsx
+++ b/page/src/App.tsx
@@ -20,12 +20,13 @@ function EmulateFile() {
 function Spinner() {
   const loading = Loader.useLoader();
 
-  if (!loading) {
-    return <></>;
-  }
-
   return (
-    <div className="fixed z-9999 top-0 left-0 right-0 h-[2px] animated-gradient"></div>
+    <div
+      className={
+        "fixed z-9999 top-0 left-0 right-0 h-[2px] pointer-events-none select-none transition-opacity duration-1000 animated-gradient " +
+        (loading ? "opacity-100" : "opacity-0")
+      }
+    ></div>
   );
 }