lint arreglado en dos archivos
This commit is contained in:
@@ -1,27 +1,24 @@
|
|||||||
import { useState } from 'react'
|
import { useState } from 'react'
|
||||||
import { LoginTabs } from './LoginTabs.tsx'
|
|
||||||
import { InternalLoginForm } from './InternalLoginForm.tsx'
|
|
||||||
import { ExternalLoginForm } from './ExternalLoginForm.tsx'
|
import { ExternalLoginForm } from './ExternalLoginForm.tsx'
|
||||||
|
import { InternalLoginForm } from './InternalLoginForm.tsx'
|
||||||
|
import { LoginTabs } from './LoginTabs.tsx'
|
||||||
|
|
||||||
export function LoginCard() {
|
export function LoginCard() {
|
||||||
const [type, setType] = useState<'internal' | 'external'>('internal')
|
const [type, setType] = useState<'internal' | 'external'>('internal')
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="w-full max-w-md bg-white rounded-2xl shadow-xl p-8">
|
<div className="w-full max-w-md rounded-2xl bg-white p-8 shadow-xl">
|
||||||
<h1 className="text-2xl font-semibold text-center mb-1">
|
<h1 className="mb-1 text-center text-2xl font-semibold">
|
||||||
Iniciar sesión
|
Iniciar sesión
|
||||||
</h1>
|
</h1>
|
||||||
<p className="text-sm text-gray-500 text-center mb-6">
|
<p className="mb-6 text-center text-sm text-gray-500">
|
||||||
Accede al Sistema de Planes de Estudio
|
Accede al Sistema de Planes de Estudio
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<LoginTabs value={type} onChange={setType} />
|
<LoginTabs value={type} onChange={setType} />
|
||||||
|
|
||||||
{type === 'internal' ? (
|
{type === 'internal' ? <InternalLoginForm /> : <ExternalLoginForm />}
|
||||||
<InternalLoginForm />
|
|
||||||
) : (
|
|
||||||
<ExternalLoginForm />
|
|
||||||
)}
|
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,4 +1,5 @@
|
|||||||
import { createFileRoute } from '@tanstack/react-router'
|
import { createFileRoute } from '@tanstack/react-router'
|
||||||
|
|
||||||
import { LoginCard } from '@/components/auth/LoginCard'
|
import { LoginCard } from '@/components/auth/LoginCard'
|
||||||
|
|
||||||
export const Route = createFileRoute('/login')({
|
export const Route = createFileRoute('/login')({
|
||||||
@@ -7,7 +8,7 @@ export const Route = createFileRoute('/login')({
|
|||||||
|
|
||||||
function LoginPage() {
|
function LoginPage() {
|
||||||
return (
|
return (
|
||||||
<div className="min-h-screen bg-gradient-to-br from-[#7b0f1d] via-[#6b0d1a] to-[#3a050a] flex items-center justify-center">
|
<div className="flex min-h-screen items-center justify-center bg-gradient-to-br from-[#7b0f1d] via-[#6b0d1a] to-[#3a050a]">
|
||||||
<LoginCard />
|
<LoginCard />
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
|
|||||||
Reference in New Issue
Block a user