From f3edb2d0a34a76f2e20318ec0c68bed0b5aeb37c Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Sat, 8 Mar 2025 08:16:15 +0000
Subject: [PATCH] Refactor budget card component

Moves the title above the card and updates the progress display.
---
 src/pages/Index.tsx | 10 +++-------
 1 file changed, 3 insertions(+), 7 deletions(-)

diff --git a/src/pages/Index.tsx b/src/pages/Index.tsx
index f043963..a34b69d 100644
--- a/src/pages/Index.tsx
+++ b/src/pages/Index.tsx
@@ -1,3 +1,4 @@
+
 import React, { useState } from 'react';
 import NavBar from '@/components/NavBar';
 import BudgetCard from '@/components/BudgetCard';
@@ -82,7 +83,8 @@ const Index = () => {
           </div>
         </header>
 
-        {/* 예산 카드 - 탭 추가 */}
+        {/* 목표 진행 상황 - 제목을 카드 위로 이동 */}
+        <h2 className="text-lg font-semibold mb-3">목표 진행 상황</h2>
         <div className="neuro-card mb-6 overflow-hidden">
           <Tabs defaultValue="daily" value={selectedTab} onValueChange={setSelectedTab} className="w-full">
             <TabsList className="grid grid-cols-3 mb-4 bg-transparent">
@@ -100,8 +102,6 @@ const Index = () => {
             <TabsContent value="daily" className="space-y-4 mt-0">
               <div className="space-y-4">
                 <div>
-                  <h3 className="text-sm font-medium text-gray-600 mb-1">목표 진행 상황</h3>
-                  
                   <div className="flex items-center justify-between mb-2">
                     <p className="text-lg font-semibold">{formatCurrency(budgetData.daily.spentAmount)}</p>
                     <p className="text-sm text-gray-500">/ {formatCurrency(budgetData.daily.targetAmount)}</p>
@@ -135,8 +135,6 @@ const Index = () => {
             <TabsContent value="weekly" className="space-y-4 mt-0">
               <div className="space-y-4">
                 <div>
-                  <h3 className="text-sm font-medium text-gray-600 mb-1">목표 진행 상황</h3>
-                  
                   <div className="flex items-center justify-between mb-2">
                     <p className="text-lg font-semibold">{formatCurrency(budgetData.weekly.spentAmount)}</p>
                     <p className="text-sm text-gray-500">/ {formatCurrency(budgetData.weekly.targetAmount)}</p>
@@ -170,8 +168,6 @@ const Index = () => {
             <TabsContent value="monthly" className="space-y-4 mt-0">
               <div className="space-y-4">
                 <div>
-                  <h3 className="text-sm font-medium text-gray-600 mb-1">목표 진행 상황</h3>
-                  
                   <div className="flex items-center justify-between mb-2">
                     <p className="text-lg font-semibold">{formatCurrency(budgetData.monthly.spentAmount)}</p>
                     <p className="text-sm text-gray-500">/ {formatCurrency(budgetData.monthly.targetAmount)}</p>