frontender 3

This commit is contained in:
julian 2024-07-03 13:40:04 -03:00
parent 5837388f21
commit efd656a208
5 changed files with 68 additions and 37 deletions

View File

@ -21,6 +21,28 @@ body{
background-color: #297177;
}
.nav-bar-study{
display: flex;
background-color: #297177;
justify-content: space-between;
align-items: center;
padding: 10px;
font-weight: bold;
}
.nav-bar-study img{
width: 150px;
}
.nav-bar-study li{
padding: 15px;
}
.nav-bar-study li :hover{
color: #a0cfd2;
}
.login-a{
display: flex;
flex-direction: column;

View File

@ -1,5 +1,5 @@
<!DOCTYPE html>
<html lang="en" class="[scrollbar-gutter:stable]">
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
@ -13,37 +13,48 @@
<script src="https://kit.fontawesome.com/8afa33c96d.js" crossorigin="anonymous"></script>
</head>
<body class="gray antialiased">
<ul class="relative z-10 flex items-center gap-4 px-4 sm:px-6 lg:px-8 justify-end root_header p-3">
<ul>
<%= if @current_user do %>
<li class="text-m leading-6 text-white">
<%= @current_user.email %>
</li>
<li>
<.link
href={~p"/derivantes/log_out"}
method="delete"
class="text-m leading-6 text-white hover:text-gray font-semibold"
>
Salir
</.link>
</li>
<div class="nav-bar-study">
<img src={~p"/images/sana_americano_logo.png"} alt="IM LOGO"/>
<div style="display: flex; align-items: center;">
<i class="fa-solid fa-user" style="color: white;"></i>
<li class="text-m leading-6 text-white">
<%= @current_user.email %>
</li>
<li>
<.link
href={~p"/derivantes/log_out"}
method="delete"
class="text-m leading-6 text-white hover:text-gray font-semibold"
>
Salir
</.link>
</li>
</div>
</div>
<% else %>
<li>
<.link
href={~p"/derivantes/register"}
class="text-m leading-6 text-white hover:text-gray"
>
Registro
</.link>
</li>
<li>
<.link
href={~p"/derivantes/log_in"}
class="text-m leading-6 text-white hover:text-gray"
>
Ingresar
</.link>
</li>
<div class="nav-bar-study">
<img src={~p"/images/sana_americano_logo.png"} alt="Sanatorio Americano Logo"/>
<div style="display: flex; flex-direction: row;">
<li>
<.link
href={~p"/derivantes/register"}
class="text-m leading-6 text-white hover:text-gray"
>
Registrarse
</.link>
</li>
<li>
<.link
href={~p"/derivantes/log_in"}
class="text-m leading-6 text-white hover:text-gray"
>
Ingresar
</.link>
</li>
</div>
</div>
<% end %>
</ul>
<%= @inner_content %>

View File

@ -1,4 +1,4 @@
<.flash_group flash={@flash} />
<!-- <.flash_group flash={@flash} />
<div class="left-[40rem] fixed inset-y-0 right-0 z-0 hidden lg:block xl:left-[50rem]">
<svg
viewBox="0 0 1480 957"
@ -220,3 +220,4 @@
</div>
</div>
</div>
-->

View File

@ -13,9 +13,6 @@ defmodule DerivantesWeb.DerivantesLive do
def render(assigns) do
~H"""
<div>
<div class="pantalla_estudios_header">
<img src={~p"/images/sana_americano_logo.png"} alt="IM LOGO"/>
</div>
<%= if length(@studies) > 0 do %>
<div class="estudio_patientname">
<h1>Bienvenido, <%= @current_user.email %> </h1>

View File

@ -7,7 +7,7 @@ defmodule DerivantesWeb.UserRegistrationLive do
def render(assigns) do
~H"""
<div class="register_screen">
<.header class="text-center mb-5">
<.header class="text-center mb-5 mt-5">
Registre su nueva cuenta
<:subtitle>
¿Ya tiene una cuenta?
@ -31,13 +31,13 @@ defmodule DerivantesWeb.UserRegistrationLive do
<.error :if={@check_errors}>
Hubo un error.
</.error>
<img src={~p"/images/sana_americano_logo.png"} alt="Sanatorio Americano Logo"/>
<img src={~p"/images/sana_americano_logo.png"} alt="Sanatorio Americano Logo" style="margin-top: 5px; margin-bottom: 20px;"/>
<.input class="imput_text w-40" field={@form[:matricula]} type="text" placeholder="Matrícula" required />
<.input class="imput_text w-40" field={@form[:email]} type="email" placeholder="Email" required />
<.input class="imput_text w-40" field={@form[:password]} type="password" placeholder="Contraseña" required />
<:actions>
<.button phx-disable-with="Creando cuenta..." class="submit_button mt-2">Crear cuenta</.button>
<.button phx-disable-with="Creando cuenta..." class="submit_button" style="margin-top: 15px;">Crear cuenta</.button>
</:actions>
</.simple_form>
</div>