From 53a2d222b025d186ded0b62acc8a48e44746d1bf Mon Sep 17 00:00:00 2001
From: king <heoseungpil@gmail.com>
Date: Sun, 24 May 2026 14:24:24 +0900
Subject: [PATCH] =?UTF-8?q?ui:=20=ED=94=84=EB=A1=9C=ED=95=84=20=ED=97=A4?=
 =?UTF-8?q?=EB=8D=94=EC=97=90=EC=84=9C=20=EC=9D=B4=EB=A6=84=20=EC=A0=9C?=
 =?UTF-8?q?=EA=B1=B0,=20=EC=9D=B4=EB=A9=94=EC=9D=BC/=EB=A1=9C=EA=B7=B8?=
 =?UTF-8?q?=EC=95=84=EC=9B=83=20=EA=B8=80=EC=9E=90=20=ED=9D=B0=EC=83=89?=
 =?UTF-8?q?=EC=9C=BC=EB=A1=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- index.html: profile-name-block 제거. 이름은 이메일 span 의 title(hover tooltip)로 보존.
- app.js: 이제 표시하지 않는 user-name 관련 코드 정리.
- style.css: profile-email 흰색 + 굵게, 로그아웃 버튼도 흰색 + 어울리는 반투명 배경.
---
 static/css/style.css | 30 +++++++++---------------------
 static/index.html    |  5 +----
 static/js/app.js     |  7 ++-----
 3 files changed, 12 insertions(+), 30 deletions(-)

diff --git a/static/css/style.css b/static/css/style.css
index a8df4b6..9f1d1a3 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -1776,24 +1776,12 @@ input[type="checkbox"] {
     gap: 10px;
 }
 
-.nav-profile-area .profile-name-block {
-    display: flex;
-    flex-direction: column;
-    line-height: 1.2;
-    text-align: right;
-}
-
-.nav-profile-area .profile-name {
-    font-size: 14px;
-    font-weight: 700;
-    color: inherit;
-    white-space: nowrap;
-}
-
 .nav-profile-area .profile-email {
-    font-size: 11px;
-    color: rgba(120, 120, 130, 0.75);
+    font-size: 13px;
+    font-weight: 600;
+    color: #ffffff;
     white-space: nowrap;
+    letter-spacing: 0.1px;
 }
 
 .nav-profile-area .profile-avatar {
@@ -1825,10 +1813,10 @@ input[type="checkbox"] {
     align-items: center;
     gap: 6px;
     padding: 6px 12px;
-    background: rgba(0, 0, 0, 0.05);
-    border: 1px solid rgba(0, 0, 0, 0.1);
+    background: rgba(255, 255, 255, 0.12);
+    border: 1px solid rgba(255, 255, 255, 0.25);
     border-radius: 8px;
-    color: inherit;
+    color: #ffffff;
     font-size: 12px;
     font-weight: 600;
     cursor: pointer;
@@ -1837,8 +1825,8 @@ input[type="checkbox"] {
 }
 
 .nav-profile-area .btn-logout-text:hover {
-    background: rgba(0, 0, 0, 0.1);
-    border-color: rgba(0, 0, 0, 0.2);
+    background: rgba(255, 255, 255, 0.22);
+    border-color: rgba(255, 255, 255, 0.45);
 }
 
 /* 모바일에서 이메일은 숨겨 공간 절약 */
diff --git a/static/index.html b/static/index.html
index 6477eb2..9c16589 100644
--- a/static/index.html
+++ b/static/index.html
@@ -99,10 +99,7 @@
                     <button id="btn-data-management" class="icon-btn mini-icon-btn nav-tool-btn" title="데이터 관리"><i
                             class="fa-solid fa-database"></i></button>
                     <div class="profile-info">
-                        <div class="profile-name-block">
-                            <span class="profile-name" id="user-name">__USER_NAME__</span>
-                            <span class="profile-email">__USER_EMAIL__</span>
-                        </div>
+                        <span class="profile-email" title="__USER_NAME__">__USER_EMAIL__</span>
                         <div class="profile-avatar">__USER_AVATAR__</div>
                     </div>
                     <button class="btn-logout-text" onclick="window.location.href='/logout'" title="로그아웃">
diff --git a/static/js/app.js b/static/js/app.js
index 66b3b5c..84ca5b9 100644
--- a/static/js/app.js
+++ b/static/js/app.js
@@ -3,8 +3,8 @@ document.addEventListener('DOMContentLoaded', () => {
     const appUrl = (path) => `${APP_BASE_PATH}${path.startsWith('/') ? path : `/${path}`}`;
 
     // --- Elements ---
-    // loginScreen 은 더 이상 존재하지 않음 (서버에서 미인증 사용자를 dbx-main 으로 리다이렉트)
-    const userNameEl = document.getElementById('user-name');
+    // loginScreen / user-name 표시는 더 이상 존재하지 않음.
+    // (서버에서 미인증 사용자를 dbx-main 으로 리다이렉트하고, 이름 표시는 제거됨)
 
     const searchInputs = {
         name: document.getElementById('search-name'),
@@ -191,9 +191,6 @@ document.addEventListener('DOMContentLoaded', () => {
             const res = await fetch(appUrl('/api/users/me'));
             if (res.ok) {
                 currentUser = await res.json();
-                if (userNameEl && currentUser.name) {
-                    userNameEl.textContent = currentUser.name;
-                }
                 if (btnDataManagement) {
                     btnDataManagement.style.display = currentUser.is_admin ? 'inline-flex' : 'none';
                 }