From df12dc75b533d8bf06dae55206c75ee1c39c56bb Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Fri, 21 Mar 2025 11:57:01 +0000
Subject: [PATCH] Adjust transaction item font sizes

Adjusted font sizes for title and amount in transaction cards for visual consistency.
---
 src/components/TransactionCard.tsx             |  1 +
 .../transaction/TransactionAmount.tsx          | 18 +++++-------------
 .../transaction/TransactionDetails.tsx         |  3 ++-
 3 files changed, 8 insertions(+), 14 deletions(-)

diff --git a/src/components/TransactionCard.tsx b/src/components/TransactionCard.tsx
index 7d08b43..a092218 100644
--- a/src/components/TransactionCard.tsx
+++ b/src/components/TransactionCard.tsx
@@ -1,3 +1,4 @@
+
 import React, { useState } from 'react';
 import { cn } from '@/lib/utils';
 import TransactionEditDialog from './TransactionEditDialog';
diff --git a/src/components/transaction/TransactionAmount.tsx b/src/components/transaction/TransactionAmount.tsx
index bbad6e2..9dccd72 100644
--- a/src/components/transaction/TransactionAmount.tsx
+++ b/src/components/transaction/TransactionAmount.tsx
@@ -1,25 +1,17 @@
 
 import React from 'react';
-import { ArrowDownIcon } from 'lucide-react';
+import { formatCurrency } from '@/utils/formatters';
 
 interface TransactionAmountProps {
   amount: number;
 }
 
 const TransactionAmount: React.FC<TransactionAmountProps> = ({ amount }) => {
-  // 금액을 한국 통화 형식으로 포맷팅 (소수점 제거)
-  const formattedAmount = new Intl.NumberFormat('ko-KR', {
-    style: 'currency',
-    currency: 'KRW',
-    maximumFractionDigits: 0
-  }).format(Math.abs(amount));
-
   return (
-    <div className="flex items-center gap-1">
-      <ArrowDownIcon size={12} className="text-neuro-income" />
-      <span className="font-medium text-neuro-income">
-        {formattedAmount}
-      </span>
+    <div className="text-right">
+      <p className="font-semibold text-neuro-income text-sm">
+        -{formatCurrency(amount)}
+      </p>
     </div>
   );
 };
diff --git a/src/components/transaction/TransactionDetails.tsx b/src/components/transaction/TransactionDetails.tsx
index 5602554..1156bd7 100644
--- a/src/components/transaction/TransactionDetails.tsx
+++ b/src/components/transaction/TransactionDetails.tsx
@@ -1,3 +1,4 @@
+
 import React from 'react';
 interface TransactionDetailsProps {
   title: string;
@@ -12,4 +13,4 @@ const TransactionDetails: React.FC<TransactionDetailsProps> = ({
       <p className="text-xs text-gray-500 text-left">{date || '날짜 정보 없음'}</p>
     </div>;
 };
-export default TransactionDetails;
\ No newline at end of file
+export default TransactionDetails;