RyuWonJun/eene_dashboard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: apply soft dashboard card visual design

Browse Source 
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
EENE Dashboard
2026-06-01 15:42:14 +09:00
parent f6a7fab234
commit 0a1cb3efe7
4 changed files with 43 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
frontend/src/pages/DashboardPage.tsx
View File

@@ -73,7 +73,10 @@ export default function DashboardPage() {
}
return (
<div className="relative flex flex-col h-screen bg-slate-100 overflow-hidden" style={{ fontSize: '18px' }}>
<div
className="relative flex h-screen flex-col overflow-hidden bg-[#eef2f5]"
style={{ fontSize: '18px' }}
>
<DashboardHeader
quarter={QUARTER}
stats={stats}
@@ -83,29 +86,29 @@ export default function DashboardPage() {
onOpenTaskManager={() => setShowTaskManager(true)}
/>
<main className="relative flex-1 overflow-hidden min-h-0 flex">
<main className="relative flex min-h-0 flex-1 overflow-hidden px-5 py-5">
{/* ── 맨 왼쪽 구분 라벨 컬럼 ── */}
<div className="shrink-0 w-8 flex flex-col border-r border-gray-200 bg-gray-50">
<div className="mr-4 flex w-16 shrink-0 flex-col overflow-hidden rounded-[2rem] bg-white shadow-[0_16px_40px_rgba(15,23,42,0.12)] ring-1 ring-slate-200/70">
{/* 헤더 높이 맞춤 (DepartmentColumn 헤더 h-10) */}
<div className="h-10 shrink-0 border-b border-gray-200" />
<div className="h-10 shrink-0 border-b border-slate-100 bg-slate-50" />
{/* 실행과제 영역 (flex-1) */}
<div className="flex-1 flex items-center justify-center bg-blue-50/60 border-b border-gray-200">
<div className="flex flex-1 items-center justify-center border-b border-slate-100 bg-gradient-to-b from-slate-50 to-white">
<span
className="text-xs font-black text-gray-800 tracking-widest select-none"
className="select-none text-sm font-black tracking-[0.35em] text-slate-800"
style={{ writingMode: 'vertical-rl' }}
>실행과제</span>
</div>
{/* 기반업무 영역 (고정 300px) */}
<div className="shrink-0 flex items-center justify-center bg-amber-50/60" style={{ height: 300 }}>
<div className="flex shrink-0 items-center justify-center bg-gradient-to-b from-white to-slate-50" style={{ height: 300 }}>
<span
className="text-xs font-black text-gray-800 tracking-widest select-none"
className="select-none text-sm font-black tracking-[0.35em] text-slate-800"
style={{ writingMode: 'vertical-rl' }}
>기반업무</span>
</div>
</div>
<div className="grid flex-1 h-full grid-cols-4 overflow-hidden min-h-0">
<div className="grid h-full min-h-0 flex-1 grid-cols-4 gap-4 overflow-hidden">
<DepartmentColumn
title="인사관리"
titleEn="HR Management"