Visual edit in Lovable

Edited UI in Lovable

src/pages/Login.tsx

@@ -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
+        <LoginForm email={email} setEmail={setEmail} password={password} setPassword={setPassword} showPassword={showPassword} setShowPassword={setShowPassword} isLoading={isLoading} isSettingUpTables={isSettingUpTables} loginError={loginError} handleLogin={handleLogin} />
-          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;