From 2646d72cc64e290f91ae2bf4f923bb4ab7f605ec Mon Sep 17 00:00:00 2001 From: Felipe Ribeiro Date: Thu, 11 Apr 2024 00:38:12 -0300 Subject: [PATCH] Index page finalizada --- cadastrar_consulta.html | 23 +++++----------- cadastro_medico.html | 29 +++++++-------------- cadastro_paciente.html | 16 ++++-------- cadastro_sucesso.html | 31 ++++++++-------------- consultas.html | 23 +++++----------- footer.css | 13 +++++++++ index.css | 39 +++++++++++++++++++++++++++ index.html | 58 ++++++++++++++++++++++++----------------- login.css | 2 +- menu-lateral.css | 7 +++-- script-navbar.js | 16 ++++++++++++ style.css | 23 ++++++++++++++++ 12 files changed, 168 insertions(+), 112 deletions(-) create mode 100644 footer.css create mode 100644 index.css create mode 100644 script-navbar.js diff --git a/cadastrar_consulta.html b/cadastrar_consulta.html index 8fdba35..97bec79 100644 --- a/cadastrar_consulta.html +++ b/cadastrar_consulta.html @@ -11,8 +11,6 @@ - - - - -
-
-

Consultas Cadastrar nova consulta

-
-
-
- +
+
+

Consultas Cadastrar nova consulta

+
+

Escolha a especialidade e siga sua prioridade.
Os profissionais serão listados por ordem de disponibilidade

diff --git a/cadastro_medico.html b/cadastro_medico.html index 325015a..b6b6733 100644 --- a/cadastro_medico.html +++ b/cadastro_medico.html @@ -35,22 +35,14 @@

PORTAL MED

Sair
- + - -
-
-

Consultas Cadastrar novo paciente

-
-
-
- +
+
+

Consultas Cadastrar novo paciente

+
+

Dados Pessoais

@@ -81,7 +73,6 @@

Dados Pessoais

-

Dados de Contato

@@ -117,10 +108,10 @@

Dados Complementares

+
- \ No newline at end of file diff --git a/cadastro_paciente.html b/cadastro_paciente.html index d5f2233..cb0c470 100644 --- a/cadastro_paciente.html +++ b/cadastro_paciente.html @@ -36,14 +36,8 @@

PORTAL MED

Sair - + -
@@ -107,10 +101,10 @@

Dados Complementares

+
- \ No newline at end of file diff --git a/cadastro_sucesso.html b/cadastro_sucesso.html index e2cf363..96e5b01 100644 --- a/cadastro_sucesso.html +++ b/cadastro_sucesso.html @@ -36,23 +36,14 @@

PORTAL MED

Sair - - - - -
-
-

Consultas Novo Cadastro

-
-
- + +
- +
+
+

Consultas Novo Cadastro

+
+

Cadastro-com-sucesso

@@ -61,10 +52,10 @@

Cadastro realizado com sucesso!

+
- \ No newline at end of file diff --git a/consultas.html b/consultas.html index 1b83a64..fd7ea09 100644 --- a/consultas.html +++ b/consultas.html @@ -7,12 +7,10 @@ - Portal Med + Portal Med - - - -
-
-

Consultas Consultas

-
-
- +
+
+

Consultas Consultas

+
+

Filtro de Pesquisa

diff --git a/footer.css b/footer.css new file mode 100644 index 0000000..6e9d35d --- /dev/null +++ b/footer.css @@ -0,0 +1,13 @@ +footer { + display: flex; + width: 100%; + justify-content: flex-end; + position: fixed; + right: 0; + bottom: 0; + padding: 20px; +} + +footer img { + width: 70px; +} \ No newline at end of file diff --git a/index.css b/index.css new file mode 100644 index 0000000..65fbec1 --- /dev/null +++ b/index.css @@ -0,0 +1,39 @@ +.card img { + width: 40px; +} + +.card * { + text-decoration: none; +} + +.col { + width: 100%; + height: max-content; + padding: 20px; +} + +.card { + display: flex; + flex-direction: column; + width: 100%; + height: 150px; + border-radius: 5px; + background-color: #F0F9FF; + box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.2); + color: #000; +} + +.card-body { + margin: 20px; +} + +.card * { + font-weight: 400; +} + +.cards-container { + display: grid; + width: 100%; + gap: 0 20px; + grid-template-columns: repeat(auto-fit, minmax(250px, 300px)); +} \ No newline at end of file diff --git a/index.html b/index.html index 40bc4ee..f71009f 100644 --- a/index.html +++ b/index.html @@ -8,6 +8,8 @@ + + Portal Med @@ -35,34 +37,42 @@

PORTAL MED

Sair
- +
-
-
- - Consultas -

Consultas

-

- -
-
- Pacientes -

Cadastrar Pacientes

-
-
- Pacientes -

Cadastrar Médicos

+
+
+
+ +
+ Consultas +
Consultas
+
+ +
+
+ +
+ Cadastrar Pacientes +
Cadastrar Pacientes
+
+ +
+
+ +
+ Cadastrar Médicos +
Cadastrar Médicos
+
+ +
+ +
+ Logo do Aplicativo +
- diff --git a/login.css b/login.css index 9b1d795..048ca98 100644 --- a/login.css +++ b/login.css @@ -68,7 +68,7 @@ body{ border-radius: 10px; font-size: 15px; width: 100%; - border: #21080847 solid thin; + border: #21080847 solid thin; } diff --git a/menu-lateral.css b/menu-lateral.css index 44a79e9..33499f1 100644 --- a/menu-lateral.css +++ b/menu-lateral.css @@ -15,6 +15,7 @@ transform: translateX(100%); top: 0; right: 0; + z-index: 999; } #menu-lateral .btn-accordion img { @@ -29,10 +30,8 @@ padding: 20px; box-sizing: border-box; text-align: center; - position: fixed; - left: 0; + position: sticky; top: 0; - transition: transform 0.5s ease-in-out; } #menu-lateral .titulo { @@ -122,5 +121,5 @@ } .hidden { - transform: translateX(-100%); + transform: translateX(-245px); } \ No newline at end of file diff --git a/script-navbar.js b/script-navbar.js new file mode 100644 index 0000000..5803333 --- /dev/null +++ b/script-navbar.js @@ -0,0 +1,16 @@ +var sidebarHidden = false; + +function toggleSidebar() { + if (sidebarHidden) { + $(".btn-accordion img").removeClass("invert"); + $("#menu-lateral").removeClass("hidden"); + $("main").removeClass("hidden"); + } else { + $(".btn-accordion img").addClass("invert") + $("#menu-lateral").addClass("hidden"); + $("main").addClass("hidden"); + } + sidebarHidden=!sidebarHidden; +} + +$(".btn-accordion").on("click", toggleSidebar); \ No newline at end of file diff --git a/style.css b/style.css index 1253855..63d390f 100644 --- a/style.css +++ b/style.css @@ -1,4 +1,27 @@ * { font-family: "Montserrat", sans-serif; font-optical-sizing: auto; + transition: transform 0.5s ease-in-out; +} + +main, body { + padding: 0; + margin: 0; +} +nav { + z-index: 999; +} + +main { + z-index: 0; + padding: 80px 20px 0; + width: 100%; +} + +.main-container { + width: 100%; +} + +body { + display: flex; } \ No newline at end of file