diff --git a/src/components/AgendarConsulta/FormNovaConsulta.jsx b/src/components/AgendarConsulta/FormNovaConsulta.jsx
index 1ce6f12..120aa56 100644
--- a/src/components/AgendarConsulta/FormNovaConsulta.jsx
+++ b/src/components/AgendarConsulta/FormNovaConsulta.jsx
@@ -98,6 +98,7 @@ const FormNovaConsulta = ({ onCancel }) => {
diff --git a/src/components/AgendarConsulta/style/formagendamentos.css b/src/components/AgendarConsulta/style/formagendamentos.css
index d41eb61..3684f90 100644
--- a/src/components/AgendarConsulta/style/formagendamentos.css
+++ b/src/components/AgendarConsulta/style/formagendamentos.css
@@ -123,7 +123,8 @@
margin-top: 10px;
display: flex;
flex-direction: row;
- gap: rem;
+ gap: 4rem;
+
}
textarea{
@@ -132,14 +133,30 @@ textarea{
}
-#informacoes-atendimento-segunda-linha-esquerda input{
- width: 200px;
+.campos-informacoes-paciente,
+.campo-informacoes-atendimento {
+ display: flex;
+ gap: 16px; /* espaço entre campos */
}
-input[type='text']{
- width: 600px;
+.campo-de-input {
+ flex: 1; /* todos os filhos ocupam mesmo espaço */
+ display: flex;
+ flex-direction: column; /* mantém label em cima do input */
}
-select[name='solicitante']{
+#informacoes-atendimento-segunda-linha-esquerda select[name="unidade"]{
width: 300px;
+}
+
+input[type="time"]{
+ width: 150px;
+}
+
+select[name=solicitante]{
+ width: 190px;
+}
+
+.campo-de-input{
+ width:120%
}
\ No newline at end of file
diff --git a/src/pages/Agendamento.jsx b/src/pages/Agendamento.jsx
index 66349fd..0f68825 100644
--- a/src/pages/Agendamento.jsx
+++ b/src/pages/Agendamento.jsx
@@ -10,6 +10,11 @@ import "./style/Agendamento.css";
const Agendamento = () => {
+ const [FiladeEspera, setFiladeEspera] = useState(false)
+ const [tabela, setTabela] = useState('diario')
+ const [PageNovaConsulta, setPageConsulta] = useState(false)
+
+
const ListarDiasdoMes = (ano, mes) => {
let segundas = []; let tercas = []; let quartas = []; let quintas = []; let sextas = []
@@ -54,8 +59,6 @@ const Agendamento = () => {
return ListaDiasDatas
}
- const [tabela, setTabela] = useState('diario')
- const [PageNovaConsulta, setPageConsulta] = useState(false)
const handleClickAgendamento = (agendamento) => {
@@ -76,6 +79,7 @@ const Agendamento = () => {
Agendar nova consulta
+
{!PageNovaConsulta? (
@@ -106,25 +110,36 @@ const Agendamento = () => {
-
+
+
+
+
-
-
-
+
+
+
+
+
+
+
+
+
+
+
@@ -142,6 +157,8 @@ const Agendamento = () => {
Cancelado
+
+
{tabela === "diario" && (