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

fix: match center stats bar dimensions to reference F12

Browse Source 
Apply exact 40px bar height, 48px padding, inline-flex chips, and span-based stat controls.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
EENE Dashboard
2026-06-06 00:09:08 +09:00
parent 3415286425
commit ecb897009a
2 changed files with 64 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
frontend/src/index.css
View File

@@ -12,9 +12,33 @@ body,
sans-serif;
}
/* F12 — side-polygon-stats (가운데 통계 바) */
.side-polygon-stats {
position: absolute;
top: 0;
left: 50%;
z-index: 100;
display: inline-flex;
align-items: center;
align-self: flex-start;
height: 40px;
min-height: 40px;
padding: 0 48px;
margin: 0;
border: none;
border-bottom: 1px solid #135643;
border-radius: 0 0 16px 16px;
background: linear-gradient(90deg, #093023 20%, #074833 50%, #093023 80%);
box-shadow: none;
filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
transform: translateX(-50%);
}
/* 상단 통계 바 — Design Planning Hub 스타일 곡면 장식 */
.header-stats-bar::before,
.header-stats-bar::after {
.header-stats-bar::after,
.side-polygon-stats::before,
.side-polygon-stats::after {
content: "";
pointer-events: none;
position: absolute;
@@ -25,13 +49,15 @@ body,
z-index: 101;
}
.header-stats-bar::before {
.header-stats-bar::before,
.side-polygon-stats::before {
left: -35px;
border-top-left-radius: 20px;
box-shadow: 18px 0 #093023;
}
.header-stats-bar::after {
.header-stats-bar::after,
.side-polygon-stats::after {
right: -35px;
border-top-right-radius: 20px;
box-shadow: -18px 0 #093023;
@@ -115,8 +141,10 @@ body,
align-items: center;
gap: 8px;
font-size: 18px;
font-weight: 400;
letter-spacing: -0.3px;
white-space: nowrap;
color: #e6eae3;
color: #eeeae3;
}
.poly-stat-quarter {
@@ -135,11 +163,15 @@ body,
width: 1px;
height: 16px;
margin: 0 4px;
background-color: rgba(230, 234, 227, 0.4);
background-color: rgba(238, 234, 227, 0.4);
}
/* F12 — poly-click-stat (기본 / hover / active) */
.poly-click-stat {
display: inline-flex;
align-items: center;
line-height: 1;
cursor: pointer;
color: #fffc;
user-select: none;
font-size: 18px;
@@ -152,6 +184,16 @@ body,
transition: all 0.15s ease;
}
.poly-stat-val {
font-weight: 800;
}
.poly-stat-unit {
font-size: 14px;
font-weight: 500;
opacity: 0.5;
}
.poly-click-stat:hover {
color: #fff;
background: #1b543b;