tcjlj/flvx
1
0
Fork 0
mirror of https://github.com/Sagit-chu/flvx.git synced 2026-10-11 19:56:37 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(frontend): fix blank page after logout and login page branding

Browse Source
This commit is contained in:
sagitchu
2026-04-21 09:33:04 +08:00
parent b382caa347
commit f6d2ab3270
2 changed files with 6 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
vite-frontend/src/App.tsx
+3 -11
View File
@@ -1,4 +1,4 @@
import { Route, Routes, useLocation, useNavigate } from "react-router-dom"; import { Route, Routes, useLocation, useNavigate, Navigate } from "react-router-dom";
import { useEffect } from "react"; import { useEffect } from "react";
import { AnimatePresence } from "framer-motion"; import { AnimatePresence } from "framer-motion";
@@ -44,11 +44,7 @@ const ProtectedRoute = ({
}, [authenticated, navigate]); }, [authenticated, navigate]);
if (!authenticated) { if (!authenticated) {
return ( return <Navigate replace to="/" />;
<div className="flex items-center justify-center min-h-screen bg-mesh-gradient">
<div className="text-lg text-gray-700 dark:text-gray-200" />
</div>
);
} }
// 如果跳过布局，直接返回子组件 // 如果跳过布局，直接返回子组件
@@ -76,11 +72,7 @@ const LoginRoute = () => {
}, [authenticated, navigate]); }, [authenticated, navigate]);
if (authenticated) { if (authenticated) {
return ( return <Navigate replace to="/dashboard" />;
<div className="flex items-center justify-center min-h-screen bg-mesh-gradient">
<div className="text-lg text-gray-700 dark:text-gray-200" />
</div>
);
} }
return <IndexPage />; return <IndexPage />;
vite-frontend/src/pages/index.tsx
+3 -4
View File
@@ -9,6 +9,7 @@ import { Input } from "@/shadcn-bridge/heroui/input";
import { Button } from "@/shadcn-bridge/heroui/button"; import { Button } from "@/shadcn-bridge/heroui/button";
import { siteConfig } from "@/config/site"; import { siteConfig } from "@/config/site";
import { VersionFooter } from "@/components/version-footer"; import { VersionFooter } from "@/components/version-footer";
import { BrandLogo } from "@/components/brand-logo";
import { login, LoginData, checkCaptcha, getConfigByName } from "@/api"; import { login, LoginData, checkCaptcha, getConfigByName } from "@/api";
import { writeLoginSession } from "@/utils/session"; import { writeLoginSession } from "@/utils/session";
import { useWebViewMode } from "@/hooks/useWebViewMode"; import { useWebViewMode } from "@/hooks/useWebViewMode";
@@ -160,10 +161,8 @@ export default function IndexPage() {
> >
<Card className="w-full bg-white/20 dark:bg-zinc-900/20 backdrop-blur-3xl shadow-[0_20px_40px_rgba(0,0,0,0.15)] border-white/80 dark:border-white/10 rounded-[32px] p-2 sm:p-4"> <Card className="w-full bg-white/20 dark:bg-zinc-900/20 backdrop-blur-3xl shadow-[0_20px_40px_rgba(0,0,0,0.15)] border-white/80 dark:border-white/10 rounded-[32px] p-2 sm:p-4">
<CardHeader className="pb-0 pt-6 px-6 flex-col items-center"> <CardHeader className="pb-0 pt-6 px-6 flex-col items-center">
<div className="w-14 h-14 bg-primary rounded-2xl flex items-center justify-center mb-4 shadow-sm text-white"> <BrandLogo className="w-14 h-14 rounded-2xl mb-4" size={56} />
<svg className="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M13 10V3L4 14h7v7l9-11h-7z" /></svg> <h1 className="text-2xl font-bold tracking-tight text-foreground">{siteConfig.name}</h1>
</div>
<h1 className="text-2xl font-bold tracking-tight text-foreground">Welcome to Flvx</h1>
<p className="text-sm text-default-500 mt-2 font-medium"> <p className="text-sm text-default-500 mt-2 font-medium">
Sign in to manage your networks Sign in to manage your networks
</p> </p>