Adjust card bottom margin

Adds more bottom margin to the last card to prevent it from being partially hidden on mobile devices.
This commit is contained in:
gpt-engineer-app[bot]
2025-03-16 12:13:29 +00:00
parent 6320ea17d4
commit e23b62aa2b

View File

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