Update category chart appearance

Modify the appearance of the category chart to have an inset look.
This commit is contained in:
gpt-engineer-app[bot]
2025-03-22 13:02:14 +00:00
parent a5eb629f0c
commit ab38a1931e
2 changed files with 23 additions and 28 deletions

View File

@@ -1,4 +1,3 @@
import React, { useState, useEffect } from 'react';
import NavBar from '@/components/NavBar';
import ExpenseChart from '@/components/ExpenseChart';
@@ -151,7 +150,7 @@ const Analytics = () => {
<div className="w-full">
{expenseData.some(item => item.value > 0) ? (
<>
<div className="h-72">
<div className="h-72 flex items-center justify-center">
<ExpenseChart data={expenseData} />
</div>
{/* 원그래프 아래에 카테고리 지출 목록 추가 */}
@@ -172,8 +171,6 @@ const Analytics = () => {
{/* 결제 방법 차트 추가 */}
<h2 className="text-lg font-semibold mb-3"> </h2>
<PaymentMethodChart data={paymentMethodData} isEmpty={!hasPaymentData} />
{/* 카테고리 지출 섹션은 제거됨 - 위 카테고리 비율 카드로 병합됨 */}
</div>
<AddTransactionButton />