From 08fa1792763267b4ecabe7ec48ea27f4c48218c6 Mon Sep 17 00:00:00 2001
From: Sergio Ramirez <ingramirezsergio@gmail.com>
Date: Wed, 2 Jul 2025 10:10:33 -0400
Subject: [PATCH] =?UTF-8?q?ajustes=20responsive=20login=20y=20btn=20a?=
 =?UTF-8?q?=C3=B1adir=20de=20administracion?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/web/feactures/auth/components/sigin-view.tsx    | 12 ++++++------
 apps/web/feactures/auth/components/signup-view.tsx   |  8 ++++----
 .../web/feactures/auth/components/user-auth-form.tsx |  6 +++---
 .../surveys/components/admin/surveys-header.tsx      |  2 +-
 .../users/components/admin/users-header.tsx          |  2 +-
 5 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/apps/web/feactures/auth/components/sigin-view.tsx b/apps/web/feactures/auth/components/sigin-view.tsx
index 15d8f7c..c86e071 100644
--- a/apps/web/feactures/auth/components/sigin-view.tsx
+++ b/apps/web/feactures/auth/components/sigin-view.tsx
@@ -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>
diff --git a/apps/web/feactures/auth/components/signup-view.tsx b/apps/web/feactures/auth/components/signup-view.tsx
index 67df913..9d40d0a 100644
--- a/apps/web/feactures/auth/components/signup-view.tsx
+++ b/apps/web/feactures/auth/components/signup-view.tsx
@@ -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>
diff --git a/apps/web/feactures/auth/components/user-auth-form.tsx b/apps/web/feactures/auth/components/user-auth-form.tsx
index 4ae7bbc..9363626 100644
--- a/apps/web/feactures/auth/components/user-auth-form.tsx
+++ b/apps/web/feactures/auth/components/user-auth-form.tsx
@@ -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>
diff --git a/apps/web/feactures/surveys/components/admin/surveys-header.tsx b/apps/web/feactures/surveys/components/admin/surveys-header.tsx
index 8ca03cf..55e3d70 100644
--- a/apps/web/feactures/surveys/components/admin/surveys-header.tsx
+++ b/apps/web/feactures/surveys/components/admin/surveys-header.tsx
@@ -15,7 +15,7 @@ export function SurveysHeader() {
           description="Gestiona las encuestas disponibles en la plataforma"
         />
         <Button onClick={() => router.push(`/dashboard/administracion/encuestas/crear`)} size="sm">
-          <Plus className="mr-2 h-4 w-4" /> Agregar Encuesta
+          <Plus className="h-4 w-4"/><span className='hidden sm:inline'>Agregar Encuesta</span>
         </Button>
       </div>
 
diff --git a/apps/web/feactures/users/components/admin/users-header.tsx b/apps/web/feactures/users/components/admin/users-header.tsx
index 3ab7266..0104ab5 100644
--- a/apps/web/feactures/users/components/admin/users-header.tsx
+++ b/apps/web/feactures/users/components/admin/users-header.tsx
@@ -16,7 +16,7 @@ export function UsersHeader() {
           description="Gestiona los usuarios registrados en la plataforma"
         />
         <Button onClick={() => setOpen(true)} size="sm">
-          <Plus className="mr-2 h-4 w-4" /> Agregar Usuario
+          <Plus className="h-4 w-4"/><span className='hidden sm:inline'>Agregar Usuario</span>
         </Button>
       </div>