From 83669bea406d035f47bd30ed8917e10fa2e78e54 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Tue, 18 Mar 2025 09:05:30 +0000
Subject: [PATCH] Adjust recent transactions card height

Slightly reduce the overall height of the recent transactions card.
---
 src/components/RecentTransactionsSection.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/RecentTransactionsSection.tsx b/src/components/RecentTransactionsSection.tsx
index b093f20..2cbe613 100644
--- a/src/components/RecentTransactionsSection.tsx
+++ b/src/components/RecentTransactionsSection.tsx
@@ -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;
\ No newline at end of file
+export default RecentTransactionsSection;