hyungi/tk-factory-services
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(dashboard): 상단 헤더 제거 + 프로필 카드 내 로그아웃

Browse Source 
상단 헤더 바 제거, 프로필 카드 우측 상단에 로그아웃 버튼 배치.
대시보드 페이지에서 깔끔한 레이아웃 유지.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Hyungi Ahn
2026-03-30 14:45:02 +09:00
parent eb9266d83a
commit 46cd98c6ea
3 changed files with 15 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
system1-factory/web/css/production-dashboard.css
View File

@@ -6,7 +6,15 @@
.pd-profile-card {
background: linear-gradient(135deg, #9a3412, #ea580c);
color: white; border-radius: 16px; padding: 20px; margin-bottom: 16px;
position: relative;
}
.pd-logout-btn {
position: absolute; top: 16px; right: 16px;
background: rgba(255,255,255,0.2); border: none; border-radius: 50%;
width: 32px; height: 32px; display: flex; align-items: center; justify-content: center;
color: rgba(255,255,255,0.8); font-size: 14px; cursor: pointer; transition: background 0.15s;
}
.pd-logout-btn:hover { background: rgba(255,255,255,0.3); color: white; }
.pd-profile-header { display: flex; align-items: center; gap: 14px; margin-bottom: 16px; }
.pd-avatar {
width: 48px; height: 48px; border-radius: 50%;

3
system1-factory/web/js/production-dashboard.js
View File

@@ -72,6 +72,9 @@ function renderDashboard(data) {
const otDays = overtime.overtime_days;
card.innerHTML = `
<button onclick="doLogout()" class="pd-logout-btn" title="로그아웃">
<i class="fas fa-sign-out-alt"></i>
</button>
<div class="pd-profile-header">
<div class="pd-avatar">${escHtml(initial)}</div>
<div>

28
system1-factory/web/pages/dashboard-new.html
View File

@@ -7,31 +7,11 @@
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<link rel="stylesheet" href="/static/css/tkfb.css?v=2026033002">
<link rel="stylesheet" href="/css/production-dashboard.css?v=2026033002">
<link rel="stylesheet" href="/css/production-dashboard.css?v=2026033003">
</head>
<body class="bg-gray-50">
<header class="bg-orange-700 text-white sticky top-0 z-50">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex justify-between items-center h-14">
<div class="flex items-center gap-3">
<button id="mobileMenuBtn" class="lg:hidden text-orange-200 hover:text-white">
<i class="fas fa-bars text-xl"></i>
</button>
<a href="/pages/dashboard-new.html" class="text-orange-200 hover:text-white">
<i class="fas fa-home text-xl"></i>
</a>
<h1 class="text-lg font-semibold">TK 공장관리</h1>
</div>
<div class="flex items-center gap-4">
<span id="headerUserName" class="text-sm hidden sm:block">-</span>
<div id="headerUserAvatar" class="w-8 h-8 bg-orange-600 rounded-full flex items-center justify-center text-sm font-bold">-</div>
<button onclick="doLogout()" class="text-orange-200 hover:text-white" title="로그아웃">
<i class="fas fa-sign-out-alt"></i>
</button>
</div>
</div>
</div>
</header>
<span id="headerUserName" class="hidden">-</span>
<span id="headerUserAvatar" class="hidden">-</span>
<nav id="sideNav"></nav>
<div id="mobileOverlay" class="mobile-overlay hidden" onclick="toggleSideNav()"></div>
@@ -55,6 +35,6 @@
</main>
<script src="/static/js/tkfb-core.js?v=2026033002"></script>
<script src="/js/production-dashboard.js?v=2026033002"></script>
<script src="/js/production-dashboard.js?v=2026033003"></script>
</body>
</html>