MelissaPacientes: title="" -> v-tooltip pra alinhar com MelissaAgenda

10 botoes da pagina (header, filtros side, acoes inline do card,
fechar selecao da quick view) usavam o atributo HTML title nativo,
fora da convencao do projeto. Substitui por v-tooltip do PrimeVue
(auto-registrado via PrimeVueResolver) com posicao explicita por
contexto: bottom no header, top nas acoes, left no close da detail.

Sem mudanca funcional — apenas visual e de consistencia.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Leonardo
2026-04-28 17:31:10 -03:00
parent 629e7ce18e
commit 68d601e0f4
+10 -10
View File
@@ -474,13 +474,13 @@ function sessaoStatusColor(s) {
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<button <button
class="mp-header-btn" class="mp-header-btn"
title="Ir pra Agenda" v-tooltip.bottom="'Ir pra Agenda'"
@click="emit('goto-agenda')" @click="emit('goto-agenda')"
> >
<i class="pi pi-calendar text-xs" /> <i class="pi pi-calendar text-xs" />
<span>Ir pra agenda</span> <span>Ir pra agenda</span>
</button> </button>
<button class="mp-close" title="Voltar ao resumo (Esc)" @click="emit('close')"> <button class="mp-close" v-tooltip.bottom="'Voltar ao resumo (Esc)'" @click="emit('close')">
<i class="pi pi-times text-sm" /> <i class="pi pi-times text-sm" />
</button> </button>
</div> </div>
@@ -513,7 +513,7 @@ function sessaoStatusColor(s) {
<button <button
v-if="grupoFiltroId" v-if="grupoFiltroId"
class="mp-side__clear" class="mp-side__clear"
title="Limpar filtro de grupo" v-tooltip.top="'Limpar filtro de grupo'"
@click="grupoFiltroId = null" @click="grupoFiltroId = null"
> >
<i class="pi pi-times text-[0.6rem]" /> <i class="pi pi-times text-[0.6rem]" />
@@ -543,7 +543,7 @@ function sessaoStatusColor(s) {
<button <button
v-if="tagFiltroId" v-if="tagFiltroId"
class="mp-side__clear" class="mp-side__clear"
title="Limpar filtro de tag" v-tooltip.top="'Limpar filtro de tag'"
@click="tagFiltroId = null" @click="tagFiltroId = null"
> >
<i class="pi pi-times text-[0.6rem]" /> <i class="pi pi-times text-[0.6rem]" />
@@ -687,35 +687,35 @@ function sessaoStatusColor(s) {
<div class="mp-card__actions" @click.stop> <div class="mp-card__actions" @click.stop>
<button <button
class="mp-card__action" class="mp-card__action"
title="Abrir prontuário" v-tooltip.top="'Abrir prontuário'"
@click="abrirProntuario(p)" @click="abrirProntuario(p)"
> >
<i class="pi pi-file" /> <i class="pi pi-file" />
</button> </button>
<button <button
class="mp-card__action" class="mp-card__action"
title="Ver sessões" v-tooltip.top="'Ver sessões'"
@click="verSessoes(p)" @click="verSessoes(p)"
> >
<i class="pi pi-history" /> <i class="pi pi-history" />
</button> </button>
<button <button
class="mp-card__action" class="mp-card__action"
title="Conversar (WhatsApp)" v-tooltip.top="'Conversar (WhatsApp)'"
@click="abrirWhatsapp(p)" @click="abrirWhatsapp(p)"
> >
<i class="pi pi-whatsapp" /> <i class="pi pi-whatsapp" />
</button> </button>
<button <button
class="mp-card__action" class="mp-card__action"
title="Editar" v-tooltip.top="'Editar'"
@click="editarPaciente(p)" @click="editarPaciente(p)"
> >
<i class="pi pi-pencil" /> <i class="pi pi-pencil" />
</button> </button>
<button <button
class="mp-card__action mp-card__action--danger" class="mp-card__action mp-card__action--danger"
title="Arquivar" v-tooltip.top="'Arquivar'"
@click="confirmarRemover(p)" @click="confirmarRemover(p)"
> >
<i class="pi pi-trash" /> <i class="pi pi-trash" />
@@ -758,7 +758,7 @@ function sessaoStatusColor(s) {
<!-- Paciente selecionado: detalhes + ações --> <!-- Paciente selecionado: detalhes + ações -->
<div v-if="pacienteSelecionado" class="mp-detail"> <div v-if="pacienteSelecionado" class="mp-detail">
<button class="mp-detail__close" title="Limpar seleção" @click="limparSelecao"> <button class="mp-detail__close" v-tooltip.left="'Limpar seleção'" @click="limparSelecao">
<i class="pi pi-times text-xs" /> <i class="pi pi-times text-xs" />
</button> </button>
<div class="mp-detail__avatar"> <div class="mp-detail__avatar">