ajustes responsive login y btn añadir de administracion
This commit is contained in:
@@ -13,14 +13,14 @@ export function LoginForm({
|
||||
|
||||
return (
|
||||
<div className={cn("", className)} {...props}>
|
||||
<Card className="overflow-hidden">
|
||||
<CardContent className="grid p-0 md:grid-cols-2">
|
||||
<UserAuthForm />
|
||||
<div className="relative hidden bg-muted md:block">
|
||||
<Card className="">
|
||||
<CardContent className="flex flex-col-reverse md:flex-row p-0">
|
||||
<UserAuthForm />
|
||||
<div className="md:bg-muted">
|
||||
<img
|
||||
src="logo.png"
|
||||
alt="Image"
|
||||
className="absolute inset-0 p-10 h-full w-full"
|
||||
alt="Imagen del Logo"
|
||||
className="pt-3 md:p-3 h-full w-1/3 md:w-full m-auto "
|
||||
/>
|
||||
</div>
|
||||
</CardContent>
|
||||
|
||||
@@ -15,13 +15,13 @@ export function LoginForm({
|
||||
return (
|
||||
<div className={cn("", className)} {...props}>
|
||||
<Card className="overflow-hidden">
|
||||
<CardContent className="flex p-0">
|
||||
<UserAuthForm />
|
||||
<div className="hidden bg-muted md:block m-auto">
|
||||
<CardContent className="flex flex-col-reverse md:flex-row p-0">
|
||||
<UserAuthForm />
|
||||
<div className="md:m-auto">
|
||||
<img
|
||||
src="logo.png"
|
||||
alt="Image"
|
||||
className="inset-0 p-5"
|
||||
className="pt-3 md:p-5 w-1/3 md:w-full m-auto"
|
||||
/>
|
||||
</div>
|
||||
</CardContent>
|
||||
|
||||
@@ -69,11 +69,11 @@ export default function UserAuthForm() {
|
||||
<>
|
||||
<Form {...form}>
|
||||
|
||||
<form className="p-6 md:p-8" onSubmit={form.handleSubmit(onSubmit)}>
|
||||
<form className="flex-none p-6 md:p-8" onSubmit={form.handleSubmit(onSubmit)}>
|
||||
<div className="flex flex-col gap-6">
|
||||
<div className="flex flex-col items-center text-center">
|
||||
<div className="text-center">
|
||||
<h1 className="text-2xl font-bold">Sistema para productores</h1>
|
||||
<p className="text-balance text-muted-foreground">
|
||||
<p className="text-balance text-muted-foreground hidden md:block">
|
||||
Ingresa tus datos
|
||||
</p>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user