From 4481e005539b28e63d53cc1e7e6a78b6e62a87dd Mon Sep 17 00:00:00 2001
From: wychoi <soc09072@gmail.com>
Date: Tue, 6 Aug 2024 00:23:30 +0900
Subject: [PATCH 1/2] chore: Update login page styles and remove commented out
 code

---
 src/app/login/page.module.scss | 80 ++++++++++++++++++++++------------
 src/app/login/page.tsx         | 11 ++---
 2 files changed, 58 insertions(+), 33 deletions(-)

diff --git a/src/app/login/page.module.scss b/src/app/login/page.module.scss
index 3805c2c..29b28ce 100644
--- a/src/app/login/page.module.scss
+++ b/src/app/login/page.module.scss
@@ -1,36 +1,60 @@
-.login_page {
-    width: 100%;
-    height: 100vh;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-  }
+// .login_page {
+//     width: 100%;
+//     height: 100vh;
+//     display: flex;
+//     flex-direction: column;
+//     align-items: center;
+//   }
   
-  .auth_title{
+//   .auth_title{
   
-  }
+//   }
   
-  .login_page h1 {
-    margin-top: 20px;
-    margin-bottom: 20px;
-    color: #4BBD5D;
-  }
+//   .login_page h1 {
+//     margin-top: 20px;
+//     margin-bottom: 20px;
+//     color: #4BBD5D;
+//   }
   
-  .login_space{
+//   .login_space{
   
-  }
+//   }
   
-  .login_button{
+//   .login_button{
+//     display: flex;
+//     bottom: 60px;
+//     width: 80%;
+//     height: 50px;
+//     /* fill: #4BBD5D; */
+//     /* font: ; */
+//     color: #fff;
+//     background: #4BBD5D;
+//     border-radius: 12px;
+//     justify-content: center;
+//     align-items: center;
+//     position: absolute;
+//   }
+
+@import '../../lib/styles/_palette.scss';
+
+.main {
+    height: 100vh;
+    padding: 100px 50px;
     display: flex;
-    bottom: 60px;
-    width: 80%;
-    height: 50px;
-    /* fill: #4BBD5D; */
-    /* font: ; */
-    color: #fff;
-    background: #4BBD5D;
-    border-radius: 12px;
-    justify-content: center;
+    flex-direction: column;
     align-items: center;
-    position: absolute;
-  }
\ No newline at end of file
+    justify-content: space-between;
+}
+
+.inputs{
+  margin: auto;
+  text-align: center;
+  input{
+    margin: 5px;
+  }
+}
+
+.button{
+  background-color: $light-gray-color;
+  width: 100%;
+}
\ No newline at end of file
diff --git a/src/app/login/page.tsx b/src/app/login/page.tsx
index 210e89f..6006896 100644
--- a/src/app/login/page.tsx
+++ b/src/app/login/page.tsx
@@ -4,7 +4,7 @@ import { FormEvent, use } from "react";
 import { useRouter } from "next/navigation";
 import styles from "./page.module.scss";
 import { login } from "@/lib/firebase/api/authAPI";
-
+import Logo from "../_common/Logo";
 export default function LoginPage() {
   const router = useRouter();
 
@@ -18,9 +18,9 @@ export default function LoginPage() {
   };
 
   return (
-    <form className={styles.login_page} onSubmit={(e) => handleLogin(e)}>
-      <h1>Rainit</h1>
-      <div>
+    <form className={styles.main} onSubmit={(e) => handleLogin(e)}>
+      <Logo/>
+      <div className={styles.inputs}>
         <input type="email" name="email" placeholder="이메일을 입력하세요" />
         <input
           type="password"
@@ -28,7 +28,8 @@ export default function LoginPage() {
           placeholder="비밀번호를 입력하세요"
         />
       </div>
-      <button type="submit" className={styles.login_button}>
+  
+      <button type="submit" className={styles.button}>
         로그인
       </button>
     </form>

From a74f39b19833fced7f701887b31e98e6155bf648 Mon Sep 17 00:00:00 2001
From: wychoi <soc09072@gmail.com>
Date: Tue, 6 Aug 2024 00:41:48 +0900
Subject: [PATCH 2/2] chore: Update login page styles and remove commented out
 code

---
 src/app/login/page.module.scss | 36 ----------------------------------
 1 file changed, 36 deletions(-)

diff --git a/src/app/login/page.module.scss b/src/app/login/page.module.scss
index 29b28ce..8d8dae4 100644
--- a/src/app/login/page.module.scss
+++ b/src/app/login/page.module.scss
@@ -1,39 +1,3 @@
-// .login_page {
-//     width: 100%;
-//     height: 100vh;
-//     display: flex;
-//     flex-direction: column;
-//     align-items: center;
-//   }
-  
-//   .auth_title{
-  
-//   }
-  
-//   .login_page h1 {
-//     margin-top: 20px;
-//     margin-bottom: 20px;
-//     color: #4BBD5D;
-//   }
-  
-//   .login_space{
-  
-//   }
-  
-//   .login_button{
-//     display: flex;
-//     bottom: 60px;
-//     width: 80%;
-//     height: 50px;
-//     /* fill: #4BBD5D; */
-//     /* font: ; */
-//     color: #fff;
-//     background: #4BBD5D;
-//     border-radius: 12px;
-//     justify-content: center;
-//     align-items: center;
-//     position: absolute;
-//   }
 
 @import '../../lib/styles/_palette.scss';