front end changes 1

assets/css/app.css

@@ -150,6 +150,20 @@ body{
     width: 140px;
 }
 
+.login-container{
+    display: flex;
+    justify-content: space-evenly;
+    align-items: center;
+}
+
+.welcome_text{
+    background-color: #a0cfd2;
+    width: 40%;
+    padding: 30px;
+    max-width: 500px;
+    font-size: 18px;
+}
+
 @media (min-width: 1250px) {
     .log_in_container{
         width: 50%;

lib/derivantes_web/components/layouts/app.html.heex

@@ -1,5 +1,5 @@
-<main class="px-4 py-20 sm:px-6 lg:px-8">
-  <div class="mx-auto max-w-2xl">
+<main>
+  <div>
     <.flash_group flash={@flash} />
     <%= @inner_content %>
   </div>

lib/derivantes_web/live/user_login_live.ex

@@ -3,11 +3,12 @@ defmodule DerivantesWeb.UserLoginLive do
 
   def render(assigns) do
     ~H"""
-    <div class="max-w-sm flex justify-center flex-col m-auto">
+    <div class="login-container">
+      <div>
         <.header class="text-center">
           Entra en su cuenta
           <:subtitle>
-          No tiene una?
+            ¿No tiene una?
             <.link navigate={~p"/derivantes/register"} class="font-semibold text-[#297177] hover:underline">
               Registre y active
             </.link>
@@ -41,7 +42,7 @@ defmodule DerivantesWeb.UserLoginLive do
           <:actions>
             <.input field={@form[:remember_me]} type="checkbox" label="Mantenerme conectado" class="accent-[#297177]"/>
             <.link href={~p"/derivantes/reset_password"} class="text-sm text-white font-semibold">
-            Olvidó su contraseña?
+              ¿Olvidó su contraseña?
             </.link>
           </:actions>
           <:actions>
@@ -51,6 +52,14 @@ defmodule DerivantesWeb.UserLoginLive do
           </:actions>
         </.simple_form>
       </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>
+      </div>
+    </div>
     """
   end