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:
@@ -1964,6 +1964,7 @@ onBeforeUnmount(() => {
|
|||||||
.mar-body { flex-direction: column; padding: 0; }
|
.mar-body { flex-direction: column; padding: 0; }
|
||||||
.mar-main { width: 100%; padding: 8px; }
|
.mar-main { width: 100%; padding: 8px; }
|
||||||
.mar-page__title > span:first-of-type { display: none; }
|
.mar-page__title > span:first-of-type { display: none; }
|
||||||
|
.mar-page__title-icon { display: none; }
|
||||||
.mar-menu-btn--mobile-only { display: inline-flex; }
|
.mar-menu-btn--mobile-only { display: inline-flex; }
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -1881,6 +1881,7 @@ onBeforeUnmount(() => {
|
|||||||
.mcr-body { flex-direction: column; padding: 0; }
|
.mcr-body { flex-direction: column; padding: 0; }
|
||||||
.mcr-main { width: 100%; padding: 8px; }
|
.mcr-main { width: 100%; padding: 8px; }
|
||||||
.mcr-page__title > span:first-of-type { display: none; }
|
.mcr-page__title > span:first-of-type { display: none; }
|
||||||
|
.mcr-page__title-icon { display: none; }
|
||||||
.mcr-menu-btn--mobile-only { display: inline-flex; }
|
.mcr-menu-btn--mobile-only { display: inline-flex; }
|
||||||
/* Em mobile mostra todas as colunas — scroll horizontal habilitado
|
/* Em mobile mostra todas as colunas — scroll horizontal habilitado
|
||||||
via tableStyle min-width:640px. Coluna "Ação" frozen à direita
|
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-body { flex-direction: column; padding: 0; }
|
||||||
.mc-main { width: 100%; padding: 8px; }
|
.mc-main { width: 100%; padding: 8px; }
|
||||||
.mc-page__title > span:first-of-type { display: none; }
|
.mc-page__title > span:first-of-type { display: none; }
|
||||||
|
.mc-page__title-icon { display: none; }
|
||||||
.mc-menu-btn--mobile-only { display: inline-flex; }
|
.mc-menu-btn--mobile-only { display: inline-flex; }
|
||||||
/* Em mobile o "Novo" só ícone pra economizar espaço */
|
/* Em mobile o "Novo" só ícone pra economizar espaço */
|
||||||
.mc-act-btn--primary span { display: none; }
|
.mc-act-btn--primary span { display: none; }
|
||||||
|
|||||||
@@ -1287,6 +1287,7 @@ watch(() => tenantStore.activeTenantId, async () => {
|
|||||||
min-height: 80px;
|
min-height: 80px;
|
||||||
}
|
}
|
||||||
.mw-page__title > span:first-of-type { display: none; }
|
.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; }
|
.mw-menu-btn--mobile-only { display: inline-flex; }
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -845,6 +845,7 @@ onBeforeUnmount(() => {
|
|||||||
.md-body { flex-direction: column; padding: 0; }
|
.md-body { flex-direction: column; padding: 0; }
|
||||||
.md-main { width: 100%; padding: 8px; }
|
.md-main { width: 100%; padding: 8px; }
|
||||||
.md-page__title > span:first-of-type { display: none; }
|
.md-page__title > span:first-of-type { display: none; }
|
||||||
|
.md-page__title-icon { display: none; }
|
||||||
.md-menu-btn--mobile-only { display: inline-flex; }
|
.md-menu-btn--mobile-only { display: inline-flex; }
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -847,6 +847,7 @@ onMounted(async () => {
|
|||||||
/* ─── Mobile (<1024px) ─── */
|
/* ─── Mobile (<1024px) ─── */
|
||||||
@media (max-width: 1023px) {
|
@media (max-width: 1023px) {
|
||||||
.mf-page__title > span:first-of-type { display: none; }
|
.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 span { display: none; }
|
||||||
.mf-act-btn--primary { width: 32px; padding: 0; justify-content: center; }
|
.mf-act-btn--primary { width: 32px; padding: 0; justify-content: center; }
|
||||||
.mf-cashflow__count {
|
.mf-cashflow__count {
|
||||||
|
|||||||
@@ -1685,6 +1685,7 @@ onBeforeUnmount(() => {
|
|||||||
.mfl-body { flex-direction: column; padding: 0; }
|
.mfl-body { flex-direction: column; padding: 0; }
|
||||||
.mfl-main { width: 100%; padding: 8px; }
|
.mfl-main { width: 100%; padding: 8px; }
|
||||||
.mfl-page__title > span:first-of-type { display: none; }
|
.mfl-page__title > span:first-of-type { display: none; }
|
||||||
|
.mfl-page__title-icon { display: none; }
|
||||||
.mfl-menu-btn--mobile-only { display: inline-flex; }
|
.mfl-menu-btn--mobile-only { display: inline-flex; }
|
||||||
.mfl-act-btn--primary span { display: none; }
|
.mfl-act-btn--primary span { display: none; }
|
||||||
.mfl-act-btn--primary { width: 32px; padding: 0; justify-content: center; }
|
.mfl-act-btn--primary { width: 32px; padding: 0; justify-content: center; }
|
||||||
|
|||||||
@@ -2401,6 +2401,7 @@ watch(editPatientDialog, (isOpen) => {
|
|||||||
.mg-body { flex-direction: column; padding: 0; }
|
.mg-body { flex-direction: column; padding: 0; }
|
||||||
.mg-main { width: 100%; padding: 8px; }
|
.mg-main { width: 100%; padding: 8px; }
|
||||||
.mg-page__title > span:first-of-type { display: none; }
|
.mg-page__title > span:first-of-type { display: none; }
|
||||||
|
.mg-page__title-icon { display: none; }
|
||||||
.mg-menu-btn--mobile-only { display: inline-flex; }
|
.mg-menu-btn--mobile-only { display: inline-flex; }
|
||||||
.mg-act-btn--primary span { display: none; }
|
.mg-act-btn--primary span { display: none; }
|
||||||
.mg-act-btn--primary { width: 32px; padding: 0; justify-content: center; }
|
.mg-act-btn--primary { width: 32px; padding: 0; justify-content: center; }
|
||||||
|
|||||||
@@ -2541,6 +2541,7 @@ watch(editPatientDialog, (isOpen) => {
|
|||||||
.mm-body { flex-direction: column; padding: 0; }
|
.mm-body { flex-direction: column; padding: 0; }
|
||||||
.mm-main { width: 100%; padding: 8px; }
|
.mm-main { width: 100%; padding: 8px; }
|
||||||
.mm-page__title > span:first-of-type { display: none; }
|
.mm-page__title > span:first-of-type { display: none; }
|
||||||
|
.mm-page__title-icon { display: none; }
|
||||||
.mm-menu-btn--mobile-only { display: inline-flex; }
|
.mm-menu-btn--mobile-only { display: inline-flex; }
|
||||||
.mm-act-btn--primary span { display: none; }
|
.mm-act-btn--primary span { display: none; }
|
||||||
.mm-act-btn--primary { width: 32px; padding: 0; justify-content: center; }
|
.mm-act-btn--primary { width: 32px; padding: 0; justify-content: center; }
|
||||||
|
|||||||
@@ -1453,6 +1453,7 @@ onBeforeUnmount(() => {
|
|||||||
.mn-body { flex-direction: column; padding: 0; }
|
.mn-body { flex-direction: column; padding: 0; }
|
||||||
.mn-main { width: 100%; padding: 8px; }
|
.mn-main { width: 100%; padding: 8px; }
|
||||||
.mn-page__title > span:first-of-type { display: none; }
|
.mn-page__title > span:first-of-type { display: none; }
|
||||||
|
.mn-page__title-icon { display: none; }
|
||||||
.mn-menu-btn--mobile-only { display: inline-flex; }
|
.mn-menu-btn--mobile-only { display: inline-flex; }
|
||||||
.mn-act-btn span { display: none; }
|
.mn-act-btn span { display: none; }
|
||||||
.mn-act-btn { width: 32px; padding: 0; justify-content: center; }
|
.mn-act-btn { width: 32px; padding: 0; justify-content: center; }
|
||||||
|
|||||||
@@ -1439,6 +1439,7 @@ onBeforeUnmount(() => {
|
|||||||
.mr-body { flex-direction: column; padding: 0; }
|
.mr-body { flex-direction: column; padding: 0; }
|
||||||
.mr-main { width: 100%; padding: 8px; }
|
.mr-main { width: 100%; padding: 8px; }
|
||||||
.mr-page__title > span:first-of-type { display: none; }
|
.mr-page__title > span:first-of-type { display: none; }
|
||||||
|
.mr-page__title-icon { display: none; }
|
||||||
.mr-menu-btn--mobile-only { display: inline-flex; }
|
.mr-menu-btn--mobile-only { display: inline-flex; }
|
||||||
.mr-card__foot { gap: 4px; }
|
.mr-card__foot { gap: 4px; }
|
||||||
.mr-card__btn { font-size: 0.72rem; padding: 5px 9px; }
|
.mr-card__btn { font-size: 0.72rem; padding: 5px 9px; }
|
||||||
|
|||||||
@@ -1162,6 +1162,7 @@ onBeforeUnmount(() => {
|
|||||||
.mr-body { flex-direction: column; padding: 0; }
|
.mr-body { flex-direction: column; padding: 0; }
|
||||||
.mr-main { width: 100%; padding: 8px; }
|
.mr-main { width: 100%; padding: 8px; }
|
||||||
.mr-page__title > span:first-of-type { display: none; }
|
.mr-page__title > span:first-of-type { display: none; }
|
||||||
|
.mr-page__title-icon { display: none; }
|
||||||
.mr-menu-btn--mobile-only { display: inline-flex; }
|
.mr-menu-btn--mobile-only { display: inline-flex; }
|
||||||
.mr-stats { grid-template-columns: repeat(3, 1fr); }
|
.mr-stats { grid-template-columns: repeat(3, 1fr); }
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -2363,6 +2363,7 @@ watch(editPatientDialog, (isOpen) => {
|
|||||||
.mt-body { flex-direction: column; padding: 0; }
|
.mt-body { flex-direction: column; padding: 0; }
|
||||||
.mt-main { width: 100%; padding: 8px; }
|
.mt-main { width: 100%; padding: 8px; }
|
||||||
.mt-page__title > span:first-of-type { display: none; }
|
.mt-page__title > span:first-of-type { display: none; }
|
||||||
|
.mt-page__title-icon { display: none; }
|
||||||
.mt-menu-btn--mobile-only { display: inline-flex; }
|
.mt-menu-btn--mobile-only { display: inline-flex; }
|
||||||
.mt-act-btn--primary span { display: none; }
|
.mt-act-btn--primary span { display: none; }
|
||||||
.mt-act-btn--primary { width: 32px; padding: 0; justify-content: center; }
|
.mt-act-btn--primary { width: 32px; padding: 0; justify-content: center; }
|
||||||
|
|||||||
Reference in New Issue
Block a user