frontender v.1

assets/css/app.css

@@ -17,6 +17,12 @@ body{
     margin-right: auto;
 }
 
+.login-a{
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
 .log_in_form{
     background-color: #297177;
     display: flex;
@@ -36,6 +42,8 @@ body{
     border-radius: 5px;
     padding: 15px;
     height: max-content;
+    max-width: 250px;
+    text-align: center;
 }
 
 .auth_form img{
@@ -62,8 +70,9 @@ body{
     padding-bottom: 10px;
     width: 205px;
     border-radius: 5px;
-    margin-top: 20px;
     font-weight: bold;
+    font-size: 18px;
+    margin-top: 5px;
 }
 
 .info_panel{
@@ -153,7 +162,8 @@ body{
 .login-container{
     display: flex;
     justify-content: space-evenly;
-    align-items: center;
+    margin-top: 50px;
+    align-items: flex-start;
 }
 
 .welcome_text{
@@ -162,6 +172,7 @@ body{
     padding: 30px;
     max-width: 500px;
     font-size: 18px;
+    border-radius: 5px;
 }
 
 @media (min-width: 1250px) {

lib/derivantes_web/components/core_components.ex

@@ -308,7 +308,7 @@ defmodule DerivantesWeb.CoreComponents do
 
     ~H"""
     <div phx-feedback-for={@name}>
-      <label class="flex items-center gap-4 text-sm leading-6 text-white">
+      <label class="flex items-center gap-4 text-sm leading-6 text-white mt-2">
         <input type="hidden" name={@name} value="false" />
         <input
           type="checkbox"

lib/derivantes_web/live/user_login_live.ex

@@ -4,18 +4,7 @@ defmodule DerivantesWeb.UserLoginLive do
   def render(assigns) do
     ~H"""
     <div class="login-container">
-      <div>
-        <.header class="text-center">
-          Entra en su cuenta
-          <:subtitle>
-            ¿No tiene una?
-            <.link navigate={~p"/derivantes/register"} class="font-semibold text-[#297177] hover:underline">
-              Registre y active
-            </.link>
-            su cuenta ahora.
-          </:subtitle>
-        </.header>
-
+      <div class="login-a">
         <.simple_form
           for={@form}
           id="login_form"
@@ -27,15 +16,17 @@ defmodule DerivantesWeb.UserLoginLive do
           <.input
             field={@form[:email]}
             type="email"
-            label="Email"
+            label=""
             class="imput_text"
+            placeholder="Email"
             required
           />
           <.input
             field={@form[:password]}
             type="password"
-            label="Contraseña"
+            label=""
             class="imput_text"
+            placeholder="Contraseña"
             required
           />
 
@@ -46,18 +37,29 @@ defmodule DerivantesWeb.UserLoginLive do
             </.link>
           </:actions>
           <:actions>
-            <.button phx-disable-with="Entrando..." class="w-full submit_button">
-              Entrar <span aria-hidden="true">→</span>
+            <.button phx-disable-with="Ingresando..." class="w-full submit_button">
+              Ingresar <span aria-hidden="true">→</span>
             </.button>
           </:actions>
         </.simple_form>
+
+        <.header class="text-center">
+          Ingrese a su cuenta
+          <:subtitle>
+            ¿No tiene una? <br>
+            <.link navigate={~p"/derivantes/register"} class="font-semibold text-[#297177] hover:underline">
+              Registre y active
+            </.link>
+            su cuenta ahora.
+          </:subtitle>
+        </.header>
+
       </div>
 
       <div class="welcome_text">
-        <p>Bienvenido a Entrega Digital</p>
-        <p>Sanatorio Americano.</p>
-        <p>En este sitio, usted podrá visualizar los informes y estudios realizados en nuestra institución.</p>
-        <p>Si presenta inconvenientes con los datos ingresados, puede comunicarse con nosotros enviando un correo a mesadeayuda@sanatorio-americano.com.ar detallando su nombre completo y D.N.I.</p>
+        <p style="text-align: center;">Bienvenido a Entrega Digital <br><b>Sanatorio Americano.</b></p><br>
+        <p>En este sitio, usted podrá visualizar los informes y estudios realizados en nuestra institución.</p><br>
+        <p>Si presenta inconvenientes con los datos ingresados, puede comunicarse con nosotros enviando un correo a <b>mesadeayuda@sanatorio-americano.com.ar</b> detallando su nombre completo y D.N.I.</p>
       </div>
     </div>
     """