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:
@@ -474,13 +474,13 @@ function sessaoStatusColor(s) {
|
||||
<div class="flex items-center gap-2">
|
||||
<button
|
||||
class="mp-header-btn"
|
||||
title="Ir pra Agenda"
|
||||
v-tooltip.bottom="'Ir pra Agenda'"
|
||||
@click="emit('goto-agenda')"
|
||||
>
|
||||
<i class="pi pi-calendar text-xs" />
|
||||
<span>Ir pra agenda</span>
|
||||
</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" />
|
||||
</button>
|
||||
</div>
|
||||
@@ -513,7 +513,7 @@ function sessaoStatusColor(s) {
|
||||
<button
|
||||
v-if="grupoFiltroId"
|
||||
class="mp-side__clear"
|
||||
title="Limpar filtro de grupo"
|
||||
v-tooltip.top="'Limpar filtro de grupo'"
|
||||
@click="grupoFiltroId = null"
|
||||
>
|
||||
<i class="pi pi-times text-[0.6rem]" />
|
||||
@@ -543,7 +543,7 @@ function sessaoStatusColor(s) {
|
||||
<button
|
||||
v-if="tagFiltroId"
|
||||
class="mp-side__clear"
|
||||
title="Limpar filtro de tag"
|
||||
v-tooltip.top="'Limpar filtro de tag'"
|
||||
@click="tagFiltroId = null"
|
||||
>
|
||||
<i class="pi pi-times text-[0.6rem]" />
|
||||
@@ -687,35 +687,35 @@ function sessaoStatusColor(s) {
|
||||
<div class="mp-card__actions" @click.stop>
|
||||
<button
|
||||
class="mp-card__action"
|
||||
title="Abrir prontuário"
|
||||
v-tooltip.top="'Abrir prontuário'"
|
||||
@click="abrirProntuario(p)"
|
||||
>
|
||||
<i class="pi pi-file" />
|
||||
</button>
|
||||
<button
|
||||
class="mp-card__action"
|
||||
title="Ver sessões"
|
||||
v-tooltip.top="'Ver sessões'"
|
||||
@click="verSessoes(p)"
|
||||
>
|
||||
<i class="pi pi-history" />
|
||||
</button>
|
||||
<button
|
||||
class="mp-card__action"
|
||||
title="Conversar (WhatsApp)"
|
||||
v-tooltip.top="'Conversar (WhatsApp)'"
|
||||
@click="abrirWhatsapp(p)"
|
||||
>
|
||||
<i class="pi pi-whatsapp" />
|
||||
</button>
|
||||
<button
|
||||
class="mp-card__action"
|
||||
title="Editar"
|
||||
v-tooltip.top="'Editar'"
|
||||
@click="editarPaciente(p)"
|
||||
>
|
||||
<i class="pi pi-pencil" />
|
||||
</button>
|
||||
<button
|
||||
class="mp-card__action mp-card__action--danger"
|
||||
title="Arquivar"
|
||||
v-tooltip.top="'Arquivar'"
|
||||
@click="confirmarRemover(p)"
|
||||
>
|
||||
<i class="pi pi-trash" />
|
||||
@@ -758,7 +758,7 @@ function sessaoStatusColor(s) {
|
||||
|
||||
<!-- Paciente selecionado: detalhes + ações -->
|
||||
<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" />
|
||||
</button>
|
||||
<div class="mp-detail__avatar">
|
||||
|
||||
Reference in New Issue
Block a user