完成登录界面样式

tone-page-web/app/console/account/page.tsx

@@ -0,0 +1,7 @@
+export default function Account() {
+    return (
+        <div>
+            
+        </div>
+    )
+}

tone-page-web/app/console/page.tsx

@@ -1,5 +1,11 @@
+import { LoginForm } from "@/components/login-form";
+
 export default function Console() {
     return (
-        <div></div>
+        <div className="flex flex-1 flex-col items-center justify-center p-6 md:p-10">
+            <div className="w-full max-w-sm md:max-w-3xl">
+                <LoginForm />
+            </div>
+        </div>
     )
 }

tone-page-web/app/login/page.tsx

@@ -0,0 +1,11 @@
+import { LoginForm } from "@/components/login-form"
+
+export default function LoginPage() {
+  return (
+    <div className="bg-muted flex min-h-svh flex-col items-center justify-center p-6 md:p-10">
+      <div className="w-full max-w-sm md:max-w-3xl">
+        <LoginForm />
+      </div>
+    </div>
+  )
+}