Melissa pages: esconde page-title-icon em mobile

No mobile o botao "Menu Lancamentos/Notificacoes/etc" ja indica a sessao,
entao o pi-list/pi-bell ao lado do contador era redundante. Adiciona
.<prefix>-page__title-icon { display: none; } no @media max-width: 1023px.
Em MelissaConversas usa > i:first-child (icone nao tem classe dedicada).

Pages: FinanceiroLancamentos, Compromissos, Documentos, CadastrosRecebidos,
Conversas, AgendamentosRecebidos, Financeiro, Grupos, Notificacoes, Tags,
Medicos, Relatorios, Recorrencias.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Leonardo
2026-05-06 13:54:28 -03:00
parent 02af119dc6
commit bad828cab3
13 changed files with 13 additions and 0 deletions
@@ -1964,6 +1964,7 @@ onBeforeUnmount(() => {
.mar-body { flex-direction: column; padding: 0; }
.mar-main { width: 100%; padding: 8px; }
.mar-page__title > span:first-of-type { display: none; }
.mar-page__title-icon { display: none; }
.mar-menu-btn--mobile-only { display: inline-flex; }
}
</style>
@@ -1881,6 +1881,7 @@ onBeforeUnmount(() => {
.mcr-body { flex-direction: column; padding: 0; }
.mcr-main { width: 100%; padding: 8px; }
.mcr-page__title > span:first-of-type { display: none; }
.mcr-page__title-icon { display: none; }
.mcr-menu-btn--mobile-only { display: inline-flex; }
/* Em mobile mostra todas as colunas — scroll horizontal habilitado
via tableStyle min-width:640px. Coluna "Ação" frozen à direita
@@ -1916,6 +1916,7 @@ async function onDelete(c) {
.mc-body { flex-direction: column; padding: 0; }
.mc-main { width: 100%; padding: 8px; }
.mc-page__title > span:first-of-type { display: none; }
.mc-page__title-icon { display: none; }
.mc-menu-btn--mobile-only { display: inline-flex; }
/* Em mobile o "Novo" só ícone pra economizar espaço */
.mc-act-btn--primary span { display: none; }
+1
View File
@@ -1287,6 +1287,7 @@ watch(() => tenantStore.activeTenantId, async () => {
min-height: 80px;
}
.mw-page__title > span:first-of-type { display: none; }
.mw-page__title > i:first-child { display: none; }
.mw-menu-btn--mobile-only { display: inline-flex; }
}
</style>
+1
View File
@@ -845,6 +845,7 @@ onBeforeUnmount(() => {
.md-body { flex-direction: column; padding: 0; }
.md-main { width: 100%; padding: 8px; }
.md-page__title > span:first-of-type { display: none; }
.md-page__title-icon { display: none; }
.md-menu-btn--mobile-only { display: inline-flex; }
}
</style>
+1
View File
@@ -847,6 +847,7 @@ onMounted(async () => {
/* ─── Mobile (<1024px) ─── */
@media (max-width: 1023px) {
.mf-page__title > span:first-of-type { display: none; }
.mf-page__title-icon { display: none; }
.mf-act-btn--primary span { display: none; }
.mf-act-btn--primary { width: 32px; padding: 0; justify-content: center; }
.mf-cashflow__count {
@@ -1685,6 +1685,7 @@ onBeforeUnmount(() => {
.mfl-body { flex-direction: column; padding: 0; }
.mfl-main { width: 100%; padding: 8px; }
.mfl-page__title > span:first-of-type { display: none; }
.mfl-page__title-icon { display: none; }
.mfl-menu-btn--mobile-only { display: inline-flex; }
.mfl-act-btn--primary span { display: none; }
.mfl-act-btn--primary { width: 32px; padding: 0; justify-content: center; }
+1
View File
@@ -2401,6 +2401,7 @@ watch(editPatientDialog, (isOpen) => {
.mg-body { flex-direction: column; padding: 0; }
.mg-main { width: 100%; padding: 8px; }
.mg-page__title > span:first-of-type { display: none; }
.mg-page__title-icon { display: none; }
.mg-menu-btn--mobile-only { display: inline-flex; }
.mg-act-btn--primary span { display: none; }
.mg-act-btn--primary { width: 32px; padding: 0; justify-content: center; }
+1
View File
@@ -2541,6 +2541,7 @@ watch(editPatientDialog, (isOpen) => {
.mm-body { flex-direction: column; padding: 0; }
.mm-main { width: 100%; padding: 8px; }
.mm-page__title > span:first-of-type { display: none; }
.mm-page__title-icon { display: none; }
.mm-menu-btn--mobile-only { display: inline-flex; }
.mm-act-btn--primary span { display: none; }
.mm-act-btn--primary { width: 32px; padding: 0; justify-content: center; }
@@ -1453,6 +1453,7 @@ onBeforeUnmount(() => {
.mn-body { flex-direction: column; padding: 0; }
.mn-main { width: 100%; padding: 8px; }
.mn-page__title > span:first-of-type { display: none; }
.mn-page__title-icon { display: none; }
.mn-menu-btn--mobile-only { display: inline-flex; }
.mn-act-btn span { display: none; }
.mn-act-btn { width: 32px; padding: 0; justify-content: center; }
@@ -1439,6 +1439,7 @@ onBeforeUnmount(() => {
.mr-body { flex-direction: column; padding: 0; }
.mr-main { width: 100%; padding: 8px; }
.mr-page__title > span:first-of-type { display: none; }
.mr-page__title-icon { display: none; }
.mr-menu-btn--mobile-only { display: inline-flex; }
.mr-card__foot { gap: 4px; }
.mr-card__btn { font-size: 0.72rem; padding: 5px 9px; }
+1
View File
@@ -1162,6 +1162,7 @@ onBeforeUnmount(() => {
.mr-body { flex-direction: column; padding: 0; }
.mr-main { width: 100%; padding: 8px; }
.mr-page__title > span:first-of-type { display: none; }
.mr-page__title-icon { display: none; }
.mr-menu-btn--mobile-only { display: inline-flex; }
.mr-stats { grid-template-columns: repeat(3, 1fr); }
}
+1
View File
@@ -2363,6 +2363,7 @@ watch(editPatientDialog, (isOpen) => {
.mt-body { flex-direction: column; padding: 0; }
.mt-main { width: 100%; padding: 8px; }
.mt-page__title > span:first-of-type { display: none; }
.mt-page__title-icon { display: none; }
.mt-menu-btn--mobile-only { display: inline-flex; }
.mt-act-btn--primary span { display: none; }
.mt-act-btn--primary { width: 32px; padding: 0; justify-content: center; }