frontender v.1

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>
     """