Guillermo.Arrieta
b37d36fe15
• Cambio del estilo visual del layout del detalle de asignatura • El nivel de un plan de estudios se muestra como editable con un select • se quitó 'disabled:pointer-events-none' del componente button para permitir que el cursor cambie a cursor-not-allowed sobre botones disabled • todos los botones y elementos con role de button no deshabilitados tienen cursor-pointer • todos los botones y elementos con role de button deshabilitados tienen cursor-not-allowed cada cambio tanto en el historial de un plan como de una asignatura se puede abrir picandole en cualquier parte del cambio
32 lines
967 B
TypeScript
32 lines
967 B
TypeScript
import { useState } from 'react'
|
|
|
|
import { ExternalLoginForm } from './ExternalLoginForm.tsx'
|
|
import { InternalLoginForm } from './InternalLoginForm.tsx'
|
|
import { LoginTabs } from './LoginTabs.tsx'
|
|
|
|
export function LoginCard() {
|
|
const [type, setType] = useState<'internal' | 'external'>('internal')
|
|
|
|
return (
|
|
<div className="w-full max-w-md rounded-2xl bg-white p-8 shadow-xl">
|
|
<div className="flex justify-center">
|
|
<img
|
|
src="/4_IMAGOTIPO_LASALLE_MEXICO_COLOR_RGB_2020.png"
|
|
alt="La Salle México"
|
|
className="mb-6 h-20 w-auto"
|
|
/>
|
|
</div>
|
|
<h1 className="mb-1 text-center text-2xl font-semibold">
|
|
Iniciar sesión
|
|
</h1>
|
|
<p className="mb-6 text-center text-sm text-gray-500">
|
|
Accede al Sistema de Planes de Estudio
|
|
</p>
|
|
|
|
<LoginTabs value={type} onChange={setType} />
|
|
|
|
{type === 'internal' ? <InternalLoginForm /> : <ExternalLoginForm />}
|
|
</div>
|
|
)
|
|
}
|