shawon/JML
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: standardize header icons and update sidebar navigation labels and icons

Browse Source
This commit is contained in:
sazzadulalambd
2026-05-15 02:37:31 +06:00
parent 16e08c930a
commit dfc69faf48
5 changed files with 25 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/app/investor/plans/page.tsx
View File

@@ -10,14 +10,17 @@ export default function MyInvestmentsPage() {
const investor = investors[0]; // mock logged-in investor
return (
<div className="p-4 lg:p-6 max-w-6xl mx-auto mb-20 lg:mb-0">
<div className="p-4 lg:p-6 max-w-8xl mx-auto mb-20 lg:mb-0">
<div className="flex flex-col md:flex-row md:items-center justify-between gap-4 mb-8">
<div>
<h1 className="text-2xl lg:text-3xl font-extrabold text-slate-800 mb-2">My Investments</h1>
<p className="text-slate-500">Manage your active portfolios and track your earnings.</p>
<h1 className="text-xl lg:text-2xl font-bold text-slate-800 flex items-center gap-2">
<Target className="w-5 h-5 lg:w-6 lg:h-6 text-investor" /> My Investments
</h1>
<p className="text-sm text-slate-500 mt-1">Manage your active portfolios and track your earnings.</p>
</div>
<Link
href="/investor/plans/new"
<Link
href="/investor/plans/new"
className="inline-flex items-center gap-2 px-6 py-3 bg-investor text-white rounded-xl font-bold shadow-lg shadow-investor/20 hover:bg-investor-dark transition-all transform hover:-translate-y-0.5 active:scale-95"
>
<Plus className="w-5 h-5" /> New Investment
@@ -101,15 +104,14 @@ export default function MyInvestmentsPage() {
<p className="text-[10px] text-slate-400 font-bold uppercase mt-1">+{inv.expectedRoi}% ROI</p>
</td>
<td className="px-6 py-5">
<span className={`inline-flex items-center gap-1.5 px-2.5 py-1 rounded-lg text-[10px] font-bold uppercase ${
inv.status === 'active' ? 'bg-green-50 text-green-700 border border-green-100' : 'bg-slate-50 text-slate-600 border border-slate-100'
}`}>
<span className={`inline-flex items-center gap-1.5 px-2.5 py-1 rounded-lg text-[10px] font-bold uppercase ${inv.status === 'active' ? 'bg-green-50 text-green-700 border border-green-100' : 'bg-slate-50 text-slate-600 border border-slate-100'
}`}>
<div className={`w-1.5 h-1.5 rounded-full ${inv.status === 'active' ? 'bg-green-500' : 'bg-slate-400'}`} />
{inv.status}
</span>
</td>
<td className="px-6 py-5 text-right">
<Link
<Link
href={`/investor/investments/${inv.id}`}
className="inline-flex items-center gap-2 text-investor hover:text-investor-dark font-bold text-sm transition-all group-hover:gap-3"
>