- Adiciona ThemeProvider com next-themes para controle de tema - Implementa componente SimpleThemeToggle com ícones sol/lua - Configura CSS variables completas para light/dark modes no globals.css - Padroniza todas as páginas de autenticação (login, login-admin, login-paciente) - Padroniza todos os módulos principais (dashboard, pacientes, doutores, consultas, calendar, configuração) - Padroniza completamente área profissional com todas as seções: * Calendário e agendamentos * Busca e gestão de pacientes * Prontuários médicos completos * Comunicação e relatórios * Seções de exames (solicitados, resultados, diagnósticos, prescrições, evolução, anexos) - Atualiza componentes UI (input, select, textarea) com bordas visíveis - Implementa suporte dark mode em tooltips, badges de status e mensagens - Garante acessibilidade e consistência visual em ambos os modos - Mantém funcionalidades existentes sem breaking changes Todos os elementos agora respondem adequadamente ao toggle de tema, proporcionando experiência de usuário consistente e acessível.
32 lines
1.0 KiB
TypeScript
32 lines
1.0 KiB
TypeScript
import type React from "react"
|
|
import type { Metadata } from "next"
|
|
import { AuthProvider } from "@/hooks/useAuth"
|
|
import { ThemeProvider } from "@/components/theme-provider"
|
|
import "./globals.css"
|
|
|
|
export const metadata: Metadata = {
|
|
title: "MediConnect - Conectando Pacientes e Profissionais de Saúde",
|
|
description:
|
|
"Plataforma inovadora que conecta pacientes, clínicas, e médicos de forma prática, segura e humanizada. Experimente o futuro dos agendamentos médicos.",
|
|
keywords: "saúde, médicos, pacientes, agendamento, telemedicina, SUS",
|
|
generator: 'v0.app'
|
|
}
|
|
|
|
export default function RootLayout({
|
|
children,
|
|
}: {
|
|
children: React.ReactNode
|
|
}) {
|
|
return (
|
|
<html lang="pt-BR" className="antialiased" suppressHydrationWarning>
|
|
<body style={{ fontFamily: "var(--font-geist-sans)" }}>
|
|
<ThemeProvider attribute="class" defaultTheme="light" enableSystem={false}>
|
|
<AuthProvider>
|
|
{children}
|
|
</AuthProvider>
|
|
</ThemeProvider>
|
|
</body>
|
|
</html>
|
|
)
|
|
}
|