[EC-101] FE/refactor : 공통 스타일 수정 (#82)

* [EC-101] style: 스크롤에 따른 사이드바 높이 수정

* [EC-101] refactor: 로그인 ui 수정

* [EC-101] style: 개인정보 수정 style 중앙 배치 수정

Author: imdla

client/src/components/sideBar/SideBar.jsx

@@ -144,7 +144,7 @@ export default function SideBar() {
     <div className={styles.sideBar}>
       <div ref={infoRef} onClick={() => setIsOpen(true)} className={styles.memberInfo}>
         <div className={styles.memberInfoImg}>
-          <img src="../../assets/logo.png" alt="user image" />
+          <img src="/assets/logo.png" alt="user image" />
         </div>
 
         <div className={styles.memberInfoDetail}>

client/src/components/sideBar/SideBar.module.css

@@ -1,6 +1,6 @@
 .sideBar {
   min-width: 280px;
-  height: 100%;
+  min-height: 100%;
   min-height: var(--height-full);
   background-color: var(--bg-100);
   padding: var(--padding-medium);

client/src/pages/login/Login.module.css

@@ -1,37 +1,35 @@
 .login {
-  width: 500px;
+  width: 260px;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
   position: absolute;
-  top: 30%;
+  top: 50%;
   left: 50%;
-  transform: translate(-50%);
-  /* box-sizing: content-box; */
+  transform: translate(-50%, -50%);
 }
 
 .loginButton {
-  width: 60%;
-  padding: 0px 0px 10px 17px;
+  width: 100%;
+  margin-top: var(--margin-basic);
 }
 
 .logoImage {
-    width: 80px;
-    height: 80px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    box-sizing: border-box;
-    margin-bottom: 50px;
- }
+  width: 80px;
+  height: 80px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  margin-bottom: var(--margin-basic);
+}
 
- .logoImage img {
+.logoImage img {
   width: 100%;
   height: 100%;
- }
+}
 
 .login p span {
   display: none;
 }
-

client/src/pages/studentSetting/StudentSetting.module.css

@@ -1,7 +1,6 @@
 .studentSetting {
-  height: var(--height-full);
-  width: 350px;
-  margin: 0 auto;
+  width: 100%;
+  height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -16,8 +15,8 @@
   justify-content: center;
   flex-direction: row;
   box-sizing: border-box;
-  gap: 10px;
-} 
+  gap: 1rem;
+}
 
 .noneInputBox p span {
   display: none;