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

Adjust recent transactions card height

Browse Source 
Slightly reduce the overall height of the recent transactions card.
This commit is contained in:
gpt-engineer-app[bot]
2025-03-18 09:05:30 +00:00
parent b910b54b01
commit 83669bea40
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/RecentTransactionsSection.tsx
View File

@@ -154,8 +154,8 @@ const RecentTransactionsSection: React.FC<RecentTransactionsSectionProps> = ({
const formatCurrency = (amount: number) => {
return amount.toLocaleString('ko-KR') + '원';
};
return <div className="mt-6 mb-[50px]">
<div className="flex justify-between items-center mb-3">
return <div className="mt-4 mb-[40px]">
<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">
더보기 <ChevronRight size={16} />
@@ -163,7 +163,7 @@ const RecentTransactionsSection: React.FC<RecentTransactionsSectionProps> = ({
</div>
<div className="neuro-card divide-y divide-gray-100 w-full">
{transactions.length > 0 ? transactions.map(transaction => <div key={transaction.id} onClick={() => handleTransactionClick(transaction)} className="flex justify-between py-3 cursor-pointer px-[5px] bg-transparent">
{transactions.length > 0 ? transactions.map(transaction => <div key={transaction.id} onClick={() => handleTransactionClick(transaction)} className="flex justify-between py-2 cursor-pointer px-[5px] bg-transparent">
<div className="flex items-center">
<TransactionIcon category={transaction.category} />
<div className="ml-3">
@@ -175,7 +175,7 @@ const RecentTransactionsSection: React.FC<RecentTransactionsSectionProps> = ({
<p className="font-semibold text-neuro-income">-{formatCurrency(transaction.amount)}</p>
<p className="text-xs text-gray-500">{transaction.category}</p>
</div>
</div>) : <div className="py-4 text-center text-gray-500">
</div>) : <div className="py-3 text-center text-gray-500">
지출 내역이 없습니다
</div>}
</div>
@@ -183,4 +183,4 @@ const RecentTransactionsSection: React.FC<RecentTransactionsSectionProps> = ({
{selectedTransaction && <TransactionEditDialog transaction={selectedTransaction} open={isDialogOpen} onOpenChange={setIsDialogOpen} onSave={handleUpdateTransaction} onDelete={handleDeleteTransaction} />}
</div>;
};
export default RecentTransactionsSection;
export default RecentTransactionsSection;