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> </section>
{/* Hero Stats (Top Row) */} {/* Hero Stats (Top Row) */}
<section> <section className="relative z-10 text-slate-800">
<HeroStats /> <HeroStats />
</section> </section>
{/* Main Content Area (2 Columns) */} {/* 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 */} {/* Left Column: Recent Transactions */}
<div className="h-full"> <div className="space-y-6">
<TransactionsList /> <TransactionsList />
</div> </div>
{/* Right Column: Financial Goals */} {/* Right Column: Financial Goals */}
<div className="h-full"> <div className="space-y-6">
<GoalsList /> <GoalsList />
</div> </div>
</section> </section>
{/* Bottom Section (Full Width) - Performance & AI Insights */} {/* 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) */} {/* Investment Performance (Takes 2 columns) */}
<div className="lg:col-span-2 h-[350px]"> <div className="lg:col-span-2">
<InvestmentPerformance /> <InvestmentPerformance />
</div> </div>
{/* AI Insights (Takes 1 column) */} {/* AI Insights (Takes 1 column) */}
<div className="h-[350px]"> <div className="lg:col-span-1">
<AIInsights /> <AIInsights />
</div> </div>
</section> </section>
{/* Footer Actions */} {/* Footer Actions */}
<section> <section className="relative z-10">
<h3 className="text-lg font-medium text-slate-700 mb-4">Quick Actions</h3> <h3 className="text-lg font-medium text-slate-700 mb-4 px-1">Quick Actions</h3>
<QuickActions /> <QuickActions />
</section> </section>
</div> </div>