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" />
|
<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>
|
||||||
)}
|
)}
|
||||||
|
|||||||
Reference in New Issue
Block a user