Adjust card width on desktop

The card width was too wide on desktop. Adjusted the width to be slightly smaller than the four icon area at the bottom.
This commit is contained in:
gpt-engineer-app[bot]
2025-03-16 06:16:55 +00:00
parent fc4eed31d2
commit 30c76a2e1a
7 changed files with 25 additions and 6 deletions

View File

@@ -32,7 +32,7 @@ const BudgetProgressCard: React.FC<BudgetProgressCardProps> = ({
onSaveBudget
}) => {
return (
<div className="neuro-card mb-6 overflow-hidden">
<div className="neuro-card mb-6 overflow-hidden desktop-card">
<Tabs defaultValue="daily" value={selectedTab} onValueChange={setSelectedTab} className="w-full">
<TabsList className="grid grid-cols-3 mb-4 bg-transparent">
<TabsTrigger value="daily" className="data-[state=active]:shadow-neuro-pressed data-[state=active]:bg-transparent">