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-15 02:01:03 +00:00
parent c1e698090f
commit bae0750b5a
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/pages/Index.tsx
View File

@@ -90,7 +90,7 @@ const Index = () => {
<div className="flex justify-between items-center"> <div className="flex justify-between items-center">
<div> <div>
<h1 className="text-2xl font-bold neuro-text">반갑습니다</h1> <h1 className="text-2xl font-bold neuro-text">반갑습니다</h1>
<p className="text-gray-500">적자 탈출 계획</p> <p className="text-gray-500">젤리의 적자탈출</p>
</div> </div>
<button className="neuro-flat p-2.5 rounded-full"> <button className="neuro-flat p-2.5 rounded-full">
<Bell size={20} className="text-gray-600" /> <Bell size={20} className="text-gray-600" />
@@ -99,7 +99,7 @@ const Index = () => {
</header> </header>
{/* 목표 진행 상황 - 제목을 카드 위로 이동 */} {/* 목표 진행 상황 - 제목을 카드 위로 이동 */}
<h2 className="text-lg font-semibold mb-3">목표 진행 상황</h2> <h2 className="text-lg font-semibold mb-3">예산지출 현황</h2>
<div className="neuro-card mb-6 overflow-hidden"> <div className="neuro-card mb-6 overflow-hidden">
<Tabs defaultValue="daily" value={selectedTab} onValueChange={setSelectedTab} className="w-full"> <Tabs defaultValue="daily" value={selectedTab} onValueChange={setSelectedTab} className="w-full">
<TabsList className="grid grid-cols-3 mb-4 bg-transparent"> <TabsList className="grid grid-cols-3 mb-4 bg-transparent">
@@ -204,7 +204,7 @@ const Index = () => {
</div> </div>
{/* 목표 입력 */} {/* 목표 입력 */}
<h2 className="text-lg font-semibold mb-3 mt-8">목표 입력</h2> <h2 className="text-lg font-semibold mb-3 mt-8">예산 입력</h2>
<BudgetInputCard initialBudgets={{ <BudgetInputCard initialBudgets={{
daily: budgetData.daily.targetAmount, daily: budgetData.daily.targetAmount,
weekly: budgetData.weekly.targetAmount, weekly: budgetData.weekly.targetAmount,
@@ -212,7 +212,7 @@ const Index = () => {
}} onSave={handleBudgetGoalUpdate} /> }} onSave={handleBudgetGoalUpdate} />
{/* Budget Progress */} {/* Budget Progress */}
<h2 className="text-lg font-semibold mb-3 mt-8">예산 현황</h2> <h2 className="text-lg font-semibold mb-3 mt-8">지출 카테고리</h2>
<div className="grid gap-4 mb-8"> <div className="grid gap-4 mb-8">
<BudgetCard title="이번 달 총 예산" current={850000} total={1500000} /> <BudgetCard title="이번 달 총 예산" current={850000} total={1500000} />
<BudgetCard title="식비" current={240000} total={400000} color="neuro-income" /> <BudgetCard title="식비" current={240000} total={400000} color="neuro-income" />
@@ -220,7 +220,7 @@ const Index = () => {
</div> </div>
{/* Recent Transactions */} {/* Recent Transactions */}
<h2 className="text-lg font-semibold mb-3">최근 거래</h2> <h2 className="text-lg font-semibold mb-3">최근 지출</h2>
<div className="grid gap-3 mb-6"> <div className="grid gap-3 mb-6">
{transactions.map(transaction => <TransactionCard key={transaction.id} transaction={transaction} />)} {transactions.map(transaction => <TransactionCard key={transaction.id} transaction={transaction} />)}
</div> </div>
@@ -234,4 +234,4 @@ const Index = () => {
<NavBar /> <NavBar />
</div>; </div>;
}; };
export default Index; export default Index;