Improve TransactionEditDialog layout
Increase spacing between title and description in TransactionEditDialog.
This commit is contained in:
@@ -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>
|
||||
)}
|
||||
|
||||
Reference in New Issue
Block a user