Visual edit in Lovable

Edited UI in Lovable

src/components/BudgetTabContent.tsx

@@ -3,20 +3,17 @@ 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,
@@ -78,7 +75,6 @@ const BudgetTabContent: React.FC<BudgetTabContentProps> = ({
       }
     }
   }, [showBudgetInput]);
-  
   return <div>
       {targetAmount > 0 ? <>
           <div className="flex justify-between items-center mb-3">
@@ -104,7 +100,7 @@ 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">
               <CirclePlus size={26} className="mr-2 text-neuro-income animate-pulse transition-transform group-hover:scale-110" />
-              <span>예산 수정하기</span>
+              <span className="text-base font-semibold">예산 수정하기</span>
             </button>
           </div>
         </> : <div className="py-4 text-center">
@@ -139,5 +135,4 @@ const BudgetTabContent: React.FC<BudgetTabContentProps> = ({
         </div>}
     </div>;
 };
-
 export default BudgetTabContent;