Refactor category spending list

- Adjust font size and color circle size in category spending list component for better UI consistency.
This commit is contained in:
gpt-engineer-app[bot]
2025-03-21 11:58:34 +00:00
parent df12dc75b5
commit f935ae04e4

View File

@@ -37,20 +37,20 @@ const CategorySpendingList: React.FC<CategorySpendingListProps> = ({
return (
<div key={categoryName} className="flex items-center justify-between">
<div className="flex items-center gap-3">
<div className="w-6 h-6 rounded-full" style={{
<div className="w-4 h-4 rounded-full" style={{
backgroundColor: getCategoryColor(categoryName) // 일관된 색상 적용
}}></div>
<span>
<span className="text-sm">
{categoryName}
{description && (
<span className="text-gray-500 text-sm ml-1">
<span className="text-gray-500 text-xs ml-1">
{description}
</span>
)}
</span>
</div>
<div className="text-right">
<p className="font-medium">
<p className="font-medium text-sm">
{formatCurrency(category.current)}
</p>
<p className="text-xs text-gray-500">