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:03:04 +00:00
parent bae0750b5a
commit baa8ee5f84
2 changed files with 6 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/BudgetInputCard.tsx
View File

@@ -53,15 +53,9 @@ const BudgetInputCard: React.FC<BudgetGoalProps> = ({
return <div className="neuro-card"> return <div className="neuro-card">
<Tabs defaultValue="daily" value={selectedTab} onValueChange={value => setSelectedTab(value as 'daily' | 'weekly' | 'monthly')} className="w-full"> <Tabs defaultValue="daily" value={selectedTab} onValueChange={value => setSelectedTab(value as 'daily' | 'weekly' | 'monthly')} className="w-full">
<TabsList className="grid grid-cols-3 mb-4 bg-transparent"> <TabsList className="grid grid-cols-3 mb-4 bg-transparent">
<TabsTrigger value="daily" className="data-[state=active]:shadow-neuro-pressed data-[state=active]:bg-transparent"> <TabsTrigger value="daily" className="data-[state=active]:shadow-neuro-pressed data-[state=active]:bg-transparent">일일 예산</TabsTrigger>
일일 목표 <TabsTrigger value="weekly" className="data-[state=active]:shadow-neuro-pressed data-[state=active]:bg-transparent">주간 예산</TabsTrigger>
</TabsTrigger> <TabsTrigger value="monthly" className="data-[state=active]:shadow-neuro-pressed data-[state=active]:bg-transparent">월간 예산</TabsTrigger>
<TabsTrigger value="weekly" className="data-[state=active]:shadow-neuro-pressed data-[state=active]:bg-transparent">
주간 목표
</TabsTrigger>
<TabsTrigger value="monthly" className="data-[state=active]:shadow-neuro-pressed data-[state=active]:bg-transparent">
월간 목표
</TabsTrigger>
</TabsList> </TabsList>
<TabsContent value="daily" className="space-y-4 mt-0"> <TabsContent value="daily" className="space-y-4 mt-0">

6
src/pages/Index.tsx
View File

@@ -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">
@@ -115,7 +115,7 @@ const Index = () => {
</TabsList> </TabsList>
{/* 지출액 / 목표액 라벨 추가 */} {/* 지출액 / 목표액 라벨 추가 */}
<div className="text-sm text-gray-600 mb-2 px-1">지출액 / 목표액</div> <div className="text-sm text-gray-600 mb-2 px-1">지출 / 예산</div>
<TabsContent value="daily" className="space-y-4 mt-0"> <TabsContent value="daily" className="space-y-4 mt-0">
<div className="space-y-4"> <div className="space-y-4">
@@ -139,7 +139,7 @@ const Index = () => {
</div> </div>
<div className="flex justify-between items-center pt-2 border-t border-gray-100"> <div className="flex justify-between items-center pt-2 border-t border-gray-100">
<span className="text-gray-500 text-sm">지출 가능 금액</span> <span className="text-gray-500 text-sm">남은 예산</span>
<span className="font-semibold text-neuro-income">{formatCurrency(budgetData.daily.remainingAmount)}</span> <span className="font-semibold text-neuro-income">{formatCurrency(budgetData.daily.remainingAmount)}</span>
</div> </div>
</div> </div>