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" /> <Wallet size={24} className="text-gray-500" />
<p className="text-gray-500 text-base"></p> <p className="text-gray-500 text-base"></p>
</div> </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)} {formatCurrency(totalBudget)}
</p> </p>
</div> </div>
@@ -37,7 +37,7 @@ const SummaryCards: React.FC<SummaryCardsProps> = ({
<CreditCard size={24} className="text-gray-500" /> <CreditCard size={24} className="text-gray-500" />
<p className="text-gray-500 font-medium text-base"></p> <p className="text-gray-500 font-medium text-base"></p>
</div> </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)} {formatCurrency(totalExpense)}
</p> </p>
</div> </div>
@@ -47,11 +47,11 @@ const SummaryCards: React.FC<SummaryCardsProps> = ({
<p className="text-gray-500 text-base"></p> <p className="text-gray-500 text-base"></p>
</div> </div>
{isOverBudget ? ( {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))} : {formatCurrency(Math.abs(remainingBudget))}
</p> </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)} {formatCurrency(remainingBudget)}
</p> </p>
)} )}