diff --git a/src/layout/melissa/MelissaPaciente.vue b/src/layout/melissa/MelissaPaciente.vue index ac40248..5772a4b 100644 --- a/src/layout/melissa/MelissaPaciente.vue +++ b/src/layout/melissa/MelissaPaciente.vue @@ -2382,14 +2382,25 @@ onBeforeUnmount(() => { + simples inline com tipo/data/hora/duracao/modalidade/titulo/obs. + Header custom: icon + titulo + subtitulo com nome do paciente. --> +
@@ -3578,6 +3589,47 @@ onBeforeUnmount(() => { opacity: 0.75; } +/* Header customizado do Dialog Nova Sessao: icon + titulo + subtitulo */ +.mpa-dlg-head { + display: flex; + align-items: center; + gap: 12px; + flex: 1; + min-width: 0; +} +.mpa-dlg-head__icon { + width: 40px; + height: 40px; + display: grid; + place-items: center; + border-radius: 10px; + background: color-mix(in srgb, var(--p-primary-color) 16%, transparent); + color: var(--p-primary-color); + flex-shrink: 0; +} +.mpa-dlg-head__icon > i { font-size: 1.05rem; } +.mpa-dlg-head__text { + flex: 1; + min-width: 0; + display: flex; + flex-direction: column; + gap: 2px; +} +.mpa-dlg-head__title { + font-size: 1rem; + font-weight: 700; + color: var(--m-text); + line-height: 1.2; +} +.mpa-dlg-head__sub { + font-size: 0.78rem; + color: var(--m-text-muted); + line-height: 1.3; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + /* Bloco de frequencia dentro do dialog Nova Sessao (espelha AgendaEventDialog) */ .mpa-recur { margin-top: 4px;