From c55494f2aaa04891b2c0f75b2866c21a306e1a61 Mon Sep 17 00:00:00 2001
From: EENE Dashboard <roowj0325@gmail.com>
Date: Fri, 5 Jun 2026 10:04:42 +0900
Subject: [PATCH] style: increase header scale to match planning hub reference

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 .../components/dashboard/DashboardHeader.tsx  | 24 +++++++++----------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/frontend/src/components/dashboard/DashboardHeader.tsx b/frontend/src/components/dashboard/DashboardHeader.tsx
index f7428bb..0c17c76 100644
--- a/frontend/src/components/dashboard/DashboardHeader.tsx
+++ b/frontend/src/components/dashboard/DashboardHeader.tsx
@@ -19,22 +19,22 @@ export function DashboardHeader({ quarter, stats, activeStatus, onStatusChange,
   const quarterLabel = quarter.replace(/^(\d{4})-Q(\d)$/, '$1 $2분기 업무');
 
   return (
-    <header className="relative flex h-7 shrink-0 items-center overflow-hidden border-b border-emerald-200/20 bg-[linear-gradient(180deg,#14724d_0%,#0a4b35_48%,#052d25_100%)] px-2 text-white shadow-[0_6px_18px_rgba(2,44,34,0.45)]">
+    <header className="relative flex h-9 shrink-0 items-center overflow-hidden border-b border-emerald-200/20 bg-[linear-gradient(180deg,#158051_0%,#0b5a3d_46%,#052f27_100%)] px-3 text-white shadow-[0_8px_22px_rgba(2,44,34,0.45)]">
       <div className="pointer-events-none absolute inset-x-0 top-0 h-[45%] bg-white/14" />
       <div className="pointer-events-none absolute inset-x-0 bottom-0 h-px bg-emerald-200/60" />
-      <div className="pointer-events-none absolute left-1/2 top-0 h-full w-[42rem] -translate-x-1/2 rounded-b-full bg-black/20 blur-sm" />
+      <div className="pointer-events-none absolute left-1/2 top-0 h-full w-[44rem] -translate-x-1/2 rounded-b-full bg-black/22 blur-sm" />
 
-      <div className="relative z-10 flex min-w-0 flex-1 items-center gap-1.5">
-        <span className="shrink-0 text-[12px] font-black leading-none tracking-[-0.01em] text-white drop-shadow">
+      <div className="relative z-10 flex min-w-0 flex-1 items-center gap-2">
+        <span className="shrink-0 text-[14px] font-black leading-none tracking-[-0.01em] text-white drop-shadow">
           총괄기획실 | Poeple Growth Hub
         </span>
-        <span className="grid h-5 w-5 shrink-0 place-items-center rounded-full border border-emerald-100/20 bg-black/30 text-[10px] shadow-inner">
+        <span className="grid h-6 w-6 shrink-0 place-items-center rounded-full border border-emerald-100/20 bg-black/30 text-[12px] shadow-inner">
           👥
         </span>
-        <span className="ml-3 shrink-0 text-[11px] font-black leading-none text-emerald-50/95">{quarterLabel}</span>
-        <span className="mx-0.5 text-[11px] leading-none text-emerald-200/60">•</span>
+        <span className="ml-8 shrink-0 text-[13px] font-black leading-none text-emerald-50/95">{quarterLabel}</span>
+        <span className="mx-1 text-[13px] leading-none text-emerald-200/60">•</span>
 
-        <div className="flex min-w-0 items-center gap-1">
+        <div className="flex min-w-0 items-center gap-1.5">
           <StatPill label="전체" value={stats.total} statusKey="전체" activeStatus={activeStatus} onClick={onStatusChange} accent="text-yellow-200" />
           <StatPill label="진행" value={stats.inProgress} statusKey="IN_PROGRESS" activeStatus={activeStatus} onClick={onStatusChange} accent="text-sky-200" />
           <StatPill label="보류" value={stats.review} statusKey="REVIEW" activeStatus={activeStatus} onClick={onStatusChange} accent="text-orange-200" />
@@ -43,18 +43,18 @@ export function DashboardHeader({ quarter, stats, activeStatus, onStatusChange,
         </div>
       </div>
 
-      <div className="relative z-10 ml-auto flex shrink-0 items-center gap-1.5">
+      <div className="relative z-10 ml-auto flex shrink-0 items-center gap-2">
         <button
           onClick={onOpenTaskManager}
           title="업무관리"
-          className="grid h-5 w-5 place-items-center rounded-full border border-emerald-100/20 bg-black/30 text-[13px] font-black leading-none text-emerald-50 shadow-inner transition hover:bg-white/15"
+          className="grid h-6 w-6 place-items-center rounded-full border border-emerald-100/20 bg-black/30 text-[15px] font-black leading-none text-emerald-50 shadow-inner transition hover:bg-white/15"
         >
           +
         </button>
         <button
           onClick={onOpenDetailWindow}
           title="우측 모니터에 상세 창 열기"
-          className="grid h-5 w-5 place-items-center rounded-full border border-emerald-100/20 bg-black/30 text-[11px] leading-none text-emerald-50 shadow-inner transition hover:bg-white/15"
+          className="grid h-6 w-6 place-items-center rounded-full border border-emerald-100/20 bg-black/30 text-[13px] leading-none text-emerald-50 shadow-inner transition hover:bg-white/15"
         >
           🖥
         </button>
@@ -78,7 +78,7 @@ function StatPill({ label, value, statusKey, activeStatus, onClick, accent }: St
   return (
     <button
       onClick={() => onClick(isActive ? '전체' : statusKey)}
-      className={`flex h-5 cursor-pointer select-none items-center gap-1 rounded-[0.35rem] border px-1.5 text-[10px] font-black leading-none shadow-inner transition-all ${
+      className={`flex h-6 cursor-pointer select-none items-center gap-1 rounded-[0.4rem] border px-2 text-[12px] font-black leading-none shadow-inner transition-all ${
         isActive
           ? 'border-emerald-100/35 bg-white/18 text-white'
           : 'border-emerald-100/10 bg-black/20 text-white/75 hover:border-emerald-100/25 hover:bg-white/10'