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,23 +129,26 @@ const BudgetTabContent: React.FC<BudgetTabContentProps> = ({
|
||||
|
||||
{showBudgetInput && <div className="mt-4">
|
||||
<div className="neuro-card p-4">
|
||||
<div className="mb-4">
|
||||
<h3 className="text-base font-medium mb-3">전체 예산: {formatCurrency(calculateTotalBudget())}</h3>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h3 className="text-base font-medium mb-3">카테고리별 예산 설정</h3>
|
||||
<CategoryBudgetInputs categoryBudgets={categoryBudgets} handleCategoryInputChange={handleCategoryInputChange} />
|
||||
|
||||
<div className="mt-4 flex justify-end">
|
||||
<Button
|
||||
onClick={handleSaveCategoryBudgets}
|
||||
size="sm"
|
||||
className="bg-neuro-income hover:bg-neuro-income/90 text-white"
|
||||
>
|
||||
<Check size={18} className="mr-1" />
|
||||
저장하기
|
||||
</Button>
|
||||
<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
|
||||
onClick={handleSaveCategoryBudgets}
|
||||
size="sm"
|
||||
className="bg-neuro-income hover:bg-neuro-income/90 text-white"
|
||||
>
|
||||
<Check size={18} className="mr-1" />
|
||||
저장하기
|
||||
</Button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user