From 07f87d8ec0218ab2dfffdebf12890ba3f2226f1c Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Mon, 17 Mar 2025 12:25:06 +0000
Subject: [PATCH] Refactor plus button style
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Modified the style of the plus button before "예산 수정하기"
- Removed the white circle and increased the size of the plus icon
- Kept the same color and animation
---
 src/components/BudgetTabContent.tsx | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/components/BudgetTabContent.tsx b/src/components/BudgetTabContent.tsx
index 11d0b28..6d4c86c 100644
--- a/src/components/BudgetTabContent.tsx
+++ b/src/components/BudgetTabContent.tsx
@@ -3,17 +3,20 @@ import { CirclePlus, Save, Check } from 'lucide-react';
 import BudgetInputCard from './BudgetInputCard';
 import { Button } from '@/components/ui/button';
 import CategoryBudgetInputs from './CategoryBudgetInputs';
+
 interface BudgetData {
   targetAmount: number;
   spentAmount: number;
   remainingAmount: number;
 }
+
 interface BudgetTabContentProps {
   data: BudgetData;
   formatCurrency: (amount: number) => string;
   calculatePercentage: (spent: number, target: number) => number;
   onSaveBudget: (amount: number, categoryBudgets?: Record<string, number>) => void;
 }
+
 const BudgetTabContent: React.FC<BudgetTabContentProps> = ({
   data,
   formatCurrency,
@@ -75,6 +78,7 @@ const BudgetTabContent: React.FC<BudgetTabContentProps> = ({
       }
     }
   }, [showBudgetInput]);
+  
   return <div>
       {targetAmount > 0 ? <>
           <div className="flex justify-between items-center mb-3">
@@ -99,16 +103,14 @@ const BudgetTabContent: React.FC<BudgetTabContentProps> = ({
           
           <div className="mt-6">
             <button onClick={() => setShowBudgetInput(true)} className="text-neuro-income hover:underline flex items-center text-lg font-bold group">
-              <div className="mr-2 bg-neuro-income text-white rounded-full p-1 transition-transform group-hover:scale-110">
-                <CirclePlus size={20} className="animate-pulse" />
-              </div> 
+              <CirclePlus size={26} className="mr-2 text-neuro-income animate-pulse transition-transform group-hover:scale-110" />
               <span>예산 수정하기</span>
             </button>
           </div>
         </> : <div className="py-4 text-center">
           <div className="text-gray-400 mb-4">아직 예산이 설정되지 않았습니다</div>
           <Button onClick={() => setShowBudgetInput(true)} variant="default" className="bg-neuro-income hover:bg-neuro-income/90 animate-pulse shadow-lg">
-            <CirclePlus className="mr-2" size={20} />
+            <CirclePlus className="mr-2" size={24} />
             지금 예산 설정하기
           </Button>
         </div>}
@@ -137,4 +139,5 @@ const BudgetTabContent: React.FC<BudgetTabContentProps> = ({
         </div>}
     </div>;
 };
-export default BudgetTabContent;
\ No newline at end of file
+
+export default BudgetTabContent;