From f4ac580b832a7ba7656ce5494d4adb301b5b4224 Mon Sep 17 00:00:00 2001
From: joao_pedro <jpbrasil763@gmail.com>
Date: Wed, 5 Nov 2025 16:58:12 -0300
Subject: [PATCH] Detalhes esteticos finalizados

---
 .../AgendarConsulta/TabelaAgendamentoMes.jsx  |  5 +++-
 .../AgendarConsulta/style/card-consulta.css   | 23 +++++++++++++++----
 .../style/styleTabelas/tabelames.css          |  6 +++++
 3 files changed, 29 insertions(+), 5 deletions(-)

diff --git a/src/components/AgendarConsulta/TabelaAgendamentoMes.jsx b/src/components/AgendarConsulta/TabelaAgendamentoMes.jsx
index 471b4ea..29b25f0 100644
--- a/src/components/AgendarConsulta/TabelaAgendamentoMes.jsx
+++ b/src/components/AgendarConsulta/TabelaAgendamentoMes.jsx
@@ -212,7 +212,7 @@ const TabelaAgendamentoMes = ({ ListarDiasdoMes, agendamentos, setShowDeleteModa
             {Object.keys(AgendamentosMensaisOrganizados[indice]).map((semanaKey) => {
               const semana = AgendamentosMensaisOrganizados[indice][semanaKey]
               console.log(AgendamentosMensaisOrganizados[indice][semanaKey], 'ajdsahchbaohdfoduh')
-
+             
 
               return(
                <tr key={semanaKey}>
@@ -220,6 +220,9 @@ const TabelaAgendamentoMes = ({ ListarDiasdoMes, agendamentos, setShowDeleteModa
       {
         semana && typeof semana === "object" && Object.keys(semana).map((dia) => (
           <td key={dia} >
+            <div className='dia-tabelamensal'>
+             <p> {(semana[dia]|| [])[0]?.scheduled_at.split("-")[2].split("T")[0]}</p>
+            </div>
             <CardConsulta TabelaAgendamento={'mes'} DadosConsulta={((semana[dia]|| [])[0]) || {status:'vazio'}} setShowDeleteModal={setShowDeleteModal} setSelectedId={setSelectedId} setDictInfo={setDictInfo} setShowConfirmModal={setShowConfirmModal}  coresConsultas={coresConsultas} setListaConsultaID={setListaConsultaID} listaConsultasID={listaConsultasID}/>
             <CardConsulta TabelaAgendamento={'mes'} DadosConsulta={((semana[dia]|| [])[1]) || {status:'vazio'}} setShowDeleteModal={setShowDeleteModal} setSelectedId={setSelectedId} setDictInfo={setDictInfo} setShowConfirmModal={setShowConfirmModal}  coresConsultas={coresConsultas} setListaConsultaID={setListaConsultaID} listaConsultasID={listaConsultasID}/>
             <CardConsulta TabelaAgendamento={'mes'} DadosConsulta={((semana[dia]|| [])[2]) || {status:'vazio'}} setShowDeleteModal={setShowDeleteModal} setSelectedId={setSelectedId} setDictInfo={setDictInfo} setShowConfirmModal={setShowConfirmModal}  coresConsultas={coresConsultas} setListaConsultaID={setListaConsultaID} listaConsultasID={listaConsultasID}/>
diff --git a/src/components/AgendarConsulta/style/card-consulta.css b/src/components/AgendarConsulta/style/card-consulta.css
index c66a6bf..34d8dea 100644
--- a/src/components/AgendarConsulta/style/card-consulta.css
+++ b/src/components/AgendarConsulta/style/card-consulta.css
@@ -55,10 +55,7 @@
 
 /* 7. Estilos para os ícones dentro dos botões (já está no JSX com fs-4) */
 /* .fs-4 do Bootstrap já cuida do tamanho do ícone. Se precisar de mais controle, adicione aqui. */
-.action-button .bi {
-    /* Exemplo: se precisar de um ajuste fino além do fs-4 */
-    /* font-size: 1.5rem; */
-}
+
 
 .btn-confirm-style{
    background-color: #5ce687;
@@ -70,3 +67,21 @@
   border: #91d392;
 }
 
+/* Aplique isso às classes que contêm os nomes do Médico e do Paciente */
+
+.cardconsulta-infosecundaria p,
+.cardconsulta-infoprimaria p {
+    /* 1. Força o texto a não quebrar para a próxima linha */
+    white-space: nowrap; 
+    
+    /* 2. Oculta qualquer texto que ultrapasse a largura do contêiner */
+    overflow: hidden; 
+    
+    /* 3. Adiciona reticências (...) ao final do texto truncado */
+    text-overflow: ellipsis; 
+}
+
+.tabelamensal .container-cardconsulta{
+  width: 24rem;
+
+}
\ No newline at end of file
diff --git a/src/components/AgendarConsulta/style/styleTabelas/tabelames.css b/src/components/AgendarConsulta/style/styleTabelas/tabelames.css
index 707823c..ef454b0 100644
--- a/src/components/AgendarConsulta/style/styleTabelas/tabelames.css
+++ b/src/components/AgendarConsulta/style/styleTabelas/tabelames.css
@@ -231,3 +231,9 @@ html[data-bs-theme="dark"] .cards-que-faltam {
  
 }
 
+.dia-tabelamensal p {
+    font-weight: bold; /* Deixa o número em negrito */
+    color: #0078d7; /* Garante que seja preto */
+    font-size: 16px; /* Ajuste o tamanho para harmonizar com o restante */
+    /* Adicione a mesma família de fonte usada para o restante do app, se necessário */
+}
\ No newline at end of file