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; 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{ .login-a{
display: flex; display: flex;
flex-direction: column; flex-direction: column;

View File

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en" class="[scrollbar-gutter:stable]"> <html lang="en">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
@ -13,8 +13,12 @@
<script src="https://kit.fontawesome.com/8afa33c96d.js" crossorigin="anonymous"></script> <script src="https://kit.fontawesome.com/8afa33c96d.js" crossorigin="anonymous"></script>
</head> </head>
<body class="gray antialiased"> <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 %> <%= if @current_user do %>
<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"> <li class="text-m leading-6 text-white">
<%= @current_user.email %> <%= @current_user.email %>
</li> </li>
@ -27,13 +31,18 @@
Salir Salir
</.link> </.link>
</li> </li>
</div>
</div>
<% else %> <% else %>
<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> <li>
<.link <.link
href={~p"/derivantes/register"} href={~p"/derivantes/register"}
class="text-m leading-6 text-white hover:text-gray" class="text-m leading-6 text-white hover:text-gray"
> >
Registro Registrarse
</.link> </.link>
</li> </li>
<li> <li>
@ -44,6 +53,8 @@
Ingresar Ingresar
</.link> </.link>
</li> </li>
</div>
</div>
<% end %> <% end %>
</ul> </ul>
<%= @inner_content %> <%= @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]"> <div class="left-[40rem] fixed inset-y-0 right-0 z-0 hidden lg:block xl:left-[50rem]">
<svg <svg
viewBox="0 0 1480 957" viewBox="0 0 1480 957"
@ -220,3 +220,4 @@
</div> </div>
</div> </div>
</div> </div>
-->

View File

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

View File

@ -7,7 +7,7 @@ defmodule DerivantesWeb.UserRegistrationLive do
def render(assigns) do def render(assigns) do
~H""" ~H"""
<div class="register_screen"> <div class="register_screen">
<.header class="text-center mb-5"> <.header class="text-center mb-5 mt-5">
Registre su nueva cuenta Registre su nueva cuenta
<:subtitle> <:subtitle>
¿Ya tiene una cuenta? ¿Ya tiene una cuenta?
@ -31,13 +31,13 @@ defmodule DerivantesWeb.UserRegistrationLive do
<.error :if={@check_errors}> <.error :if={@check_errors}>
Hubo un error. Hubo un error.
</.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[: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[:email]} type="email" placeholder="Email" required />
<.input class="imput_text w-40" field={@form[:password]} type="password" placeholder="Contraseña" required /> <.input class="imput_text w-40" field={@form[:password]} type="password" placeholder="Contraseña" required />
<:actions> <: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> </:actions>
</.simple_form> </.simple_form>
</div> </div>