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:
@@ -37,20 +37,20 @@ const CategorySpendingList: React.FC<CategorySpendingListProps> = ({
|
|||||||
return (
|
return (
|
||||||
<div key={categoryName} className="flex items-center justify-between">
|
<div key={categoryName} className="flex items-center justify-between">
|
||||||
<div className="flex items-center gap-3">
|
<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) // 일관된 색상 적용
|
backgroundColor: getCategoryColor(categoryName) // 일관된 색상 적용
|
||||||
}}></div>
|
}}></div>
|
||||||
<span>
|
<span className="text-sm">
|
||||||
{categoryName}
|
{categoryName}
|
||||||
{description && (
|
{description && (
|
||||||
<span className="text-gray-500 text-sm ml-1">
|
<span className="text-gray-500 text-xs ml-1">
|
||||||
{description}
|
{description}
|
||||||
</span>
|
</span>
|
||||||
)}
|
)}
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div className="text-right">
|
<div className="text-right">
|
||||||
<p className="font-medium">
|
<p className="font-medium text-sm">
|
||||||
{formatCurrency(category.current)}
|
{formatCurrency(category.current)}
|
||||||
</p>
|
</p>
|
||||||
<p className="text-xs text-gray-500">
|
<p className="text-xs text-gray-500">
|
||||||
|
|||||||
Reference in New Issue
Block a user