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

Refactor recent transactions section

Browse Source 
Reduce font size of transportation titles and amounts in the recent transactions section.
This commit is contained in:
gpt-engineer-app[bot]
2025-03-21 11:51:56 +00:00
parent cb29d6fe69
commit fb0916627a
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/RecentTransactionsSection.tsx
View File

@@ -167,12 +167,16 @@ const RecentTransactionsSection: React.FC<RecentTransactionsSectionProps> = ({
<div className="flex items-center"> <div className="flex items-center">
<TransactionIcon category={transaction.category} /> <TransactionIcon category={transaction.category} />
<div className="ml-3"> <div className="ml-3">
<h3 className="font-medium text-black text-left">{transaction.title}</h3> <h3 className="font-medium text-black text-left text-sm">
{transaction.title}
</h3>
<p className="text-xs text-gray-500">{transaction.date}</p> <p className="text-xs text-gray-500">{transaction.date}</p>
</div> </div>
</div> </div>
<div className="text-right"> <div className="text-right">
<p className="font-semibold text-neuro-income">-{formatCurrency(transaction.amount)}</p> <p className="font-semibold text-neuro-income text-sm">
-{formatCurrency(transaction.amount)}
</p>
<p className="text-xs text-gray-500">{transaction.category}</p> <p className="text-xs text-gray-500">{transaction.category}</p>
</div> </div>
</div>) : <div className="py-3 text-center text-gray-500"> </div>) : <div className="py-3 text-center text-gray-500">