Adjust layout of category spending
Adjust the layout of the category spending chart to align vertically with the payment method chart, while keeping the payment method chart's position unchanged.
This commit is contained in:
@@ -142,12 +142,15 @@ const Analytics = () => {
|
||||
<MonthlyComparisonChart monthlyData={monthlyData} isEmpty={totalBudget === 0 && totalExpense === 0} />
|
||||
</div>
|
||||
|
||||
{/* Category Pie Chart */}
|
||||
{/* Category Pie Chart - 왼쪽 여백 조정 */}
|
||||
<h2 className="text-lg font-semibold mb-3">카테고리별 지출</h2>
|
||||
<div className="w-full mb-8">
|
||||
{expenseData.some(item => item.value > 0) ? <ExpenseChart data={expenseData} /> : <div className="neuro-card h-52 w-full flex items-center justify-center text-gray-400">
|
||||
{expenseData.some(item => item.value > 0) ?
|
||||
<ExpenseChart data={expenseData} /> :
|
||||
<div className="neuro-card h-52 w-full flex items-center justify-center text-gray-400">
|
||||
<p>데이터가 없습니다</p>
|
||||
</div>}
|
||||
</div>
|
||||
}
|
||||
</div>
|
||||
|
||||
{/* 결제 방법 차트 추가 */}
|
||||
|
||||
Reference in New Issue
Block a user