Adjust card width for mobile

Adjust card width to fit mobile screens.
This commit is contained in:
gpt-engineer-app[bot]
2025-03-16 05:53:36 +00:00
parent 71d21b9e6e
commit 13bff57266
3 changed files with 20 additions and 12 deletions

View File

@@ -110,13 +110,15 @@ const Analytics = () => {
{/* Category Pie Chart */}
<h2 className="text-lg font-semibold mb-3"> </h2>
{expenseData.some(item => item.value > 0) ? (
<ExpenseChart data={expenseData} />
) : (
<div className="neuro-card h-52 flex items-center justify-center text-gray-400">
<p> </p>
</div>
)}
<div className="w-full">
{expenseData.some(item => item.value > 0) ? (
<ExpenseChart data={expenseData} />
) : (
<div className="neuro-card h-52 w-full flex items-center justify-center text-gray-400">
<p> </p>
</div>
)}
</div>
{/* Top Spending Categories */}
<h2 className="text-lg font-semibold mb-3 mt-6"> </h2>