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:
@@ -0,0 +1,35 @@
|
||||
"use client";
|
||||
|
||||
// Dark theme wrapper for all Mission Control pages
|
||||
// Ensures consistent dark styling across all pages
|
||||
|
||||
export default function MCPage({
|
||||
children,
|
||||
title,
|
||||
icon,
|
||||
description
|
||||
}: {
|
||||
children: React.ReactNode;
|
||||
title: string;
|
||||
icon?: string;
|
||||
description?: string;
|
||||
}) {
|
||||
return (
|
||||
<div className="min-h-screen bg-slate-950 text-white">
|
||||
<div className="p-6">
|
||||
{title && (
|
||||
<div className="mb-6">
|
||||
<h1 className="text-3xl font-bold text-white flex items-center gap-3">
|
||||
{icon && <span>{icon}</span>}
|
||||
<span>{title}</span>
|
||||
</h1>
|
||||
{description && (
|
||||
<p className="text-slate-400 mt-1">{description}</p>
|
||||
)}
|
||||
</div>
|
||||
)}
|
||||
{children}
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user