diff --git a/frontend/src/components/dashboard/DashboardHeader.tsx b/frontend/src/components/dashboard/DashboardHeader.tsx index 08924ea..05f3585 100644 --- a/frontend/src/components/dashboard/DashboardHeader.tsx +++ b/frontend/src/components/dashboard/DashboardHeader.tsx @@ -58,7 +58,7 @@ export function DashboardHeader({
-
+
{quarterLabel} · {statItems.map((item, index) => ( @@ -128,7 +128,8 @@ function StatClick({ label, value, statusKey, activeStatus, accent, onClick }: S handleActivate(); } }} - className={`poly-click-stat header-stat-text whitespace-nowrap ${isActive ? 'active' : ''}`} + className={`poly-click-stat header-stat-text ${isActive ? 'active' : ''}`} + style={{ cursor: 'pointer', padding: '2px 6px', borderRadius: '4px' }} > {label}{' '} {value} diff --git a/frontend/src/index.css b/frontend/src/index.css index cc0ec07..9c2df07 100644 --- a/frontend/src/index.css +++ b/frontend/src/index.css @@ -166,18 +166,16 @@ body, background-color: rgba(238, 234, 227, 0.4); } -/* F12 — poly-click-stat (기본 / hover / active) */ +/* F12 — poly-click-stat (기본 / hover / active) — padding·radius는 JS 인라인과 동일 */ .poly-click-stat { - display: inline-flex; - align-items: center; - line-height: 1; - cursor: pointer; + display: inline; + box-sizing: border-box; + line-height: 21px; + vertical-align: middle; color: #fffc; user-select: none; font-size: 18px; font-weight: 400; - padding: 2px 6px; - border-radius: 4px; border: 1px solid #1d6947; background: linear-gradient(180deg, #337c5f 0%, #1c4638 100%); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);