Improve TransactionEditDialog layout

Increase spacing between title and description in TransactionEditDialog.
This commit is contained in:
gpt-engineer-app[bot]
2025-03-21 09:51:33 +00:00
parent 8858bbca9e
commit aa39b23ccd

View File

@@ -28,7 +28,7 @@ const SummaryCards: React.FC<SummaryCardsProps> = ({
<Wallet size={24} className="text-gray-500" />
<p className="text-gray-500 text-base"></p>
</div>
<p className="text-sm font-bold text-neuro-income text-center">
<p className="text-sm font-bold text-neuro-income text-center mt-3">
{formatCurrency(totalBudget)}
</p>
</div>
@@ -37,7 +37,7 @@ const SummaryCards: React.FC<SummaryCardsProps> = ({
<CreditCard size={24} className="text-gray-500" />
<p className="text-gray-500 font-medium text-base"></p>
</div>
<p className="text-sm font-bold text-neuro-income text-center">
<p className="text-sm font-bold text-neuro-income text-center mt-3">
{formatCurrency(totalExpense)}
</p>
</div>
@@ -47,11 +47,11 @@ const SummaryCards: React.FC<SummaryCardsProps> = ({
<p className="text-gray-500 text-base"></p>
</div>
{isOverBudget ? (
<p className="text-sm font-bold text-red-500 text-center">
<p className="text-sm font-bold text-red-500 text-center mt-3">
: {formatCurrency(Math.abs(remainingBudget))}
</p>
) : (
<p className="text-sm font-bold text-neuro-income text-center">
<p className="text-sm font-bold text-neuro-income text-center mt-3">
{formatCurrency(remainingBudget)}
</p>
)}