Gava/agenciapsilmno
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

melissa/templates: count badges usam .mdt-page__count (consistencia + fix dark)

Browse Source 
Badges .mdt-section__count.is-info e .is-accent tinham o mesmo
problema do botao primary: bg solido com texto branco/cor primary
quebrava o contraste no modo escuro (texto sumia).

Trocados pelo .mdt-page__count (mesmo estilo do badge no header
da pagina) — usa var(--m-accent-soft) que adapta ao tema.

Tambem removido o CSS .mdt-section__count (e .is-info / .is-accent)
que ficou orfao.

Visual: numero do contador (17 globais, N tenant) com o mesmo
estilo do "17" no header — consistencia visual + dark mode safe.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Leonardo
2026-05-21 21:11:28 -03:00
parent 402def7539
commit c6105df98a
1 changed files with 4 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/layout/melissa/MelissaDocumentosTemplates.vue
+4 -21
View File
@@ -364,7 +364,7 @@ onBeforeUnmount(() => {
<i class="pi pi-shield" />
<span>Templates do sistema</span>
</div>
<span class="mdt-section__count is-info">{{ globalTemplates.length }}</span>
<span class="mdt-page__count">{{ globalTemplates.length }}</span>
</header>
<p class="mdt-side__subtitle">Modelos padrão da plataforma. Clique pra duplicar e personalizar.</p>
@@ -408,7 +408,7 @@ onBeforeUnmount(() => {
<i class="pi pi-user-edit" />
<span>Seus documentos</span>
</div>
<span class="mdt-section__count is-accent">{{ tenantTemplates.length }}</span>
<span class="mdt-page__count">{{ tenantTemplates.length }}</span>
</div>
<p class="mdt-main__subtitle">
Templates personalizados da sua clínica. Crie do zero ou duplique um modelo do sistema.
@@ -1031,25 +1031,8 @@ onBeforeUnmount(() => {
font-size: 0.92rem;
color: var(--m-text-muted);
}
.mdt-section__count {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 24px;
height: 22px;
padding: 0 8px;
border-radius: 999px;
font-size: 0.72rem;
font-weight: 700;
}
.mdt-section__count.is-info {
background: color-mix(in srgb, rgb(37, 99, 235) 18%, transparent);
color: rgb(37, 99, 235);
}
.mdt-section__count.is-accent {
background: var(--m-accent);
color: white;
}
/* .mdt-section__count removido — substituido por .mdt-page__count
(mesmo estilo do header, evita conflito de contraste no dark mode) */
.mdt-grid {
display: grid;