ZELLYY/zellyy-finance
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update transaction card colors

Browse Source 
Updated the colors of the icon and amount in the transaction card to neuro-income.
This commit is contained in:
gpt-engineer-app[bot]
2025-03-15 02:08:08 +00:00
parent 1027217911
commit 7601e066f5
1 changed files with 3 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/TransactionCard.tsx
View File

@@ -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="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 justify-between">
<div className="flex items-center gap-3"> <div className="flex items-center gap-3">
<div className={cn( <div className="p-2 rounded-full bg-neuro-income/10 text-neuro-income">
"p-2 rounded-full",
type === 'expense' ? "bg-neuro-expense/10 text-neuro-expense" : "bg-neuro-income/10 text-neuro-income"
)}>
{categoryIcons[category] || <ShoppingBag size={18} />} {categoryIcons[category] || <ShoppingBag size={18} />}
</div> </div>
@@ -52,15 +49,8 @@ const TransactionCard: React.FC<TransactionCardProps> = ({ transaction }) => {
</div> </div>
<div className="flex items-center gap-1"> <div className="flex items-center gap-1">
{type === 'expense' ? ( <ArrowDownIcon size={12} className="text-neuro-income" />
<ArrowDownIcon size={12} className="text-neuro-expense" /> <span className="font-medium text-neuro-income">
) : (
<ArrowUpIcon size={12} className="text-neuro-income" />
)}
<span className={cn(
"font-medium",
type === 'expense' ? "text-neuro-expense" : "text-neuro-income"
)}>
{formattedAmount} {formattedAmount}
</span> </span>
</div> </div>