From 86bfdf8cb9b99e017129dccc06b3d799345f8ee2 Mon Sep 17 00:00:00 2001
From: hongSso <soyunsarang@naver.com>
Date: Thu, 25 Aug 2022 21:47:40 +0900
Subject: [PATCH] =?UTF-8?q?wip:=20=EB=A1=9C=EA=B7=B8=EC=9D=B8=20=EC=BB=B4?=
 =?UTF-8?q?=ED=8F=AC=EB=84=8C=ED=8A=B8=20=EC=A0=84=ED=99=98=20'Go'?=
 =?UTF-8?q?=EB=A5=BC=20=EC=A0=9C=EC=99=B8=ED=95=9C=20=EC=BB=B4=ED=8F=AC?=
 =?UTF-8?q?=EB=84=8C=ED=8A=B8=20=EC=A0=84=ED=99=98=20=EC=88=98=EC=A0=95,?=
 =?UTF-8?q?=20CSS=20=EC=88=98=EC=A0=95,=20=ED=83=9C=EA=B7=B8=20=EA=B5=AC?=
 =?UTF-8?q?=EC=A1=B0=20=EC=88=98=EC=A0=95=20#14?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/login/index.js    | 64 ++++++++++++++++-------------------------
 styles/Login.module.css | 45 +++++++++++++++--------------
 2 files changed, 48 insertions(+), 61 deletions(-)

diff --git a/pages/login/index.js b/pages/login/index.js
index a9c299a..d307e88 100644
--- a/pages/login/index.js
+++ b/pages/login/index.js
@@ -23,8 +23,6 @@ export default function Login() {
     setIsLoginSuccess(false);
   };
 
-  console.log(isLoginSuccess);
-
   return (
     <div className={styles.background}>
       {!isBye && (
@@ -32,8 +30,9 @@ export default function Login() {
           <div className={styles.logo_img} />
           {!isLoginSuccess && (
             <div>
-              <a className={styles.inputrequest}>Input your code number..</a>
               <div>
+                <a className={styles.inputrequest}>Input your code number..</a>{" "}
+                <br />
                 <input
                   name="student-id"
                   type="text"
@@ -42,53 +41,38 @@ export default function Login() {
                   onChange={onChange}
                   placeholder="code number"
                 />
-
-                <div className={styles.prove}>
-                  <a>
-                    <span style={{ color: "#F9E219" }}>학번</span>으로 대숭실대
-                    우주전사임을 증명해주세요!
-                  </a>
+                <br />
+                <a className={styles.prove}>
+                  <span style={{ color: "#F9E219" }}>학번</span>으로 대숭실대
+                  우주전사임을 증명해주세요!
+                </a>
+                <div className={styles.loginBtn} onClick={onLoginChange}>
+                  Login{">"}
                 </div>
               </div>
             </div>
           )}
+          {isLoginSuccess && (
+            <div>
+              <a className={styles.startrequest}>
+                Do you want to go <br /> hunting stardust?
+              </a>
+              <br />
+              <button className={styles.goBtn}>Go!</button>
+              <br />
+              <button className={styles.awayBtn} onClick={onByeChange}>
+                Run away?
+              </button>
+            </div>
+          )}
         </div>
       )}
-
-      {!isLoginSuccess && (
-        <div className={styles.loginBtn} onClick={onLoginChange}>
-          Login{">"}
-        </div>
-      )}
-
-      {isLoginSuccess && (
-        <div className={styles.startrequest}>
-          <a>
-            Do you want to go <br /> hunting stardust?
-          </a>
-        </div>
-      )}
-      {isLoginSuccess && (
-        <div>
-          <button className={styles.goBtn}>Go!</button>
-        </div>
-      )}
-      {isLoginSuccess && (
-        <div>
-          <button className={styles.awayBtn} onClick={onByeChange}>
-            Run away?
-          </button>
-        </div>
-      )}
-
       {isBye && (
-        <div className={styles.startrequest}>
+        <div className={styles.okBye}>
           <a>Okay, Bye...</a>
         </div>
       )}
-      <div className={styles.ssumcLogo}>
-        <a>SSUMC</a>
-      </div>
+      <a className={styles.ssumcLogo}>SSUMC</a>
     </div>
   );
 }
diff --git a/styles/Login.module.css b/styles/Login.module.css
index dd32d79..912bc35 100644
--- a/styles/Login.module.css
+++ b/styles/Login.module.css
@@ -6,14 +6,14 @@
   background: url(../public/background_image.png);
   min-height: 100vh;
   background-repeat: repeat-y;
-  background-size: 100%;
+  background-size: 200%;
   overflow: scroll;
 }
 
 .logo_img {
   min-width: 200px;
   max-width: 500px;
-  margin: 80px;
+  margin-bottom: 80px;
   margin-top: 60px;
   width: 326px;
   content: url(../public/startdust_logo.png);
@@ -66,44 +66,47 @@
 }
 
 .startrequest {
-  min-width: 200px;
-  max-width: 500px;
   text-align: left;
-  line-height: 1;
-  padding-bottom: 10px;
   font-family: "NeoDunggeunmo";
-  font-size: 15px;
+  font-size: 26px;
   color: aliceblue;
 }
 
 .goBtn {
-  min-width: 200px;
-  max-width: 500px;
+  width: 334px;
   display: inline-block;
-  margin: 5px;
+  margin-top: 30px;
   margin-left: 0;
-  color: aliceblue;
+  color: #ffffff;
   background-color: transparent; /*배경 투명*/
   border: 2px solid #f9e219; /* 라인선 none 인 경우 아예 안보임*/
   padding: 5px; /* 상하좌우 크기는 여백으로 설정 */
-
-  font-size: 18px;
+  font-size: 35px;
   font-family: "NeoDunggeunmo"; /*글씨체*/
-  border-radius: 3px; /*둥글게 표현*/
+  border-radius: 4px; /*둥글게 표현*/
+  background-color: rgba(249, 226, 25, 0.1);
 }
 
 .awayBtn {
-  min-width: 200px;
-  max-width: 500px;
-  margin: 5px;
-  margin-left: 0;
-  color: aliceblue;
+  width: 334px;
+  margin-bottom: 215px;
+  margin-top: 15px;
+  color: #ffffff;
   background-color: transparent; /*배경 투명*/
   border: 2px solid aliceblue; /* 라인선 none 인 경우 아예 안보임*/
   padding: 5px; /* 상하좌우 크기는 여백으로 설정 */
-  font-size: 18px;
+  font-size: 35px;
+  font-family: "NeoDunggeunmo";
+  border-radius: 4px;
+}
+
+.okBye {
+  margin-top: 407px;
+  margin-bottom: 371px;
+  text-align: left;
   font-family: "NeoDunggeunmo";
-  border-radius: 3px;
+  font-size: 26px;
+  color: aliceblue;
 }
 
 @font-face {