ZELLYY/zellyy-finance
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Visual edit in Lovable

Browse Source 
Edited UI in Lovable
This commit is contained in:
gpt-engineer-app[bot]
2025-03-17 12:28:42 +00:00
parent a1e9c6dda5
commit 5aa04cf796
1 changed files with 4 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/BudgetTabContent.tsx
View File

@@ -75,11 +75,9 @@ const BudgetTabContent: React.FC<BudgetTabContentProps> = ({
} }
} }
}, [showBudgetInput]); }, [showBudgetInput]);
// 예산 여부에 따른 텍스트 결정 // 예산 여부에 따른 텍스트 결정
const budgetButtonText = targetAmount > 0 ? "예산 수정하기" : "예산 입력하기"; const budgetButtonText = targetAmount > 0 ? "예산 수정하기" : "예산 입력하기";
return <div> return <div>
{targetAmount > 0 ? <> {targetAmount > 0 ? <>
<div className="flex justify-between items-center mb-3"> <div className="flex justify-between items-center mb-3">
@@ -125,11 +123,11 @@ const BudgetTabContent: React.FC<BudgetTabContentProps> = ({
<div className="mt-4 border-t pt-3"> <div className="mt-4 border-t pt-3">
<div className="flex justify-between items-center mb-4"> <div className="flex justify-between items-center mb-4">
<h3 className="font-medium text-sm px-[34px]">전체 예산:</h3> <h3 className="font-medium text-sm px-[34px]">전체 예산:</h3>
<p className="font-bold text-neuro-income text-base">{formatCurrency(calculateTotalBudget())}</p> <p className="font-bold text-neuro-income text-base px-[10px]">{formatCurrency(calculateTotalBudget())}</p>
</div> </div>
<div className="flex justify-end"> <div className="flex justify-end">
<Button onClick={handleSaveCategoryBudgets} size="sm" className="bg-neuro-income hover:bg-neuro-income/90 text-white"> <Button onClick={handleSaveCategoryBudgets} size="sm" className="bg-neuro-income hover:bg-neuro-income/90 text-white mx-[6px]">
<Check size={18} className="mr-1" /> <Check size={18} className="mr-1" />
저장하기 저장하기
</Button> </Button>
@@ -140,4 +138,4 @@ const BudgetTabContent: React.FC<BudgetTabContentProps> = ({
</div>} </div>}
</div>; </div>;
}; };
export default BudgetTabContent; export default BudgetTabContent;