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

fix: match stat bar bullet and divider placement to reference

Browse Source 
Use middle dot after quarter label and vertical dividers only after total and completed chips.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
EENE Dashboard
2026-06-05 23:58:32 +09:00
parent e6f117efbf
commit 600a730750
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/components/dashboard/DashboardHeader.tsx
View File

@@ -22,7 +22,7 @@ const STAT_ACCENT = {
전체: 'text-[#ffdb3a]', 전체: 'text-[#ffdb3a]',
IN_PROGRESS: 'text-[#10b981]', IN_PROGRESS: 'text-[#10b981]',
REVIEW: 'text-[#ff9f0a]', REVIEW: 'text-[#ff9f0a]',
DONE: 'text-[#e2e8f0]', DONE: 'text-[#b0b0b0]',
ISSUES: 'text-[#ff5252]', ISSUES: 'text-[#ff5252]',
} as const; } as const;
@@ -60,10 +60,10 @@ export function DashboardHeader({
<div className="header-stats-bar side-polygon-stats absolute left-1/2 top-0 z-10 flex h-10 -translate-x-1/2 items-center justify-center rounded-b-2xl border-b border-[#135643] bg-[linear-gradient(90deg,#093023_20%,#074833_50%,#093023_80%)] px-12 [filter:drop-shadow(0_2px_4px_rgba(0,0,0,0.2))]"> <div className="header-stats-bar side-polygon-stats absolute left-1/2 top-0 z-10 flex h-10 -translate-x-1/2 items-center justify-center rounded-b-2xl border-b border-[#135643] bg-[linear-gradient(90deg,#093023_20%,#074833_50%,#093023_80%)] px-12 [filter:drop-shadow(0_2px_4px_rgba(0,0,0,0.2))]">
<div className="poly-stat-item"> <div className="poly-stat-item">
<span className="poly-stat-quarter header-stat-text">{quarterLabel}</span> <span className="poly-stat-quarter header-stat-text">{quarterLabel}</span>
<span className="poly-stat-pipe header-stat-text">|</span> <span className="poly-stat-bullet header-stat-text">·</span>
{statItems.map((item, index) => ( {statItems.map((item, index) => (
<span key={item.statusKey} className="contents"> <span key={item.statusKey} className="contents">
{index > 0 && <StatDivider />} {(index === 1 || index === 4) && <StatDivider />}
<StatClick <StatClick
label={item.label} label={item.label}
value={item.value} value={item.value}

4
frontend/src/index.css
View File

@@ -122,10 +122,10 @@ body,
.poly-stat-quarter { .poly-stat-quarter {
flex-shrink: 0; flex-shrink: 0;
font-weight: 600; font-weight: 600;
color: rgba(255, 255, 255, 0.77); color: #ffffffc4;
} }
.poly-stat-pipe { .poly-stat-bullet {
flex-shrink: 0; flex-shrink: 0;
color: rgba(238, 234, 227, 0.4); color: rgba(238, 234, 227, 0.4);
} }