style: reskin NovaSpark en las 7 apps
Del look editorial (verde #1B4332, esquinas a 0, botones en mayusculas) al sistema NovaSpark: primario azul #2563EB, detalle naranja #F97316, fondo #F8FAFC con tarjetas blancas rounded-xl + shadow-sm, chips rounded-full semanticos, focus ring azul, transiciones 100-200ms. Incluye headers de tabla en los PDFs (cotizador y estado de cuenta).
This commit is contained in:
@@ -5,9 +5,11 @@ import { ConfiguracionCuenta } from './components/ConfiguracionCuenta'
|
||||
export default function App() {
|
||||
return (
|
||||
<div className="flex min-h-screen flex-col">
|
||||
<header className="px-6 pt-20 pb-16 sm:px-12 lg:px-24">
|
||||
<p className="text-xs font-bold tracking-widest text-accent uppercase">FRASA Desarrollos</p>
|
||||
<h1 className="mt-4 text-4xl font-light text-neutral-900 sm:text-5xl">
|
||||
<header className="border-b border-[#E5E7EB] bg-white px-6 pt-20 pb-16 sm:px-12 lg:px-24">
|
||||
<p className="text-xs font-semibold tracking-wider text-accent uppercase">
|
||||
FRASA Desarrollos <span aria-hidden="true" className="text-[#F97316]">●</span>
|
||||
</p>
|
||||
<h1 className="mt-4 text-4xl font-light text-[#111827] sm:text-5xl">
|
||||
Ecosistema comercial
|
||||
</h1>
|
||||
</header>
|
||||
@@ -25,7 +27,7 @@ export default function App() {
|
||||
</main>
|
||||
|
||||
<footer className="px-6 pt-24 pb-10 sm:px-12 lg:px-24">
|
||||
<p className="text-xs text-neutral-400">Consult (AS) Technology</p>
|
||||
<p className="text-xs text-[#64748B]">Consult (AS) Technology</p>
|
||||
</footer>
|
||||
</div>
|
||||
)
|
||||
|
||||
Reference in New Issue
Block a user