Increase bottom margin of section

Increase the bottom margin of the recent transactions section from 30px to 50px.
This commit is contained in:
gpt-engineer-app[bot]
2025-03-22 13:23:48 +00:00
parent 78da23abe6
commit 2219908d9b
2 changed files with 3 additions and 10 deletions

View File

@@ -1,4 +1,3 @@
import React from 'react';
import { Transaction } from '@/contexts/budget/types';
import TransactionEditDialog from './TransactionEditDialog';
@@ -40,7 +39,7 @@ const RecentTransactionsSection: React.FC<RecentTransactionsSectionProps> = ({
};
return (
<div className="mt-4 mb-[30px]">
<div className="mt-4 mb-[50px]">
<div className="flex justify-between items-center mb-2">
<h2 className="text-lg font-semibold"> </h2>
<Link to="/transactions" className="text-sm text-neuro-income flex items-center">

View File

@@ -1,4 +1,3 @@
import React from 'react';
import BudgetProgressCard from '@/components/BudgetProgressCard';
import BudgetCategoriesSection from '@/components/BudgetCategoriesSection';
@@ -48,15 +47,12 @@ const HomeContent: React.FC<HomeContentProps> = ({
getCategorySpending
}) => {
return (
<div className="pb-[30px]">
{/* 지출 카테고리 */}
<div className="pb-[50px]">
{getCategorySpending().some(cat => cat.current > 0 || cat.total > 0) ? (
<BudgetCategoriesSection categories={getCategorySpending()} />
) : (
<EmptyState />
)}
{/* 목표 진행 상황 */}
<h2 className="text-lg font-semibold mb-2 mt-4"> </h2>
<BudgetProgressCard
budgetData={budgetData}
@@ -66,15 +62,13 @@ const HomeContent: React.FC<HomeContentProps> = ({
calculatePercentage={calculatePercentage}
onSaveBudget={handleBudgetGoalUpdate}
/>
{/* 최근 지출 */}
{transactions.length > 0 ? (
<RecentTransactionsSection
transactions={transactions.slice(0, 5)}
onUpdateTransaction={updateTransaction}
/>
) : (
<div className="mt-4 mb-[30px]">
<div className="mt-4 mb-[50px]">
<h2 className="text-lg font-semibold mb-3"> </h2>
<EmptyState />
</div>