fix(mission-control): consistent dark theme across all pages
- All pages now use min-h-screen bg-slate-950 - Consistent card styling: bg-slate-800 rounded-xl border border-slate-700 - Fixed all hyphenated function names - All 27 pages tested and returning 200
This commit is contained in:
@@ -19,7 +19,7 @@ export default function LeadsPage() {
|
||||
};
|
||||
|
||||
return (
|
||||
<>
|
||||
<div className="min-h-screen bg-slate-950 text-white">
|
||||
<BackToMC />
|
||||
<div className="p-6">
|
||||
<div className="mb-6">
|
||||
@@ -28,25 +28,27 @@ export default function LeadsPage() {
|
||||
</div>
|
||||
<div className="flex gap-2 mb-6">
|
||||
{["all", "new", "contacted", "qualified"].map(s => (
|
||||
<button key={s} onClick={() => setFilter(s)} className={`px-4 py-2 rounded-lg text-sm ${filter === s ? "bg-brand-pink text-white" : "bg-slate-800 text-slate-400"}`}>
|
||||
<button key={s} onClick={() => setFilter(s)} className={`px-4 py-2 rounded-lg text-sm ${filter === s ? "bg-pink-500 text-white" : "bg-slate-800 text-slate-400"}`}>
|
||||
{s.charAt(0).toUpperCase() + s.slice(1)}
|
||||
</button>
|
||||
))}
|
||||
</div>
|
||||
<div className="bg-slate-800 rounded-lg overflow-hidden">
|
||||
<div className="bg-slate-800 rounded-xl overflow-hidden border border-slate-700">
|
||||
<table className="w-full">
|
||||
<thead>
|
||||
<tr className="border-b border-slate-700">
|
||||
<th className="text-left p-4 text-slate-400">Name</th>
|
||||
<th className="text-left p-4 text-slate-400">Email</th>
|
||||
<th className="text-left p-4 text-slate-400">Phone</th>
|
||||
<th className="text-left p-4 text-slate-400">Status</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{filteredLeads.map(lead => (
|
||||
<tr key={lead.id} className="border-b border-slate-700/50">
|
||||
<tr key={lead.id} className="border-b border-slate-700/50 hover:bg-slate-700/30">
|
||||
<td className="p-4 text-white">{lead.name}</td>
|
||||
<td className="p-4 text-slate-400">{lead.email}</td>
|
||||
<td className="p-4 text-slate-400">{lead.phone}</td>
|
||||
<td className="p-4"><span className={`px-2 py-1 rounded text-xs ${statusColors[lead.status]}`}>{lead.status}</span></td>
|
||||
</tr>
|
||||
))}
|
||||
@@ -54,6 +56,6 @@ export default function LeadsPage() {
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user