From 9bccf5ce4a3dd6159c6fb637a560ed3a44947c0d Mon Sep 17 00:00:00 2001
From: a1rhun <83606547+a1rhun@users.noreply.github.com>
Date: Wed, 20 Aug 2025 23:13:27 +0900
Subject: [PATCH] =?UTF-8?q?fix/#58=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ServerManagement/AddServerModal.jsx       |  2 ++
 src/pages/Login.jsx                           |  4 +--
 src/styles/css/sideBar.css                    | 36 +++++++++++++++++--
 src/styles/scss/components/sideBar.scss       | 36 ++++++++++++++++++-
 4 files changed, 73 insertions(+), 5 deletions(-)

diff --git a/src/components/ServerManagement/AddServerModal.jsx b/src/components/ServerManagement/AddServerModal.jsx
index 4bd32f9..5b13111 100644
--- a/src/components/ServerManagement/AddServerModal.jsx
+++ b/src/components/ServerManagement/AddServerModal.jsx
@@ -122,6 +122,7 @@ const AddServerModal = ({ onClose, onSubmit, teamCode }) => {
             />
             <label>Auth Token</label>
             <input
+              type="password"
               name="authToken"
               value={formData.authToken}
               onChange={handleInputChange}
@@ -196,6 +197,7 @@ const AddServerModal = ({ onClose, onSubmit, teamCode }) => {
             />
             <label>Auth Token</label>
             <input
+              type="password"
               name="authToken"
               value={formData.authToken}
               onChange={handleInputChange}
diff --git a/src/pages/Login.jsx b/src/pages/Login.jsx
index c089837..f0f2eec 100644
--- a/src/pages/Login.jsx
+++ b/src/pages/Login.jsx
@@ -51,19 +51,19 @@ const LoginPage = () => {
             type="login"
             placeholder="이메일"
             name="loginId"
-            autoComplete="off"
             value={form.loginId} // ✅ 수정
             onChange={handleChange}
+            autoComplete="off"
           />
           <InputField
             type={showPassword ? "text" : "password"}
             name="password"
             placeholder="비밀번호"
             value={form.password}
-            autoComplete="off"
             onChange={handleChange}
             showPassword={showPassword}
             toggleVisibility={togglePasswordVisibility}
+            autoComplete="off"
           />
 
           <div className="login-remember">
diff --git a/src/styles/css/sideBar.css b/src/styles/css/sideBar.css
index 6bf802e..5a23fd3 100644
--- a/src/styles/css/sideBar.css
+++ b/src/styles/css/sideBar.css
@@ -58,9 +58,41 @@
   display: flex;
   flex-direction: column;
 }
-
-.side-bar .github-container {
+.side-bar .github-container .connected-github-header {
   margin: 20px 0 0 8px;
+  color: #666666;
+  font-size: 16px;
+  line-height: 24px;
+  font-weight: 500;
+  letter-spacing: -2.5%;
+}
+.side-bar .github-container .modal-github-button {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 40px;
+  background-color: #FFFFFF;
+  border-radius: 12px; /* 모서리 둥글게 */
+  cursor: pointer;
+  transition: background-color 0.2s ease;
+}
+.side-bar .github-container .modal-github-button:hover {
+  background-color: #E0E0E0;
+}
+.side-bar .github-container .modal-github-button .github-icon {
+  width: 20px;
+  height: 20px;
+  margin-right: 8px; /* 아이콘과 텍스트 사이의 간격 */
+  fill: #999; /* 아이콘 색상 */
+  transition: fill 0.2s;
+}
+.side-bar .github-container .modal-github-button .github-text {
+  color: #666666;
+  font-size: 14px;
+  line-height: 20px;
+  font-weight: 400;
+  letter-spacing: -2.5%;
 }
 .side-bar .sidebar-footer {
   margin-top: auto;
diff --git a/src/styles/scss/components/sideBar.scss b/src/styles/scss/components/sideBar.scss
index 2e22278..5122bb2 100644
--- a/src/styles/scss/components/sideBar.scss
+++ b/src/styles/scss/components/sideBar.scss
@@ -62,8 +62,42 @@
     }
 
   .github-container {
-    margin: 20px 0 0 8px;
+    .connected-github-header {
+      margin: 20px 0 0 8px;
 
+      @include text-color("text-sub1");
+      @include font-style("headline6");
+    }
+
+    .modal-github-button {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 100%;
+      height: 40px;
+      background-color: #FFFFFF; 
+      border-radius: 12px; /* 모서리 둥글게 */
+      cursor: pointer;
+      transition: background-color 0.2s ease;
+
+      &:hover {
+        background-color: #E0E0E0; 
+      }
+
+      .github-icon {
+        width: 20px;
+        height: 20px;
+        margin-right: 8px; /* 아이콘과 텍스트 사이의 간격 */
+        fill: #999; /* 아이콘 색상 */
+        transition: fill 0.2s;
+      }
+
+      .github-text {
+        @include text-color("text-sub1");
+        @include font-style("body2");
+      }
+    }
+ 
   }
 
   .sidebar-footer {