Merge pull request #133 from prgrms-aibe-devcourse/refactor/#132-header-myMentoring

refactor: header 내 멘토링 nav에도 호버, 액티브 효과

Author: kimsehee-8135

src/main/resources/templates/fragments/header.html

@@ -27,19 +27,6 @@
             border-color: #4b5563;
             color: #fff;
         }
-        .link-mentoring {
-            display: inline-flex;
-            align-items: center;
-            gap: 0.4rem;
-            color: #d1d5db;
-            text-decoration: none;
-            font-size: 0.9rem;
-            font-weight: 500;
-            transition: color 0.2s ease;
-        }
-        .link-mentoring:hover {
-            color: #fff;
-        }
         .header-divider {
             width: 1px;
             height: 14px;
@@ -128,7 +115,7 @@
                         채팅
                     </a>
 
-                    <a th:href="@{/my/dashboard}" class="link-mentoring">
+                    <a th:href="@{/my/dashboard}" class="btn-chat-pill" id="nav-mentoring-btn">
                         <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                             <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path>
                             <circle cx="9" cy="7" r="4"></circle>
@@ -164,6 +151,13 @@
                     chatBtn.classList.add('active');
                 }
             }
+
+            if (window.location.pathname.startsWith('/my')) {
+                const mentoringBtn = document.getElementById('nav-mentoring-btn');
+                if (mentoringBtn) {
+                    mentoringBtn.classList.add('active');
+                }
+            }
         });
     </script>
 </header>