헤더 탭 hover 반응 추가

2026-03-25 13:01:21 +09:00
parent 36b820614d
commit dfbb53065e
1 changed files with 8 additions and 0 deletions
--- a/frontend/public/styles.css
+++ b/frontend/public/styles.css
@@ -205,6 +205,8 @@
  color: var(--color-text-muted);
  font-size: 12px;
  font-weight: 800;
+  cursor: pointer;
+  transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease;
 }

 .nav-pill.active {
@@ -218,6 +220,12 @@
  color: #64748b;
 }

+.nav-pill:hover {
+  transform: translateY(-1px);
+  border-color: #c7d2fe;
+  box-shadow: 0 8px 18px rgba(148, 163, 184, 0.16);
+}
+
 .header-actions {
  display: flex;
  align-items: center;