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

fix: match side-polygon-stats curved corners to reference hub

Browse Source 
Correct pseudo-element border-radius direction and allow header overflow so side curves render.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
EENE Dashboard
2026-06-06 00:24:21 +09:00
parent 6ab2dae634
commit 288e05f691
2 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -53,7 +53,7 @@ export function DashboardHeader({
]; ];
return ( return (
<header className="dashboard-header-bar shrink-0 overflow-hidden"> <header className="dashboard-header-bar shrink-0">
<div className="side-left-group min-w-0 shrink-0"> <div className="side-left-group min-w-0 shrink-0">
<span className="side-title-main main_tit flex shrink-0 items-center gap-[10px] text-[20px] font-bold tracking-[-0.5px] text-[#bad8ca]"> <span className="side-title-main main_tit flex shrink-0 items-center gap-[10px] text-[20px] font-bold tracking-[-0.5px] text-[#bad8ca]">
<span>총괄기획실</span> <span>총괄기획실</span>

5
frontend/src/index.css
View File

@@ -52,14 +52,14 @@ body,
.header-stats-bar::before, .header-stats-bar::before,
.side-polygon-stats::before { .side-polygon-stats::before {
left: -35px; left: -35px;
border-top-left-radius: 20px; border-top-right-radius: 20px;
box-shadow: 18px 0 #093023; box-shadow: 18px 0 #093023;
} }
.header-stats-bar::after, .header-stats-bar::after,
.side-polygon-stats::after { .side-polygon-stats::after {
right: -35px; right: -35px;
border-top-right-radius: 20px; border-top-left-radius: 20px;
box-shadow: -18px 0 #093023; box-shadow: -18px 0 #093023;
} }
@@ -93,6 +93,7 @@ body,
justify-content: space-between; justify-content: space-between;
position: relative; position: relative;
z-index: 10; z-index: 10;
overflow: visible;
height: 48px; height: 48px;
min-height: 48px; min-height: 48px;
padding: 0 22px 0 20px; padding: 0 22px 0 20px;