ZELLYY/zellyy-finance
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update budget bar color

Browse Source 
The gray color of the budget bar in the chart has been updated to be slightly darker.
This commit is contained in:
gpt-engineer-app[bot]
2025-03-22 12:57:41 +00:00
parent 273362ecb7
commit fdadbb06cc
1 changed files with 4 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/analytics/MonthlyComparisonChart.tsx
View File

@@ -61,6 +61,9 @@ const MonthlyComparisonChart: React.FC<MonthlyComparisonChartProps> = ({
// 지출 색상을 메인 그린으로 통일 // 지출 색상을 메인 그린으로 통일
const mainGreenColor = "#81c784"; const mainGreenColor = "#81c784";
// 예산 색상을 좀 더 짙은 회색으로 변경
const darkGrayColor = "#9F9EA1"; // 이전 색상 #C8C8C9에서 더 짙은 회색으로 변경
return ( return (
<div className="neuro-card h-72 w-full"> <div className="neuro-card h-72 w-full">
{hasValidData ? ( {hasValidData ? (
@@ -86,7 +89,7 @@ const MonthlyComparisonChart: React.FC<MonthlyComparisonChartProps> = ({
return <span style={{ color: value === '지출' ? mainGreenColor : undefined }}>{value}</span>; return <span style={{ color: value === '지출' ? mainGreenColor : undefined }}>{value}</span>;
}} }}
/> />
<Bar dataKey="budget" name="예산" fill="#C8C8C9" radius={[4, 4, 0, 0]} /> <Bar dataKey="budget" name="예산" fill={darkGrayColor} radius={[4, 4, 0, 0]} />
<Bar dataKey="expense" name="지출" fill={mainGreenColor} radius={[4, 4, 0, 0]}> <Bar dataKey="expense" name="지출" fill={mainGreenColor} radius={[4, 4, 0, 0]}>
{/* 개별 셀 색상 설정은 제거하고 통일된 메인 그린 색상 사용 */} {/* 개별 셀 색상 설정은 제거하고 통일된 메인 그린 색상 사용 */}
</Bar> </Bar>