Move total budget display
Move the total budget display in BudgetTabContent.tsx to be between the category budget inputs and the save button.
This commit is contained in:
@@ -129,15 +129,17 @@ const BudgetTabContent: React.FC<BudgetTabContentProps> = ({
|
|||||||
|
|
||||||
{showBudgetInput && <div className="mt-4">
|
{showBudgetInput && <div className="mt-4">
|
||||||
<div className="neuro-card p-4">
|
<div className="neuro-card p-4">
|
||||||
<div className="mb-4">
|
|
||||||
<h3 className="text-base font-medium mb-3">전체 예산: {formatCurrency(calculateTotalBudget())}</h3>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<h3 className="text-base font-medium mb-3">카테고리별 예산 설정</h3>
|
<h3 className="text-base font-medium mb-3">카테고리별 예산 설정</h3>
|
||||||
<CategoryBudgetInputs categoryBudgets={categoryBudgets} handleCategoryInputChange={handleCategoryInputChange} />
|
<CategoryBudgetInputs categoryBudgets={categoryBudgets} handleCategoryInputChange={handleCategoryInputChange} />
|
||||||
|
|
||||||
<div className="mt-4 flex justify-end">
|
<div className="mt-4 border-t pt-3">
|
||||||
|
<div className="flex justify-between items-center mb-4">
|
||||||
|
<h3 className="text-base font-medium">전체 예산:</h3>
|
||||||
|
<p className="text-lg font-bold text-neuro-income">{formatCurrency(calculateTotalBudget())}</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="flex justify-end">
|
||||||
<Button
|
<Button
|
||||||
onClick={handleSaveCategoryBudgets}
|
onClick={handleSaveCategoryBudgets}
|
||||||
size="sm"
|
size="sm"
|
||||||
@@ -149,6 +151,7 @@ const BudgetTabContent: React.FC<BudgetTabContentProps> = ({
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</div>}
|
</div>}
|
||||||
</div>;
|
</div>;
|
||||||
};
|
};
|
||||||
|
|||||||
Reference in New Issue
Block a user