diff --git a/frontend/public/app.js b/frontend/public/app.js index bcfee09..f14196e 100755 --- a/frontend/public/app.js +++ b/frontend/public/app.js @@ -6,7 +6,6 @@ const loginForm = document.getElementById("login-form"); const loginMessage = document.getElementById("login-message"); const logoutBtn = document.getElementById("logout-btn"); const userBadge = document.getElementById("user-badge"); -const healthStatus = document.getElementById("health-status"); function getSession() { try { @@ -30,22 +29,8 @@ function renderAuth() { loginPanel.classList.toggle("hidden", authenticated); dashboardPanel.classList.toggle("hidden", !authenticated); if (authenticated) { - userBadge.textContent = `${session.user.display_name} / ${session.user.role}`; - refreshHealth(); - } -} - -async function refreshHealth() { - if (!healthStatus) return; - healthStatus.textContent = "서버 상태 확인 중"; - try { - const response = await fetch("/api/health"); - if (!response.ok) throw new Error("unhealthy"); - const payload = await response.json(); - const count = typeof payload.member_count === "number" ? ` / ${payload.member_count}명` : ""; - healthStatus.textContent = `API ${payload.status}${count}`; - } catch (error) { - healthStatus.textContent = "API 연결 실패"; + userBadge.textContent = "내 정보"; + userBadge.title = `${session.user.display_name} / ${session.user.role}`; } } diff --git a/frontend/public/index.html b/frontend/public/index.html index b5784e0..29c0348 100644 --- a/frontend/public/index.html +++ b/frontend/public/index.html @@ -50,8 +50,7 @@
- 서버 상태 확인 중 - +
diff --git a/frontend/public/styles.css b/frontend/public/styles.css index 157b973..d3d7f8c 100644 --- a/frontend/public/styles.css +++ b/frontend/public/styles.css @@ -211,30 +211,7 @@ .header-actions { display: flex; align-items: center; - gap: 8px; -} - -.status-badge, -.user-badge { - display: inline-flex; - align-items: center; - min-height: 34px; - padding: 0 12px; - border-radius: 999px; - font-size: 11px; - font-weight: 800; -} - -.status-badge { - background: #eef2ff; - color: var(--color-accent-strong); - border: 1px solid #dfe5ff; -} - -.user-badge { - background: #f8fafc; - color: var(--color-text); - border: 1px solid #dbe2ea; + gap: 6px; } .ghost-button { @@ -242,12 +219,16 @@ border: 1px solid #dbe2ea; background: #fff; color: var(--color-text); - padding: 0 14px; + padding: 0 12px; border-radius: 999px; - font-size: 12px; + font-size: 11px; font-weight: 800; } +.ghost-button-soft { + background: #f8fafc; +} + .dashboard-main { flex: 1; min-height: calc(100vh - 68px);