diff --git a/system1-factory/web/css/production-dashboard.css b/system1-factory/web/css/production-dashboard.css index d47b87f..308a529 100644 --- a/system1-factory/web/css/production-dashboard.css +++ b/system1-factory/web/css/production-dashboard.css @@ -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%; diff --git a/system1-factory/web/js/production-dashboard.js b/system1-factory/web/js/production-dashboard.js index a7163b8..4462df5 100644 --- a/system1-factory/web/js/production-dashboard.js +++ b/system1-factory/web/js/production-dashboard.js @@ -72,6 +72,9 @@ function renderDashboard(data) { const otDays = overtime.overtime_days; card.innerHTML = ` +