fix: arreglar tamaños y márgenes generales de la app

This commit is contained in:
Alexis
2026-03-26 14:01:39 +01:00
parent ddddfaef73
commit 9d12e81c90
3 changed files with 24 additions and 18 deletions
+17 -15
View File
@@ -3,22 +3,24 @@ import { Outlet } from 'react-router-dom';
export default function MainLayout() {
return (
<div className="min-h-screen bg-slate-50 font-sans text-slate-900">
{/* Cabecera */}
<header className="bg-white border-b border-slate-200 sticky top-0 z-50 shadow-sm">
<div className="max-w-7xl mx-auto px-4 h-14 flex items-center gap-3">
<div className="w-8 h-8 bg-blue-600 rounded-lg flex items-center justify-center shadow-inner">
<span className="text-white font-black text-xl leading-none">DoC</span>
</div>
<h1 className="text-xl font-bold text-slate-800">
Deck of Cards Method
</h1>
</div>
</header>
{/* Cabecera */}
<header className="bg-white border-b border-slate-200 sticky top-0 z-50 shadow-sm">
<div className="max-w-7xl mx-auto px-4 h-14 flex items-center gap-3">
<div className="w-8 h-8 bg-blue-600 rounded-lg flex items-center justify-center shadow-inner">
<span className="text-white font-black text-xl leading-none">DoC</span>
</div>
<h1 className="text-xl font-bold text-slate-800">
Deck of Cards Method
</h1>
</div>
</header>
{/* Contenido principal */}
<main className="max-w-7xl mx-auto px-4 py-6">
<Outlet />
</main>
{/* Contenido principal */}
<main className="max-w-7xl mx-auto px-4 py-6">
<Outlet />
</main>
</div>
);
}