Add spacing below payment chart

Adds 80px margin below the payment method chart for better visual spacing.
This commit is contained in:
gpt-engineer-app[bot]
2025-03-22 13:04:55 +00:00
parent b8e2dc8252
commit a7d7bba7ce

View File

@@ -1,3 +1,4 @@
import React, { useState, useEffect } from 'react'; import React, { useState, useEffect } from 'react';
import NavBar from '@/components/NavBar'; import NavBar from '@/components/NavBar';
import ExpenseChart from '@/components/ExpenseChart'; import ExpenseChart from '@/components/ExpenseChart';
@@ -171,6 +172,9 @@ const Analytics = () => {
{/* 결제 방법 차트 추가 */} {/* 결제 방법 차트 추가 */}
<h2 className="text-lg font-semibold mb-3"> </h2> <h2 className="text-lg font-semibold mb-3"> </h2>
<PaymentMethodChart data={paymentMethodData} isEmpty={!hasPaymentData} /> <PaymentMethodChart data={paymentMethodData} isEmpty={!hasPaymentData} />
{/* 결제 방법 차트 아래 80px 여유 공간 추가 */}
<div className="h-20"></div>
</div> </div>
<AddTransactionButton /> <AddTransactionButton />