root/nezha_dash
1
0
Fork 0
mirror of https://github.com/hamster1963/nezha-dash.git synced 2025-04-24 21:10:45 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: login-in form

Browse Source
This commit is contained in:
hamster1963 2024-10-20 21:50:46 +08:00
parent b7e403756a
commit aff62d55dc
1 changed files with 24 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
components/sign-in.tsx
View File

@ -1,18 +1,30 @@
import Footer from "@/app/[locale]/(main)/footer"
import Header from "@/app/[locale]/(main)/header"
import { signIn } from "@/auth" import { signIn } from "@/auth"
export function SignIn() { export function SignIn() {
return ( return (
<form <div className="flex min-h-screen w-full flex-col">
action={async (formData) => { <main className="flex min-h-[calc(100vh_-_theme(spacing.16))] flex-1 flex-col gap-4 bg-muted/40 p-4 md:p-10 md:pt-8">
"use server" <Header />
await signIn("credentials", formData) <form
}} className="flex flex-col items-center justify-start gap-4 p-4 "
> action={async (formData) => {
<label> "use server"
Password const res = await signIn("credentials", formData)
<input name="password" type="password" /> console.log(res)
</label> }}
<button>Sign In</button> >
</form> <section className="flex flex-col items-start gap-2">
<label className="flex flex-col items-start gap-1 ">
<p className="text-base font-semibold">请输入页面密码</p>
<input className="px-1 border-[1px] rounded-[5px]" name="password" type="password" />
</label>
<button className=" px-1.5 py-0.5 w-fit text-sm font-semibold rounded-[8px] border bg-card hover:brightness-95 transition-all text-card-foreground shadow-lg shadow-neutral-200/40 dark:shadow-none">确认</button>
</section>
</form>
<Footer />
</main>
</div>
) )
} }