From 87e2a2099a13ac14089220b7858f2f1d807102b7 Mon Sep 17 00:00:00 2001
From: Copilot <198982749+Copilot@users.noreply.github.com>
Date: Sun, 1 Feb 2026 22:51:10 +0800
Subject: [PATCH] fix: display loading animation in content area only (#1955)

* Initial plan

* fix: change loading animation to display only in content area instead of full screen

Co-authored-by: RockChinQ <45992437+RockChinQ@users.noreply.github.com>

---------

Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: RockChinQ <45992437+RockChinQ@users.noreply.github.com>
---
 web/src/app/home/loading.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/web/src/app/home/loading.tsx b/web/src/app/home/loading.tsx
index 8d61d2d6..89d0f1be 100644
--- a/web/src/app/home/loading.tsx
+++ b/web/src/app/home/loading.tsx
@@ -1,5 +1,9 @@
-import { LoadingPage } from '@/components/ui/loading-spinner';
+import { LoadingSpinner } from '@/components/ui/loading-spinner';
 
 export default function Loading() {
-  return <LoadingPage />;
+  return (
+    <div className="flex h-full items-center justify-center">
+      <LoadingSpinner size="lg" />
+    </div>
+  );
 }