feat: ajustes visuais nas páginas de login e componentes UI
- Atualização das páginas de login (admin, paciente e geral) - Melhorias nos componentes input e textarea - Atualizações nas páginas do profissional - Atualização de dependências
This commit is contained in:
parent
90ea08cead
commit
584306377c
@ -110,7 +110,7 @@ export default function LoginAdminPage() {
|
||||
</form>
|
||||
|
||||
<div className="mt-4 text-center">
|
||||
<Button variant="outline" asChild className="w-full">
|
||||
<Button variant="outline" asChild className="w-full hover:!bg-primary hover:!text-white hover:!border-primary transition-all duration-200">
|
||||
<Link href="/">
|
||||
Voltar ao Início
|
||||
</Link>
|
||||
|
||||
@ -108,7 +108,7 @@ export default function LoginPacientePage() {
|
||||
</form>
|
||||
|
||||
<div className="mt-4 text-center">
|
||||
<Button variant="outline" asChild className="w-full">
|
||||
<Button variant="outline" asChild className="w-full hover:!bg-primary hover:!text-white hover:!border-primary transition-all duration-200">
|
||||
<Link href="/">
|
||||
Voltar ao Início
|
||||
</Link>
|
||||
|
||||
@ -110,7 +110,7 @@ export default function LoginPage() {
|
||||
</form>
|
||||
|
||||
<div className="mt-4 text-center">
|
||||
<Button variant="outline" asChild className="w-full">
|
||||
<Button variant="outline" asChild className="w-full hover:!bg-primary hover:!text-white hover:!border-primary transition-all duration-200">
|
||||
<Link href="/">
|
||||
Voltar ao Início
|
||||
</Link>
|
||||
|
||||
@ -454,21 +454,21 @@ const ProfissionalPage = () => {
|
||||
const todayEvents = getTodayEvents();
|
||||
|
||||
return (
|
||||
<section className="bg-card shadow-md rounded-lg p-6">
|
||||
<section className="bg-card shadow-md rounded-lg border border-border p-6">
|
||||
<div className="flex justify-between items-center mb-4">
|
||||
<h2 className="text-2xl font-bold">Agenda do Dia</h2>
|
||||
</div>
|
||||
|
||||
{/* Navegação de Data */}
|
||||
<div className="flex items-center justify-between mb-6 p-4 bg-muted rounded-lg">
|
||||
<div className="flex items-center justify-between mb-6 p-4 bg-muted border border-border rounded-lg">
|
||||
<div className="flex items-center space-x-4">
|
||||
<Button
|
||||
variant="outline"
|
||||
size="sm"
|
||||
onClick={() => navigateDate('prev')}
|
||||
className="p-2 hover:bg-primary hover:text-primary-foreground cursor-pointer"
|
||||
className="p-2 transition-colors hover:!bg-primary hover:!text-white cursor-pointer"
|
||||
>
|
||||
<ChevronLeft className="h-4 w-4" />
|
||||
<ChevronLeft className="h-4 w-4 hover:!text-white" />
|
||||
</Button>
|
||||
<h3 className="text-lg font-medium text-foreground">
|
||||
{formatDate(currentCalendarDate)}
|
||||
@ -477,15 +477,15 @@ const ProfissionalPage = () => {
|
||||
variant="outline"
|
||||
size="sm"
|
||||
onClick={() => navigateDate('next')}
|
||||
className="p-2 hover:bg-primary hover:text-primary-foreground cursor-pointer"
|
||||
className="p-2 transition-colors hover:!bg-primary hover:!text-white cursor-pointer"
|
||||
>
|
||||
<ChevronRight className="h-4 w-4" />
|
||||
<ChevronRight className="h-4 w-4 hover:!text-white" />
|
||||
</Button>
|
||||
<Button
|
||||
variant="outline"
|
||||
size="sm"
|
||||
onClick={goToToday}
|
||||
className="ml-4 px-3 py-1 text-sm hover:bg-primary hover:text-primary-foreground cursor-pointer"
|
||||
className="ml-4 px-3 py-1 text-sm transition-colors hover:bg-primary hover:text-white cursor-pointer"
|
||||
>
|
||||
Hoje
|
||||
</Button>
|
||||
@ -509,7 +509,7 @@ const ProfissionalPage = () => {
|
||||
return (
|
||||
<div
|
||||
key={appointment.id}
|
||||
className="border-l-4 p-4 rounded-lg shadow-sm bg-card border-border"
|
||||
className="border-l-4 border-t border-r border-b p-4 rounded-lg shadow-sm bg-card border-border"
|
||||
style={{ borderLeftColor: getStatusColor(appointment.type) }}
|
||||
>
|
||||
<div className="grid grid-cols-1 md:grid-cols-4 gap-4 items-center">
|
||||
@ -547,7 +547,7 @@ const ProfissionalPage = () => {
|
||||
<Button
|
||||
variant="outline"
|
||||
size="sm"
|
||||
className="border-primary text-primary hover:bg-primary hover:text-white cursor-pointer"
|
||||
className="border-primary text-primary transition-colors hover:!bg-primary hover:!text-white cursor-pointer"
|
||||
onClick={(e) => {
|
||||
e.stopPropagation();
|
||||
if (paciente) {
|
||||
@ -556,7 +556,7 @@ const ProfissionalPage = () => {
|
||||
}
|
||||
}}
|
||||
>
|
||||
<FolderOpen className="h-4 w-4" />
|
||||
<FolderOpen className="h-4 w-4 hover:!text-white" />
|
||||
</Button>
|
||||
<div className="absolute bottom-full left-1/2 transform -translate-x-1/2 mb-2 px-3 py-1 bg-gray-900 dark:bg-gray-100 text-white dark:text-gray-900 text-xs rounded-md opacity-0 group-hover:opacity-100 transition-opacity duration-200 pointer-events-none whitespace-nowrap z-50">
|
||||
Ver informações do paciente
|
||||
@ -615,13 +615,13 @@ const ProfissionalPage = () => {
|
||||
<Button
|
||||
variant="outline"
|
||||
size="sm"
|
||||
className="border-primary text-primary hover:bg-primary hover:text-white cursor-pointer mr-2"
|
||||
className="border-primary text-primary transition-colors hover:!bg-primary hover:!text-white cursor-pointer mr-2"
|
||||
onClick={() => {
|
||||
handleAbrirProntuario(paciente);
|
||||
setActiveSection('prontuario');
|
||||
}}
|
||||
>
|
||||
<FolderOpen className="h-4 w-4" />
|
||||
<FolderOpen className="h-4 w-4 hover:!text-white" />
|
||||
</Button>
|
||||
<div className="absolute bottom-full left-1/2 transform -translate-x-1/2 mb-2 px-3 py-1 bg-gray-900 dark:bg-gray-100 text-white dark:text-gray-900 text-xs rounded-md opacity-0 group-hover:opacity-100 transition-opacity duration-200 pointer-events-none whitespace-nowrap z-50">
|
||||
Ver informações do paciente
|
||||
@ -766,10 +766,10 @@ const ProfissionalPage = () => {
|
||||
<div className="mt-3 flex items-center justify-between">
|
||||
<span className={`px-2 py-1 text-xs rounded-full ${
|
||||
paciente.statusLaudo === 'Finalizado'
|
||||
? 'bg-green-100 dark:bg-green-900/30 text-green-800 dark:text-green-300'
|
||||
? 'bg-green-200/80 dark:bg-green-900/50 text-green-900 dark:text-green-200 border border-green-300 dark:border-green-800'
|
||||
: paciente.statusLaudo === 'Pendente'
|
||||
? 'bg-yellow-100 dark:bg-yellow-900/30 text-yellow-800 dark:text-yellow-300'
|
||||
: 'bg-muted text-muted-foreground'
|
||||
? 'bg-yellow-200/80 dark:bg-yellow-900/50 text-yellow-900 dark:text-yellow-200 border border-yellow-300 dark:border-yellow-800'
|
||||
: 'bg-muted text-muted-foreground border border-border'
|
||||
}`}>
|
||||
{paciente.statusLaudo}
|
||||
</span>
|
||||
@ -1063,7 +1063,7 @@ const ProfissionalPage = () => {
|
||||
</p>
|
||||
</div>
|
||||
{consulta.cid10 && (
|
||||
<span className="px-2 py-1 bg-blue-100 dark:bg-blue-900/30 text-blue-800 dark:text-blue-300 text-xs rounded-full">
|
||||
<span className="px-2 py-1 bg-blue-200/80 dark:bg-blue-900/50 text-blue-900 dark:text-blue-200 text-xs rounded-full border border-blue-300 dark:border-blue-800">
|
||||
{consulta.cid10}
|
||||
</span>
|
||||
)}
|
||||
@ -1095,7 +1095,7 @@ const ProfissionalPage = () => {
|
||||
<h4 className="font-medium">Consulta Cardiológica</h4>
|
||||
<p className="text-sm text-muted-foreground">27/09/2025 - 09:00</p>
|
||||
</div>
|
||||
<span className="px-2 py-1 bg-green-100 dark:bg-green-900/30 text-green-800 dark:text-green-300 text-xs rounded-full">Finalizada</span>
|
||||
<span className="px-2 py-1 bg-green-200/80 dark:bg-green-900/50 text-green-900 dark:text-green-200 text-xs rounded-full border border-green-300 dark:border-green-800">Finalizada</span>
|
||||
</div>
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-4 text-sm">
|
||||
<div>
|
||||
@ -1119,7 +1119,7 @@ const ProfissionalPage = () => {
|
||||
<h4 className="font-medium">Consulta Dermatológica</h4>
|
||||
<p className="text-sm text-muted-foreground">15/09/2025 - 14:30</p>
|
||||
</div>
|
||||
<span className="px-2 py-1 bg-blue-100 dark:bg-blue-900/30 text-blue-800 dark:text-blue-300 text-xs rounded-full">Retorno Agendado</span>
|
||||
<span className="px-2 py-1 bg-blue-200/80 dark:bg-blue-900/50 text-blue-900 dark:text-blue-200 text-xs rounded-full border border-blue-300 dark:border-blue-800">Retorno Agendado</span>
|
||||
</div>
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-4 text-sm">
|
||||
<div>
|
||||
@ -1174,11 +1174,11 @@ const ProfissionalPage = () => {
|
||||
<h4 className="font-medium mb-2">Alergias e Reações Adversas</h4>
|
||||
<div className="space-y-2 text-sm">
|
||||
<div className="flex items-center gap-2">
|
||||
<span className="px-2 py-1 bg-red-100 dark:bg-red-900/30 text-red-800 dark:text-red-300 text-xs rounded">Alergia</span>
|
||||
<span className="px-2 py-1 bg-red-200/80 dark:bg-red-900/50 text-red-900 dark:text-red-200 text-xs rounded border border-red-300 dark:border-red-800">Alergia</span>
|
||||
<span>Penicilina - reação cutânea</span>
|
||||
</div>
|
||||
<div className="flex items-center gap-2">
|
||||
<span className="px-2 py-1 bg-yellow-100 dark:bg-yellow-900/30 text-yellow-800 dark:text-yellow-300 text-xs rounded">Intolerância</span>
|
||||
<span className="px-2 py-1 bg-yellow-200/80 dark:bg-yellow-900/50 text-yellow-900 dark:text-yellow-200 text-xs rounded border border-yellow-300 dark:border-yellow-800">Intolerância</span>
|
||||
<span>Lactose - sintomas gastrintestinais</span>
|
||||
</div>
|
||||
</div>
|
||||
@ -1204,7 +1204,7 @@ const ProfissionalPage = () => {
|
||||
<h4 className="font-medium text-foreground">Prescrição Atual</h4>
|
||||
<p className="text-sm text-muted-foreground">Prescrita em 27/09/2025</p>
|
||||
</div>
|
||||
<span className="px-2 py-1 bg-green-100 dark:bg-green-900/30 text-green-800 dark:text-green-300 text-xs rounded-full">Ativa</span>
|
||||
<span className="px-2 py-1 bg-green-200/80 dark:bg-green-900/50 text-green-900 dark:text-green-200 text-xs rounded-full border border-green-300 dark:border-green-800">Ativa</span>
|
||||
</div>
|
||||
<div className="space-y-3">
|
||||
<div className="border-l-4 border-blue-500 pl-4">
|
||||
@ -1281,7 +1281,7 @@ const ProfissionalPage = () => {
|
||||
<p className="text-sm text-muted-foreground">Solicitado em 25/09/2025</p>
|
||||
<p className="text-sm text-muted-foreground">Urgência: Normal</p>
|
||||
</div>
|
||||
<span className="px-2 py-1 bg-yellow-100 dark:bg-yellow-800 text-yellow-800 dark:text-yellow-100 text-xs rounded-full">Pendente</span>
|
||||
<span className="px-2 py-1 bg-yellow-200/80 dark:bg-yellow-900/50 text-yellow-900 dark:text-yellow-200 text-xs rounded-full border border-yellow-300 dark:border-yellow-800">Pendente</span>
|
||||
</div>
|
||||
|
||||
<div className="flex justify-between items-center p-3 bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-700 rounded">
|
||||
@ -1290,7 +1290,7 @@ const ProfissionalPage = () => {
|
||||
<p className="text-sm text-muted-foreground">Solicitado em 27/09/2025</p>
|
||||
<p className="text-sm text-muted-foreground">Urgência: Normal</p>
|
||||
</div>
|
||||
<span className="px-2 py-1 bg-blue-100 dark:bg-blue-800 text-blue-800 dark:text-blue-100 text-xs rounded-full">Agendado</span>
|
||||
<span className="px-2 py-1 bg-blue-200/80 dark:bg-blue-900/50 text-blue-900 dark:text-blue-200 text-xs rounded-full border border-blue-300 dark:border-blue-800">Agendado</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -1345,7 +1345,7 @@ const ProfissionalPage = () => {
|
||||
<p className="text-sm text-muted-foreground">Diagnosticado em: 15/03/2020</p>
|
||||
<p className="text-sm mt-1 text-foreground">Status: Controlada com medicação</p>
|
||||
</div>
|
||||
<span className="px-2 py-1 bg-red-100 dark:bg-red-900/30 text-red-800 dark:text-red-300 text-xs rounded-full">Ativo</span>
|
||||
<span className="px-2 py-1 bg-red-200/80 dark:bg-red-900/50 text-red-900 dark:text-red-200 text-xs rounded-full border border-red-300 dark:border-red-800">Ativo</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -1357,7 +1357,7 @@ const ProfissionalPage = () => {
|
||||
<p className="text-sm text-muted-foreground">Diagnosticado em: 10/08/2018</p>
|
||||
<p className="text-sm mt-1 text-foreground">Status: Controlada com dieta e medicação</p>
|
||||
</div>
|
||||
<span className="px-2 py-1 bg-orange-100 dark:bg-orange-900/30 text-orange-800 dark:text-orange-300 text-xs rounded-full">Ativo</span>
|
||||
<span className="px-2 py-1 bg-orange-200/80 dark:bg-orange-900/50 text-orange-900 dark:text-orange-200 text-xs rounded-full border border-orange-300 dark:border-orange-800">Ativo</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -1371,7 +1371,7 @@ const ProfissionalPage = () => {
|
||||
<p className="font-medium text-foreground">Gastrite Aguda</p>
|
||||
<p className="text-muted-foreground">CID-10: K29.0 - Resolvido em 2023</p>
|
||||
</div>
|
||||
<span className="px-2 py-1 bg-muted text-muted-foreground text-xs rounded-full">Resolvido</span>
|
||||
<span className="px-2 py-1 bg-gray-200/80 dark:bg-gray-900/50 text-gray-900 dark:text-gray-200 text-xs rounded-full border border-gray-300 dark:border-gray-800">Resolvido</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -1396,7 +1396,7 @@ const ProfissionalPage = () => {
|
||||
<h4 className="font-medium text-foreground">Evolução Recente</h4>
|
||||
<p className="text-sm text-muted-foreground">27/09/2025 - 09:15</p>
|
||||
</div>
|
||||
<span className="px-2 py-1 bg-blue-100 dark:bg-blue-900/30 text-blue-800 dark:text-blue-300 text-xs rounded-full">Melhora</span>
|
||||
<span className="px-2 py-1 bg-blue-200/80 dark:bg-blue-900/50 text-blue-900 dark:text-blue-200 text-xs rounded-full border border-blue-300 dark:border-blue-800">Melhora</span>
|
||||
</div>
|
||||
<div className="space-y-2">
|
||||
<p className="text-sm text-foreground"><strong>Subjetivo:</strong> Paciente relatou diminuição significativa da dor no peito e melhora da capacidade respiratória.</p>
|
||||
@ -1412,7 +1412,7 @@ const ProfissionalPage = () => {
|
||||
<h4 className="font-medium text-foreground">Evolução Anterior</h4>
|
||||
<p className="text-sm text-muted-foreground">15/09/2025 - 14:45</p>
|
||||
</div>
|
||||
<span className="px-2 py-1 bg-yellow-100 dark:bg-yellow-900/30 text-yellow-800 dark:text-yellow-300 text-xs rounded-full">Estável</span>
|
||||
<span className="px-2 py-1 bg-yellow-200/80 dark:bg-yellow-900/50 text-yellow-900 dark:text-yellow-200 text-xs rounded-full border border-yellow-300 dark:border-yellow-800">Estável</span>
|
||||
</div>
|
||||
<div className="space-y-2">
|
||||
<p className="text-sm"><strong>Subjetivo:</strong> Paciente apresentou episódios esporádicos de dor torácica leve.</p>
|
||||
@ -2120,7 +2120,7 @@ Nevo melanocítico benigno. Seguimento clínico recomendado.
|
||||
{isNewLaudo && (
|
||||
<div className="px-4 pb-4">
|
||||
{!pacienteSelecionado ? (
|
||||
<div className="bg-muted rounded-lg p-4">
|
||||
<div className="bg-muted border border-border rounded-lg p-4">
|
||||
<Label htmlFor="select-paciente" className="text-sm font-medium mb-2 block">
|
||||
Selecionar Paciente *
|
||||
</Label>
|
||||
@ -2270,7 +2270,7 @@ Nevo melanocítico benigno. Seguimento clínico recomendado.
|
||||
|
||||
<div>
|
||||
<h3 className="text-lg font-semibold mb-4">Dados do Paciente</h3>
|
||||
<div className="bg-muted rounded-lg p-4">
|
||||
<div className="bg-muted border border-border rounded-lg p-4">
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-4 text-sm">
|
||||
<div>
|
||||
<span className="font-medium">Nome:</span> {pacienteSelecionado.nome}
|
||||
@ -3163,7 +3163,7 @@ Nevo melanocítico benigno. Seguimento clínico recomendado.
|
||||
return (
|
||||
<ProtectedRoute requiredUserType={["profissional"]}>
|
||||
<div className="container mx-auto px-4 py-8">
|
||||
<header className="bg-card shadow-md rounded-lg p-4 mb-6 flex items-center justify-between">
|
||||
<header className="bg-card shadow-md rounded-lg border border-border p-4 mb-6 flex items-center justify-between">
|
||||
<div className="flex items-center gap-4">
|
||||
<Avatar className="h-12 w-12">
|
||||
<AvatarImage src={medico.fotoUrl} alt={medico.nome} />
|
||||
@ -3192,10 +3192,10 @@ Nevo melanocítico benigno. Seguimento clínico recomendado.
|
||||
<div className="grid grid-cols-1 md:grid-cols-[220px_1fr] gap-6">
|
||||
{}
|
||||
<aside className="md:sticky md:top-8 h-fit">
|
||||
<nav className="bg-card shadow-md rounded-lg p-3 space-y-1">
|
||||
<nav className="bg-card shadow-md rounded-lg border border-border p-3 space-y-1">
|
||||
<Button
|
||||
variant={activeSection === 'calendario' ? 'default' : 'ghost'}
|
||||
className="w-full justify-start hover:bg-primary hover:text-primary-foreground cursor-pointer"
|
||||
className="w-full justify-start transition-colors hover:bg-primary hover:text-white cursor-pointer"
|
||||
onClick={() => setActiveSection('calendario')}
|
||||
>
|
||||
<CalendarIcon className="mr-2 h-4 w-4" />
|
||||
@ -3203,7 +3203,7 @@ Nevo melanocítico benigno. Seguimento clínico recomendado.
|
||||
</Button>
|
||||
<Button
|
||||
variant={activeSection === 'pacientes' ? 'default' : 'ghost'}
|
||||
className="w-full justify-start hover:bg-primary hover:text-primary-foreground cursor-pointer"
|
||||
className="w-full justify-start transition-colors hover:bg-primary hover:text-white cursor-pointer"
|
||||
onClick={() => setActiveSection('pacientes')}
|
||||
>
|
||||
<Users className="mr-2 h-4 w-4" />
|
||||
@ -3211,7 +3211,7 @@ Nevo melanocítico benigno. Seguimento clínico recomendado.
|
||||
</Button>
|
||||
<Button
|
||||
variant={activeSection === 'prontuario' ? 'default' : 'ghost'}
|
||||
className="w-full justify-start hover:bg-primary hover:text-primary-foreground cursor-pointer"
|
||||
className="w-full justify-start transition-colors hover:bg-primary hover:text-white cursor-pointer"
|
||||
onClick={() => setActiveSection('prontuario')}
|
||||
>
|
||||
<ClipboardList className="mr-2 h-4 w-4" />
|
||||
@ -3219,7 +3219,7 @@ Nevo melanocítico benigno. Seguimento clínico recomendado.
|
||||
</Button>
|
||||
<Button
|
||||
variant={activeSection === 'laudos' ? 'default' : 'ghost'}
|
||||
className="w-full justify-start hover:bg-primary hover:text-primary-foreground cursor-pointer"
|
||||
className="w-full justify-start transition-colors hover:bg-primary hover:text-white cursor-pointer"
|
||||
onClick={() => setActiveSection('laudos')}
|
||||
>
|
||||
<FileText className="mr-2 h-4 w-4" />
|
||||
@ -3227,7 +3227,7 @@ Nevo melanocítico benigno. Seguimento clínico recomendado.
|
||||
</Button>
|
||||
<Button
|
||||
variant={activeSection === 'comunicacao' ? 'default' : 'ghost'}
|
||||
className="w-full justify-start hover:bg-primary hover:text-primary-foreground cursor-pointer"
|
||||
className="w-full justify-start transition-colors hover:bg-primary hover:text-white cursor-pointer"
|
||||
onClick={() => setActiveSection('comunicacao')}
|
||||
>
|
||||
<MessageSquare className="mr-2 h-4 w-4" />
|
||||
@ -3235,7 +3235,7 @@ Nevo melanocítico benigno. Seguimento clínico recomendado.
|
||||
</Button>
|
||||
<Button
|
||||
variant={activeSection === 'relatorios-medicos' ? 'default' : 'ghost'}
|
||||
className="w-full justify-start hover:bg-primary hover:text-primary-foreground cursor-pointer"
|
||||
className="w-full justify-start transition-colors hover:bg-primary hover:text-white cursor-pointer"
|
||||
onClick={() => setActiveSection('relatorios-medicos')}
|
||||
>
|
||||
<FileCheck className="mr-2 h-4 w-4" />
|
||||
@ -3243,7 +3243,7 @@ Nevo melanocítico benigno. Seguimento clínico recomendado.
|
||||
</Button>
|
||||
<Button
|
||||
variant={activeSection === 'perfil' ? 'default' : 'ghost'}
|
||||
className="w-full justify-start cursor-pointer hover:bg-primary hover:text-primary-foreground cursor-pointer"
|
||||
className="w-full justify-start transition-colors hover:bg-primary hover:text-white cursor-pointer"
|
||||
onClick={() => setActiveSection('perfil')}
|
||||
>
|
||||
<Settings className="mr-2 h-4 w-4" />
|
||||
@ -3270,7 +3270,7 @@ Nevo melanocítico benigno. Seguimento clínico recomendado.
|
||||
{showPopup && (
|
||||
<div className="fixed inset-0 bg-black/50 backdrop-blur-sm flex justify-center items-center z-50">
|
||||
|
||||
<div className="bg-card p-6 rounded-lg w-96 border">
|
||||
<div className="bg-card border border-border p-6 rounded-lg w-96">
|
||||
|
||||
{step === 1 && (
|
||||
<>
|
||||
@ -3383,7 +3383,7 @@ Nevo melanocítico benigno. Seguimento clínico recomendado.
|
||||
{}
|
||||
{showActionModal && selectedEvent && (
|
||||
<div className="fixed inset-0 bg-black bg-opacity-50 flex justify-center items-center z-50">
|
||||
<div className="bg-card p-6 rounded-lg w-96">
|
||||
<div className="bg-card border border-border p-6 rounded-lg w-96">
|
||||
<h3 className="text-lg font-semibold mb-2">
|
||||
Consulta de {selectedEvent.title}
|
||||
</h3>
|
||||
|
||||
@ -9,9 +9,9 @@ function Input({ className, type, ...props }: React.ComponentProps<"input">) {
|
||||
data-slot="input"
|
||||
className={cn(
|
||||
"file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 flex h-9 w-full min-w-0 rounded-md bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
|
||||
"border-2 border-gray-300 dark:border-gray-600",
|
||||
"focus-visible:border-primary focus-visible:ring-primary/20 focus-visible:ring-2",
|
||||
"hover:border-gray-400 dark:hover:border-gray-500",
|
||||
"border border-gray-200/60 dark:border-gray-600/40",
|
||||
"focus-visible:border-primary focus-visible:ring-primary/15 focus-visible:ring-1",
|
||||
"hover:border-gray-300/70 dark:hover:border-gray-500/50",
|
||||
"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive aria-invalid:border-2",
|
||||
className
|
||||
)}
|
||||
|
||||
@ -8,9 +8,9 @@ function Textarea({ className, ...props }: React.ComponentProps<"textarea">) {
|
||||
data-slot="textarea"
|
||||
className={cn(
|
||||
"placeholder:text-muted-foreground dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
|
||||
"border-2 border-gray-300 dark:border-gray-600",
|
||||
"focus-visible:border-primary focus-visible:ring-primary/20 focus-visible:ring-2",
|
||||
"hover:border-gray-400 dark:hover:border-gray-500",
|
||||
"border border-gray-200/60 dark:border-gray-600/40",
|
||||
"focus-visible:border-primary focus-visible:ring-primary/15 focus-visible:ring-1",
|
||||
"hover:border-gray-300/70 dark:hover:border-gray-500/50",
|
||||
"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive aria-invalid:border-2",
|
||||
className
|
||||
)}
|
||||
|
||||
3
susconecta/next-env.d.ts
vendored
3
susconecta/next-env.d.ts
vendored
@ -1,6 +1,5 @@
|
||||
/// <reference types="next" />
|
||||
/// <reference types="next/image-types/global" />
|
||||
/// <reference path="./.next/types/routes.d.ts" />
|
||||
|
||||
// NOTE: This file should not be edited
|
||||
// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.
|
||||
// see https://nextjs.org/docs/app/building-your-application/configuring/typescript for more information.
|
||||
|
||||
15
susconecta/package-lock.json
generated
15
susconecta/package-lock.json
generated
@ -9402,6 +9402,21 @@
|
||||
"funding": {
|
||||
"url": "https://github.com/sponsors/colinhacks"
|
||||
}
|
||||
},
|
||||
"node_modules/@next/swc-win32-ia32-msvc": {
|
||||
"version": "14.2.16",
|
||||
"resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-14.2.16.tgz",
|
||||
"integrity": "sha512-jhPl3nN0oKEshJBNDAo0etGMzv0j3q3VYorTSFqH1o3rwv1MQRdor27u1zhkgsHPNeY1jxcgyx1ZsCkDD1IHgg==",
|
||||
"cpu": [
|
||||
"ia32"
|
||||
],
|
||||
"optional": true,
|
||||
"os": [
|
||||
"win32"
|
||||
],
|
||||
"engines": {
|
||||
"node": ">= 10"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user