aboutsummaryrefslogtreecommitdiffstatshomepage
path: root/packages/ui-new/src/pages/index.tsx
diff options
context:
space:
mode:
author苏向夜 <fu050409@163.com>2026-02-25 01:32:51 +0800
committer苏向夜 <fu050409@163.com>2026-02-25 01:32:51 +0800
commit66668d85d603c5841d755a6023aa1925559fc6d4 (patch)
tree485464148c76b0021efb55b7d2afd1c3004ceee0 /packages/ui-new/src/pages/index.tsx
parenta6773bd092db654360c599ca6b0108ea0e456e8c (diff)
downloadDropOut-66668d85d603c5841d755a6023aa1925559fc6d4.tar.gz
DropOut-66668d85d603c5841d755a6023aa1925559fc6d4.zip
chore(workspace): replace legacy codes
Diffstat (limited to 'packages/ui-new/src/pages/index.tsx')
-rw-r--r--packages/ui-new/src/pages/index.tsx76
1 files changed, 0 insertions, 76 deletions
diff --git a/packages/ui-new/src/pages/index.tsx b/packages/ui-new/src/pages/index.tsx
deleted file mode 100644
index 54cfc1e..0000000
--- a/packages/ui-new/src/pages/index.tsx
+++ /dev/null
@@ -1,76 +0,0 @@
-import { useEffect } from "react";
-import { Outlet, useLocation } from "react-router";
-import { ParticleBackground } from "@/components/particle-background";
-import { Sidebar } from "@/components/sidebar";
-import { useAuthStore } from "@/models/auth";
-import { useSettingsStore } from "@/models/settings";
-
-export function IndexPage() {
- const authStore = useAuthStore();
- const settingsStore = useSettingsStore();
-
- const location = useLocation();
-
- useEffect(() => {
- authStore.init();
- settingsStore.refresh();
- }, [authStore.init, settingsStore.refresh]);
-
- return (
- <div className="relative h-screen w-full overflow-hidden bg-background font-sans">
- <div className="absolute inset-0 z-0 bg-gray-100 dark:bg-[#09090b] overflow-hidden">
- {settingsStore.config?.customBackgroundPath && (
- <>
- <img
- src={settingsStore.config?.customBackgroundPath}
- alt="Background"
- className="absolute inset-0 w-full h-full object-cover transition-transform duration-[20s] ease-linear"
- onError={(e) =>
- console.error("Failed to load main background:", e)
- }
- />
- {/* Dimming Overlay for readability */}
- <div className="absolute inset-0 bg-black/50" />
- </>
- )}
-
- {!settingsStore.config?.customBackgroundPath && (
- <>
- {settingsStore.theme === "dark" ? (
- <div className="absolute inset-0 opacity-60 bg-linear-to-br from-emerald-900 via-zinc-900 to-indigo-950"></div>
- ) : (
- <div className="absolute inset-0 opacity-100 bg-linear-to-br from-emerald-100 via-gray-100 to-indigo-100"></div>
- )}
-
- {location.pathname === "/" && <ParticleBackground />}
-
- <div className="absolute inset-0 bg-linear-to-t from-zinc-900 via-transparent to-black/50 dark:from-zinc-900 dark:to-black/50"></div>
- </>
- )}
-
- {/* Subtle Grid Overlay */}
- <div
- className="absolute inset-0 z-0 dark:opacity-10 opacity-30 pointer-events-none"
- style={{
- backgroundImage: `linear-gradient(${
- settingsStore.config?.theme === "dark" ? "#ffffff" : "#000000"
- } 1px, transparent 1px), linear-gradient(90deg, ${
- settingsStore.config?.theme === "dark" ? "#ffffff" : "#000000"
- } 1px, transparent 1px)`,
- backgroundSize: "40px 40px",
- maskImage:
- "radial-gradient(circle at 50% 50%, black 30%, transparent 70%)",
- }}
- />
- </div>
-
- <div className="size-full flex flex-row p-4 space-x-4 z-20 relative">
- <Sidebar />
-
- <main className="size-full overflow-hidden">
- <Outlet />
- </main>
- </div>
- </div>
- );
-}