From a99fc78167ecc3d95a394f5b72ba10a39fa83d6b Mon Sep 17 00:00:00 2001 From: Hyungi Ahn Date: Mon, 3 Nov 2025 12:14:25 +0900 Subject: [PATCH] =?UTF-8?q?refactor:=20=EB=8C=80=EC=8B=9C=EB=B3=B4?= =?UTF-8?q?=EB=93=9C=20=EB=A0=88=EC=9D=B4=EC=95=84=EC=9B=83=20=EB=8C=80?= =?UTF-8?q?=ED=8F=AD=20=EA=B0=9C=EC=84=A0=20-=20=EC=9A=94=EC=95=BD=20?= =?UTF-8?q?=EC=B9=B4=EB=93=9C=20=EC=A0=9C=EA=B1=B0=20=EB=B0=8F=20=EA=B5=AC?= =?UTF-8?q?=EC=A1=B0=20=EB=8B=A8=EC=88=9C=ED=99=94?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit πŸ—‘οΈ λΆˆν•„μš”ν•œ μš”μ†Œ 제거: - 상단 4개 μš”μ•½ μΉ΄λ“œ μ™„μ „ 제거 (였늘 μž‘μ—…μž, 총 μž‘μ—…μ‹œκ°„, 진행 ν”„λ‘œμ νŠΈ, 였λ₯˜λ°œμƒ) - λ³΅μž‘ν•œ 톡계 정보 제거둜 집쀑도 ν–₯상 - κ΄€λ ¨ JavaScript 둜직 정리 πŸ”„ λ ˆμ΄μ•„μ›ƒ ꡬ쑰 κ°œμ„ : 1. λΉ λ₯Έ μž‘μ—… μ„Ήμ…˜μ„ μ΅œμƒλ‹¨μœΌλ‘œ 이동 - 4μ—΄ κ·Έλ¦¬λ“œλ‘œ ν™•μž₯ (κΈ°μ‘΄ 2x2 β†’ 1x4) - 전체 λ„ˆλΉ„ ν™œμš©μœΌλ‘œ 더 넓은 클릭 μ˜μ—­ - μ£Όμš” κΈ°λŠ₯에 λŒ€ν•œ μ ‘κ·Όμ„± κ·ΉλŒ€ν™” 2. 였늘의 μž‘μ—… ν˜„ν™©μ„ 전체 λ„ˆλΉ„λ‘œ ν™•μž₯ - κΈ°μ‘΄ 50% β†’ 100% λ„ˆλΉ„ ν™œμš© - 더 λ§Žμ€ 정보 ν‘œμ‹œ 곡간 확보 - μ‹œκ°μ  μ€‘μš”λ„ κ°•ν™” 🎨 μ‹œκ°μ  κ°œμ„ : 1. μž‘μ—… ν˜„ν™© μ»¨ν…Œμ΄λ„ˆ κ°œμ„ : - κ·ΈλΌλ°μ΄μ…˜ λ°°κ²½ 적용 - 상단 컬러 λ°” μΆ”κ°€ (primary β†’ secondary κ·ΈλΌλ°μ΄μ…˜) - 높이 증가 (300px β†’ 400px) - 더 μ„Έλ ¨λœ μ‹œκ°μ  효과 2. λ°˜μ‘ν˜• λ””μžμΈ μ΅œμ ν™”: - λ°μŠ€ν¬ν†±: 4μ—΄ λΉ λ₯Έ μž‘μ—… - νƒœλΈ”λ¦Ώ: 2μ—΄ λΉ λ₯Έ μž‘μ—… - λͺ¨λ°”일: 1μ—΄ λΉ λ₯Έ μž‘μ—… - μž‘μ—… ν˜„ν™© 높이 μžλ™ μ‘°μ • βœ… μ‚¬μš©μž κ²½ν—˜ κ°œμ„ : - 핡심 κΈ°λŠ₯ μš°μ„  배치둜 νš¨μœ¨μ„± μ¦λŒ€ - λΆˆν•„μš”ν•œ 정보 제거둜 인지 λΆ€ν•˜ κ°μ†Œ - 더 직관적이고 λ‹¨μˆœν•œ μΈν„°νŽ˜μ΄μŠ€ - μ£Όμš” μž‘μ—…μ— λŒ€ν•œ λΉ λ₯Έ μ ‘κ·Όμ„± 🎯 κ²°κ³Ό: - κΉ”λ”ν•˜κ³  μ§‘μ€‘λœ λŒ€μ‹œλ³΄λ“œ - μ£Όμš” κΈ°λŠ₯ μ ‘κ·Όμ„± κ·ΉλŒ€ν™” - μ‹œκ°μ  계측 ꡬ쑰 λͺ…ν™•ν™” - λͺ¨λ“  λ””λ°”μ΄μŠ€μ—μ„œ μ΅œμ ν™”λœ κ²½ν—˜ ν…ŒμŠ€νŠΈ: http://localhost:20000/pages/dashboard/group-leader.html --- web-ui/css/modern-dashboard.css | 52 +++++- web-ui/pages/dashboard/group-leader.html | 208 +++++++---------------- 2 files changed, 107 insertions(+), 153 deletions(-) diff --git a/web-ui/css/modern-dashboard.css b/web-ui/css/modern-dashboard.css index acf04f3..94c1c78 100644 --- a/web-ui/css/modern-dashboard.css +++ b/web-ui/css/modern-dashboard.css @@ -351,14 +351,37 @@ box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1); } -/* ========== μž‘μ—… ν˜„ν™© ========== */ -.work-status-container { - min-height: 300px; +/* ========== μž‘μ—… ν˜„ν™© μ„Ήμ…˜ ========== */ +.work-status-section { + margin-bottom: var(--space-8); +} + +.work-status-container, +.work-status-container-enhanced { + min-height: 400px; display: flex; align-items: center; justify-content: center; } +.work-status-container-enhanced { + background: linear-gradient(135deg, var(--bg-tertiary) 0%, var(--bg-primary) 100%); + border-radius: var(--radius-lg); + border: 1px solid var(--border-light); + position: relative; + overflow: hidden; +} + +.work-status-container-enhanced::before { + content: ''; + position: absolute; + top: 0; + left: 0; + right: 0; + height: 2px; + background: linear-gradient(90deg, var(--primary-500), var(--primary-600), var(--secondary-500)); +} + .loading-state { display: flex; flex-direction: column; @@ -367,7 +390,17 @@ color: var(--text-secondary); } -/* ========== λΉ λ₯Έ μž‘μ—… ========== */ +/* ========== λΉ λ₯Έ μž‘μ—… μ„Ήμ…˜ ========== */ +.quick-actions-section { + margin-bottom: var(--space-8); +} + +.quick-actions-grid-full { + display: grid; + grid-template-columns: repeat(4, 1fr); + gap: var(--space-4); +} + .quick-actions-grid { display: grid; grid-template-columns: repeat(2, 1fr); @@ -485,7 +518,14 @@ } /* λ°˜μ‘ν˜• λΉ λ₯Έ μž‘μ—… */ +@media (max-width: 1024px) { + .quick-actions-grid-full { + grid-template-columns: repeat(2, 1fr); + } +} + @media (max-width: 768px) { + .quick-actions-grid-full, .quick-actions-grid { grid-template-columns: 1fr; } @@ -508,6 +548,10 @@ .action-content p { font-size: var(--text-xs); } + + .work-status-container-enhanced { + min-height: 300px; + } } /* ========== μž‘μ—…μž μ„Ήμ…˜ ========== */ diff --git a/web-ui/pages/dashboard/group-leader.html b/web-ui/pages/dashboard/group-leader.html index 3549994..75f1e2e 100644 --- a/web-ui/pages/dashboard/group-leader.html +++ b/web-ui/pages/dashboard/group-leader.html @@ -70,167 +70,77 @@
- -
-
- - -
-
-
- πŸ‘₯ -
-
-

였늘 μž‘μ—…μž

-
- -
-
- - -
-
-
-

πŸ“Š 였늘의 μž‘μ—… ν˜„ν™©

-
- - -
-
-
-
-