|
|
@@ -10,7 +10,6 @@ export default function AuthPage() {
|
|
|
const [isLogin, setIsLogin] = useState(true);
|
|
|
const [username, setUsername] = useState("");
|
|
|
const [password, setPassword] = useState("");
|
|
|
-
|
|
|
const [alert, setAlert] = useState(null);
|
|
|
|
|
|
const handleSubmit = async (e) => {
|
|
|
@@ -59,19 +58,19 @@ export default function AuthPage() {
|
|
|
};
|
|
|
|
|
|
return (
|
|
|
- <div className="min-h-screen bg-gray-100 flex flex-col justify-center py-12 sm:px-6 lg:px-8">
|
|
|
+ <div className="min-h-screen bg-gray-100 flex flex-col justify-center px-4 sm:px-6 lg:px-8">
|
|
|
<Head>
|
|
|
<title>{isLogin ? "登录" : "注册"}</title>
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
|
</Head>
|
|
|
|
|
|
- <div className="sm:mx-auto sm:w-full sm:max-w-md">
|
|
|
- <h2 className="mt-6 text-center text-3xl font-extrabold text-gray-900">
|
|
|
+ <div className="w-full max-w-md mx-auto">
|
|
|
+ <h2 className="mt-6 text-center text-2xl sm:text-3xl font-extrabold text-gray-900">
|
|
|
{isLogin ? "登录您的账户" : "创建新账户"}
|
|
|
</h2>
|
|
|
</div>
|
|
|
|
|
|
- <div className="mt-8 sm:mx-auto sm:w-full sm:max-w-md">
|
|
|
+ <div className="mt-8 w-full max-w-md mx-auto">
|
|
|
<div className="bg-white py-8 px-4 shadow sm:rounded-lg sm:px-10">
|
|
|
<form className="space-y-6" onSubmit={handleSubmit}>
|
|
|
<div>
|
|
|
@@ -88,7 +87,7 @@ export default function AuthPage() {
|
|
|
type="tel"
|
|
|
autoComplete="tel"
|
|
|
required
|
|
|
- className="appearance-none block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm"
|
|
|
+ className="appearance-none block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 text-base"
|
|
|
value={username}
|
|
|
onChange={(e) => setUsername(e.target.value)}
|
|
|
/>
|
|
|
@@ -109,7 +108,7 @@ export default function AuthPage() {
|
|
|
type="password"
|
|
|
autoComplete="current-password"
|
|
|
required
|
|
|
- className="appearance-none block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm"
|
|
|
+ className="appearance-none block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 text-base"
|
|
|
value={password}
|
|
|
onChange={(e) => setPassword(e.target.value)}
|
|
|
/>
|
|
|
@@ -119,7 +118,7 @@ export default function AuthPage() {
|
|
|
<div>
|
|
|
<button
|
|
|
type="submit"
|
|
|
- className="w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"
|
|
|
+ className="w-full flex justify-center py-3 px-4 border border-transparent rounded-md shadow-sm text-base font-medium text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"
|
|
|
>
|
|
|
{isLogin ? "登录" : "注册"}
|
|
|
</button>
|
|
|
@@ -141,7 +140,7 @@ export default function AuthPage() {
|
|
|
<div className="mt-6">
|
|
|
<button
|
|
|
onClick={() => setIsLogin(!isLogin)}
|
|
|
- className="w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-indigo-600 bg-white hover:bg-gray-50"
|
|
|
+ className="w-full flex justify-center py-3 px-4 border border-transparent rounded-md shadow-sm text-base font-medium text-indigo-600 bg-white hover:bg-gray-50"
|
|
|
>
|
|
|
{isLogin ? "创建新账户" : "登录已有账户"}
|
|
|
</button>
|
alexcdev1