Update text color

Change the text color for a specific case.
This commit is contained in:
gpt-engineer-app[bot]
2025-03-15 02:34:58 +00:00
parent 98ec8d4043
commit 522547a6e3
2 changed files with 4 additions and 6 deletions

View File

@@ -49,10 +49,7 @@ const BudgetCard: React.FC<BudgetCardProps> = ({
</div> </div>
<div className="mt-2 flex justify-end"> <div className="mt-2 flex justify-end">
<span className={cn( <span className="text-xs font-medium text-gray-500">
"text-xs font-medium",
percentage >= 90 ? "text-neuro-expense" : "text-gray-500"
)}>
{percentage}% {percentage}%
</span> </span>
</div> </div>

View File

@@ -1,3 +1,4 @@
import React, { useState } from 'react'; import React, { useState } from 'react';
import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs'; import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
import { Input } from '@/components/ui/input'; import { Input } from '@/components/ui/input';
@@ -103,7 +104,7 @@ const BudgetTabContent: React.FC<BudgetTabContentProps> = ({
</div> </div>
<div className="mt-2 flex justify-end"> <div className="mt-2 flex justify-end">
<span className={`text-xs font-medium ${percentage >= 90 ? "text-neuro-expense" : "text-gray-500"}`}> <span className="text-xs font-medium text-gray-500">
{percentage}% {percentage}%
</span> </span>
</div> </div>
@@ -134,4 +135,4 @@ const BudgetTabContent: React.FC<BudgetTabContentProps> = ({
</div> </div>
</div>; </div>;
}; };
export default BudgetProgressCard; export default BudgetProgressCard;