admin/shimmer-finance-ai-companion
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix: Dashboard layout overlap and grid structure

Browse Source
This commit is contained in:
CycroftX
2026-02-16 00:21:49 +05:30
parent 557accf0c2
commit 3d95b99502
2 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
dist.tar.gz Normal file
View File

Binary file not shown.

18
src/components/Dashboard.tsx
View File

@@ -55,39 +55,39 @@ const Dashboard: React.FC = () => {
</section>
{/* Hero Stats (Top Row) */}
<section>
<section className="relative z-10 text-slate-800">
<HeroStats />
</section>
{/* Main Content Area (2 Columns) */}
<section className="grid grid-cols-1 lg:grid-cols-2 gap-6 h-auto lg:h-[450px]">
<section className="grid grid-cols-1 lg:grid-cols-2 gap-6 items-start relative z-10">
{/* Left Column: Recent Transactions */}
<div className="h-full">
<div className="space-y-6">
<TransactionsList />
</div>
{/* Right Column: Financial Goals */}
<div className="h-full">
<div className="space-y-6">
<GoalsList />
</div>
</section>
{/* Bottom Section (Full Width) - Performance & AI Insights */}
<section className="grid grid-cols-1 lg:grid-cols-3 gap-6">
<section className="grid grid-cols-1 lg:grid-cols-3 gap-6 items-start relative z-10">
{/* Investment Performance (Takes 2 columns) */}
<div className="lg:col-span-2 h-[350px]">
<div className="lg:col-span-2">
<InvestmentPerformance />
</div>
{/* AI Insights (Takes 1 column) */}
<div className="h-[350px]">
<div className="lg:col-span-1">
<AIInsights />
</div>
</section>
{/* Footer Actions */}
<section>
<h3 className="text-lg font-medium text-slate-700 mb-4">Quick Actions</h3>
<section className="relative z-10">
<h3 className="text-lg font-medium text-slate-700 mb-4 px-1">Quick Actions</h3>
<QuickActions />
</section>
</div>