style: rediseno de layout profesional en las 7 apps
Headers sticky con marca y acciones, contenedores max-w-[1280px], grids de contenido con rails laterales sticky (cotizador, mi-dia, detalle de cobranza), stepper vertical en el wizard de alta, toolbar+ tabla unificadas en cobranza, tabs como segmented control en dashboards, chat con barra de entrada fija y preguntas sugeridas, landing con navbar + hero + grid de modulos + footer.
This commit is contained in:
@@ -95,7 +95,11 @@ export function ConfiguracionCuenta() {
|
||||
perfil?.mondayUserId != null ? (usuarios?.find((u) => u.id === perfil.mondayUserId) ?? null) : null
|
||||
|
||||
return (
|
||||
<section aria-labelledby="titulo-cuenta" className="mt-24 border-t border-[#E5E7EB] pt-16">
|
||||
<section
|
||||
id="configuracion"
|
||||
aria-labelledby="titulo-cuenta"
|
||||
className="scroll-mt-20 rounded-xl border border-[#E5E7EB] bg-white p-6 shadow-sm sm:p-8"
|
||||
>
|
||||
<h2 id="titulo-cuenta" className="text-xs font-semibold uppercase tracking-wider text-[#64748B]">
|
||||
Configuración de cuenta
|
||||
</h2>
|
||||
@@ -103,7 +107,7 @@ export function ConfiguracionCuenta() {
|
||||
{!conSesion ? (
|
||||
<form
|
||||
onSubmit={(e) => void entrar(e)}
|
||||
className="mt-8 max-w-sm rounded-xl border border-[#E5E7EB] bg-white p-6 shadow-sm"
|
||||
className="mt-6 max-w-sm"
|
||||
>
|
||||
<p className="text-sm leading-relaxed text-[#64748B]">
|
||||
Inicia sesión para vincular tu usuario de Monday.
|
||||
@@ -150,7 +154,7 @@ export function ConfiguracionCuenta() {
|
||||
</button>
|
||||
</form>
|
||||
) : (
|
||||
<div className="mt-8 max-w-md rounded-xl border border-[#E5E7EB] bg-white p-6 shadow-sm">
|
||||
<div className="mt-6 max-w-md">
|
||||
{cargandoPerfil && <p className="text-sm text-[#64748B]">Cargando tu perfil…</p>}
|
||||
|
||||
{perfil && (
|
||||
|
||||
Reference in New Issue
Block a user