From aff62d55dc26cdcb3a7b81ec96e322bb91d5a6ee Mon Sep 17 00:00:00 2001
From: hamster1963 <1410514192@qq.com>
Date: Sun, 20 Oct 2024 21:50:46 +0800
Subject: [PATCH] feat: login-in form

---
 components/sign-in.tsx | 36 ++++++++++++++++++++++++------------
 1 file changed, 24 insertions(+), 12 deletions(-)

diff --git a/components/sign-in.tsx b/components/sign-in.tsx
index 0bc181c..c31d84d 100644
--- a/components/sign-in.tsx
+++ b/components/sign-in.tsx
@@ -1,18 +1,30 @@
+import Footer from "@/app/[locale]/(main)/footer"
+import Header from "@/app/[locale]/(main)/header"
 import { signIn } from "@/auth"
 
 export function SignIn() {
     return (
-        <form
-            action={async (formData) => {
-                "use server"
-                await signIn("credentials", formData)
-            }}
-        >
-            <label>
-                Password
-                <input name="password" type="password" />
-            </label>
-            <button>Sign In</button>
-        </form>
+        <div className="flex min-h-screen w-full flex-col">
+            <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">
+                <Header />
+                <form
+                    className="flex flex-col items-center justify-start gap-4 p-4 "
+                    action={async (formData) => {
+                        "use server"
+                        const res = await signIn("credentials", formData)
+                        console.log(res)
+                    }}
+                >
+                    <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>
     )
 }
\ No newline at end of file