xiaoxue_admin
/
Folo
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: login page styles 

Signed-off-by: Innei <tukon479@gmail.com>
This commit is contained in:
Innei 2025-01-06 20:13:21 +08:00
parent 3cca62c26f
commit e77a0e1043
No known key found for this signature in database
GPG Key ID: 0F62D33977F021F7
1 changed files with 11 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
apps/server/client/modules/login/index.tsx
View File

@ -3,7 +3,6 @@ import { queryClient } from "@client/lib/query-client"
import { useSession } from "@client/query/auth"
import { useAuthProviders } from "@client/query/users"
import { Logo } from "@follow/components/icons/logo.jsx"
import { AutoResizeHeight } from "@follow/components/ui/auto-resize-height/index.jsx"
import { Button, MotionButtonBase } from "@follow/components/ui/button/index.js"
import { Divider } from "@follow/components/ui/divider/index.js"
import {
@ -194,7 +193,7 @@ export function Login() {
const Content = useMemo(() => {
switch (true) {
case redirecting: {
return <div>{t("login.redirecting")}</div>
return <div className="center">{t("login.redirecting")}</div>
}
default: {
return <div className="flex flex-col gap-3">{LoginOrStatusContent}</div>
@ -205,19 +204,17 @@ export function Login() {
return (
<div className="flex h-screen w-full flex-col items-center justify-center">
<Logo className="size-16" />
{isLoading && <LoadingCircle className="mt-8" size="large" />}
<AutoResizeHeight>
<>
{!isAuthenticated && !isLoading && (
<h1 className="center mb-6 mt-8 flex text-2xl font-bold">
{t("login.logInTo")}
{` ${APP_NAME}`}
</h1>
)}
{Content}
</>
</AutoResizeHeight>
<>
{!isAuthenticated && !isLoading && (
<h1 className="center mb-6 mt-8 flex text-2xl font-bold">
{t("login.logInTo")}
{` ${APP_NAME}`}
</h1>
)}
{Content}
{isLoading && <LoadingCircle className="mt-8" size="large" />}
</>
</div>
)
}