front end changes 1
This commit is contained in:
parent
899739cb05
commit
dcd7107e54
@ -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
4
lib/derivantes_web/components/layouts/app.html.heex
Normal file → Executable 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
99
lib/derivantes_web/live/user_login_live.ex
Normal file → Executable 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
|
||||
|
Loading…
x
Reference in New Issue
Block a user