front end changes 1

This commit is contained in:
julian 2024-06-26 06:42:02 -03:00
parent 899739cb05
commit dcd7107e54
3 changed files with 70 additions and 47 deletions

View File

@ -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%;

4
lib/derivantes_web/components/layouts/app.html.heex Normal file → Executable file
View File

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

99
lib/derivantes_web/live/user_login_live.ex Normal file → Executable file
View File

@ -3,53 +3,62 @@ defmodule DerivantesWeb.UserLoginLive do
def render(assigns) do
~H"""
<div class="max-w-sm flex justify-center flex-col m-auto">
<.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-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>
<.simple_form
for={@form}
id="login_form"
action={~p"/derivantes/log_in"}
phx-update="ignore"
class="auth_form"
>
<img src={~p"/images/sana_americano_logo.png"} alt="Sanatorio Americano Logo"/>
<.input
field={@form[:email]}
type="email"
label="Email"
class="imput_text"
required
/>
<.input
field={@form[:password]}
type="password"
label="Contraseña"
class="imput_text"
required
/>
<.simple_form
for={@form}
id="login_form"
action={~p"/derivantes/log_in"}
phx-update="ignore"
class="auth_form"
>
<img src={~p"/images/sana_americano_logo.png"} alt="Sanatorio Americano Logo"/>
<.input
field={@form[:email]}
type="email"
label="Email"
class="imput_text"
required
/>
<.input
field={@form[:password]}
type="password"
label="Contraseña"
class="imput_text"
required
/>
<: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?
</.link>
</:actions>
<:actions>
<.button phx-disable-with="Entrando..." class="w-full submit_button">
Entrar <span aria-hidden="true"></span>
</.button>
</:actions>
</.simple_form>
<: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?
</.link>
</:actions>
<:actions>
<.button phx-disable-with="Entrando..." class="w-full submit_button">
Entrar <span aria-hidden="true"></span>
</.button>
</: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