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

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

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

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>