santiago.sferco/derivantes
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

front end changes 1

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
assets/css/app.css
View File

@ -150,6 +150,20 @@ body{
width: 140px; 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) { @media (min-width: 1250px) {
.log_in_container{ .log_in_container{
width: 50%; 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"> <main>
<div class="mx-auto max-w-2xl"> <div>
<.flash_group flash={@flash} /> <.flash_group flash={@flash} />
<%= @inner_content %> <%= @inner_content %>
</div> </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 def render(assigns) do
~H""" ~H"""
<div class="max-w-sm flex justify-center flex-col m-auto"> <div class="login-container">
<.header class="text-center"> <div>
Entra en su cuenta <.header class="text-center">
<:subtitle> Entra en su cuenta
No tiene una? <:subtitle>
<.link navigate={~p"/derivantes/register"} class="font-semibold text-[#297177] hover:underline"> ¿No tiene una?
Registre y active <.link navigate={~p"/derivantes/register"} class="font-semibold text-[#297177] hover:underline">
</.link> Registre y active
su cuenta ahora. </.link>
</:subtitle> su cuenta ahora.
</.header> </:subtitle>
</.header>
<.simple_form <.simple_form
for={@form} for={@form}
id="login_form" id="login_form"
action={~p"/derivantes/log_in"} action={~p"/derivantes/log_in"}
phx-update="ignore" phx-update="ignore"
class="auth_form" class="auth_form"
> >
<img src={~p"/images/sana_americano_logo.png"} alt="Sanatorio Americano Logo"/> <img src={~p"/images/sana_americano_logo.png"} alt="Sanatorio Americano Logo"/>
<.input <.input
field={@form[:email]} field={@form[:email]}
type="email" type="email"
label="Email" label="Email"
class="imput_text" class="imput_text"
required required
/> />
<.input <.input
field={@form[:password]} field={@form[:password]}
type="password" type="password"
label="Contraseña" label="Contraseña"
class="imput_text" class="imput_text"
required required
/> />
<:actions> <:actions>
<.input field={@form[:remember_me]} type="checkbox" label="Mantenerme conectado" class="accent-[#297177]"/> <.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"> <.link href={~p"/derivantes/reset_password"} class="text-sm text-white font-semibold">
Olvidó su contraseña? ¿Olvidó su contraseña?
</.link> </.link>
</:actions> </:actions>
<:actions> <:actions>
<.button phx-disable-with="Entrando..." class="w-full submit_button"> <.button phx-disable-with="Entrando..." class="w-full submit_button">
Entrar <span aria-hidden="true">→</span> Entrar <span aria-hidden="true">→</span>
</.button> </.button>
</:actions> </:actions>
</.simple_form> </.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> </div>
""" """
end end