diff --git a/web-ui/components/navbar.html b/web-ui/components/navbar.html index 8b01e7f..260061c 100644 --- a/web-ui/components/navbar.html +++ b/web-ui/components/navbar.html @@ -20,6 +20,11 @@
+ + πŸ“Š + λŒ€μ‹œλ³΄λ“œ + +
사 @@ -29,10 +34,6 @@ μž‘μ—…μž
- - πŸ“Š - λ‚˜μ˜ λŒ€μ‹œλ³΄λ“œ - πŸ‘€ λ‚΄ ν”„λ‘œν•„ @@ -58,7 +59,7 @@ \ No newline at end of file diff --git a/web-ui/css/work-management.css b/web-ui/css/work-management.css index 9257698..5261e5f 100644 --- a/web-ui/css/work-management.css +++ b/web-ui/css/work-management.css @@ -9,164 +9,7 @@ body { min-height: 100vh; } -/* 헀더 μŠ€νƒ€μΌ */ -.dashboard-header { - background: rgba(255, 255, 255, 0.95); - backdrop-filter: blur(20px); - border-bottom: 1px solid rgba(255, 255, 255, 0.2); - padding: 1rem 2rem; - display: flex; - justify-content: space-between; - align-items: center; - box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1); - position: sticky; - top: 0; - z-index: 100; -} - -.header-left { - display: flex; - align-items: center; -} - -.logo-section { - display: flex; - align-items: center; - gap: 1rem; -} - -.logo { - height: 40px; - width: auto; -} - -.company-info { - display: flex; - flex-direction: column; -} - -.company-name { - font-size: 1.25rem; - font-weight: 700; - color: #1f2937; - margin: 0; - line-height: 1.2; -} - -.company-subtitle { - font-size: 0.875rem; - color: #6b7280; - font-weight: 500; -} - -.header-center { - display: flex; - align-items: center; -} - -.current-time { - display: flex; - flex-direction: column; - align-items: center; - padding: 0.5rem 1rem; - background: rgba(59, 130, 246, 0.1); - border-radius: 0.5rem; - border: 1px solid rgba(59, 130, 246, 0.2); -} - -.time-label { - font-size: 0.75rem; - color: #6b7280; - margin-bottom: 0.125rem; -} - -.time-value { - font-size: 1rem; - font-weight: 600; - color: #1f2937; - font-family: 'Courier New', monospace; -} - -.header-right { - display: flex; - align-items: center; - gap: 1rem; -} - -.header-actions { - display: flex; - align-items: center; - gap: 0.75rem; -} - -.dashboard-btn { - display: flex; - align-items: center; - gap: 0.5rem; - padding: 0.5rem 1rem; - background: rgba(255, 255, 255, 0.15); - color: #374151; - text-decoration: none; - border-radius: 1.25rem; - font-size: 0.85rem; - font-weight: 500; - transition: all 0.3s ease; - border: 1px solid rgba(255, 255, 255, 0.3); - backdrop-filter: blur(10px); -} - -.dashboard-btn:hover { - background: rgba(255, 255, 255, 0.25); - transform: translateY(-1px); - text-decoration: none; - color: #1f2937; -} - -.user-profile { - display: flex; - align-items: center; - gap: 0.75rem; - padding: 0.5rem 1rem; - background: rgba(255, 255, 255, 0.1); - border-radius: 2rem; - cursor: pointer; - transition: all 0.3s ease; - position: relative; -} - -.user-profile:hover { - background: rgba(255, 255, 255, 0.2); -} - -.user-avatar { - width: 2.5rem; - height: 2.5rem; - background: linear-gradient(135deg, #3b82f6, #1d4ed8); - border-radius: 50%; - display: flex; - align-items: center; - justify-content: center; - color: white; - font-weight: 600; - font-size: 1rem; -} - -.user-info { - display: flex; - flex-direction: column; -} - -.user-name { - font-size: 0.875rem; - font-weight: 600; - color: #1f2937; - line-height: 1.2; -} - -.user-role { - font-size: 0.75rem; - color: #6b7280; -} +/* 헀더 μŠ€νƒ€μΌμ€ navbar.htmlμ—μ„œ 관리됨 */ /* 메인 μ½˜ν…μΈ  */ .dashboard-main { @@ -430,14 +273,10 @@ body { /* λ°˜μ‘ν˜• λ””μžμΈ */ @media (max-width: 1024px) { - .dashboard-header { - padding: 1rem; - } - .dashboard-main { padding: 1.5rem; } - + .management-grid { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1rem; @@ -445,30 +284,14 @@ body { } @media (max-width: 768px) { - .header-center { - display: none; - } - - .company-info { - display: none; - } - - .dashboard-btn .btn-text { - display: none; - } - - .user-info { - display: none; - } - .page-title { font-size: 2rem; } - + .management-grid { grid-template-columns: 1fr; } - + .section-header { flex-direction: column; gap: 1rem; @@ -477,22 +300,18 @@ body { } @media (max-width: 480px) { - .dashboard-header { - padding: 0.75rem; - } - .dashboard-main { padding: 1rem; } - + .page-title { font-size: 1.75rem; } - + .management-card { padding: 1rem; } - + .recent-activity-section { padding: 1rem; }