Visual edit in Lovable
Edited UI in Lovable
This commit is contained in:
@@ -1,10 +1,8 @@
|
||||
|
||||
import React, { useEffect } from "react";
|
||||
import { Link, useNavigate } from "react-router-dom";
|
||||
import { useAuth } from "@/contexts/auth";
|
||||
import LoginForm from "@/components/auth/LoginForm";
|
||||
import { useLogin } from "@/hooks/useLogin";
|
||||
|
||||
const Login = () => {
|
||||
const {
|
||||
email,
|
||||
@@ -19,9 +17,10 @@ const Login = () => {
|
||||
setLoginError,
|
||||
handleLogin
|
||||
} = useLogin();
|
||||
|
||||
const navigate = useNavigate();
|
||||
const { user } = useAuth();
|
||||
const {
|
||||
user
|
||||
} = useAuth();
|
||||
|
||||
// 이미 로그인된 경우 메인 페이지로 리다이렉트
|
||||
useEffect(() => {
|
||||
@@ -29,27 +28,14 @@ const Login = () => {
|
||||
navigate("/");
|
||||
}
|
||||
}, [user, navigate]);
|
||||
|
||||
return (
|
||||
<div className="min-h-screen flex flex-col items-center justify-center p-6 bg-neuro-background">
|
||||
return <div className="min-h-screen flex flex-col items-center justify-center p-6 bg-neuro-background">
|
||||
<div className="w-full max-w-md">
|
||||
<div className="text-center mb-8">
|
||||
<h1 className="text-3xl font-bold text-neuro-income mb-2">젤리의 적자탈출</h1>
|
||||
<p className="text-gray-500">계정에 로그인하여 재정 관리를 시작하세요</p>
|
||||
<p className="text-gray-500">계정에 로그인하여 예산 관리를 시작하세요</p>
|
||||
</div>
|
||||
|
||||
<LoginForm
|
||||
email={email}
|
||||
setEmail={setEmail}
|
||||
password={password}
|
||||
setPassword={setPassword}
|
||||
showPassword={showPassword}
|
||||
setShowPassword={setShowPassword}
|
||||
isLoading={isLoading}
|
||||
isSettingUpTables={isSettingUpTables}
|
||||
loginError={loginError}
|
||||
handleLogin={handleLogin}
|
||||
/>
|
||||
<LoginForm email={email} setEmail={setEmail} password={password} setPassword={setPassword} showPassword={showPassword} setShowPassword={setShowPassword} isLoading={isLoading} isSettingUpTables={isSettingUpTables} loginError={loginError} handleLogin={handleLogin} />
|
||||
|
||||
<div className="text-center mb-4">
|
||||
<p className="text-gray-500">
|
||||
@@ -60,8 +46,6 @@ const Login = () => {
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
</div>;
|
||||
};
|
||||
|
||||
export default Login;
|
||||
export default Login;
|
||||
Reference in New Issue
Block a user