Update transaction card colors
Updated the colors of the icon and amount in the transaction card to neuro-income.
This commit is contained in:
@@ -38,10 +38,7 @@ const TransactionCard: React.FC<TransactionCardProps> = ({ transaction }) => {
|
||||
<div className="neuro-flat p-4 transition-all duration-300 hover:shadow-neuro-convex animate-scale-in">
|
||||
<div className="flex items-center justify-between">
|
||||
<div className="flex items-center gap-3">
|
||||
<div className={cn(
|
||||
"p-2 rounded-full",
|
||||
type === 'expense' ? "bg-neuro-expense/10 text-neuro-expense" : "bg-neuro-income/10 text-neuro-income"
|
||||
)}>
|
||||
<div className="p-2 rounded-full bg-neuro-income/10 text-neuro-income">
|
||||
{categoryIcons[category] || <ShoppingBag size={18} />}
|
||||
</div>
|
||||
|
||||
@@ -52,15 +49,8 @@ const TransactionCard: React.FC<TransactionCardProps> = ({ transaction }) => {
|
||||
</div>
|
||||
|
||||
<div className="flex items-center gap-1">
|
||||
{type === 'expense' ? (
|
||||
<ArrowDownIcon size={12} className="text-neuro-expense" />
|
||||
) : (
|
||||
<ArrowUpIcon size={12} className="text-neuro-income" />
|
||||
)}
|
||||
<span className={cn(
|
||||
"font-medium",
|
||||
type === 'expense' ? "text-neuro-expense" : "text-neuro-income"
|
||||
)}>
|
||||
<ArrowDownIcon size={12} className="text-neuro-income" />
|
||||
<span className="font-medium text-neuro-income">
|
||||
{formattedAmount}
|
||||
</span>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user