[#52] 로그인 로그아웃버튼 구현

primus-teoSprint · Apr 8, 2024 · eb9b54c · eb9b54c
1 parent d701d61
commit eb9b54c
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 14 deletions.
diff --git a/app/_common/nav/index.tsx b/app/_common/nav/index.tsx
@@ -25,25 +25,14 @@ function Nav() {
         <Image src={logo} alt="로고" width={100} height={100} />
       </Link>
       {accessToken ? (
-        <button type="button" onClick={handleLogout}>
+        <button className={S.btn} type="button" onClick={handleLogout}>
           로그아웃
         </button>
       ) : (
-        <button type="button" onClick={handleLogin}>
+        <button className={S.btn} type="button" onClick={handleLogin}>
           로그인
         </button>
       )}
-
-      <Link href="/mypage">
-        <div className={S.userProfileWrapper}>
-          {/* <Image
-            src="https://github.com/primus-teoSprint/FE/assets/63100352/b9d091d3-628e-4c16-a609-68b9e0acc3e4"
-            alt="사용자 프로필"
-            width={25}
-            height={25}
-          /> */}
-        </div>
-      </Link>
     </div>
   )
 }

diff --git a/app/_common/nav/nav.module.css b/app/_common/nav/nav.module.css
@@ -6,7 +6,13 @@
   width: 100%;
   padding: 18px 0px;
 }
-
+.btn {
+  background-color: rgb(106, 106, 255);
+  color: #ffffff;
+  font-size: 12px;
+  border-radius: 8px;
+  padding:4px 8px;
+}
 .userProfileWrapper {
   display: flex;
   justify-content: center;