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

MelissaAgendaConfig: cards crescem com conteudo, sem scroll interno

Browse Source 
Remove min-height/max-height/overflow-y das cards (sidebar e main)
em desktop. Agora cada card cresce naturalmente conforme o conteudo
muda (alternar "Diferente por dia" na Jornada, expandir slots no
Online, etc). O scroll externo do .mac-main/.mac-side__scroll cuida
da pagina inteira.

Decisao especifica desta tela — Perfil/Negocio/Plano/AlterarPlano/
Bloqueios/Agendador continuam com cap 300+scroll porque o conteudo
deles e mais homogeneo. Aqui o conteudo da Jornada varia bastante.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Leonardo
2026-05-06 16:51:36 -03:00
parent d49248979a
commit 11201e1e5d
1 changed files with 4 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/layout/melissa/MelissaAgendaConfig.vue
+4 -35
View File
@@ -1574,41 +1574,10 @@ onBeforeUnmount(() => {
border-radius: 3px;
}
/* Desktop (>=1024): main fica em coluna unica (cards muito densos
pra split 50/50). Sidebar e cards do main ganham min-h 300 +
max-h 100% + body overflow-y: auto pra que mudar de modo
(igual/diferente, adicionar pausas, etc) nao quebre o layout —
cada card scrolla por conta propria sem empurrar os outros. */
@media (min-width: 1024px) {
.mac-side > .mac-side__scroll > .mac-w--side {
min-height: 300px;
max-height: 100%;
display: flex;
flex-direction: column;
}
.mac-main > .mac-w {
min-height: 300px;
max-height: 100%;
display: flex;
flex-direction: column;
}
.mac-side .mac-w--side > .mac-w__body,
.mac-main > .mac-w > .mac-w__body {
flex: 1;
min-height: 0;
overflow-y: auto;
overflow-x: hidden;
scrollbar-width: thin;
scrollbar-color: var(--m-border-strong) transparent;
}
.mac-side .mac-w--side > .mac-w__body::-webkit-scrollbar,
.mac-main > .mac-w > .mac-w__body::-webkit-scrollbar { width: 5px; }
.mac-side .mac-w--side > .mac-w__body::-webkit-scrollbar-thumb,
.mac-main > .mac-w > .mac-w__body::-webkit-scrollbar-thumb {
background: var(--m-border-strong);
border-radius: 3px;
}
}
/* Desktop (>=1024): main coluna unica. Sem cap de altura nos cards —
cada um cresce com seu conteudo (Jornada vira maior em "Diferente
por dia", Online expande com slots, etc). Sem scroll interno: o
.mac-main / .mac-side__scroll fazem o scroll externo da pagina. */
/* ═══════ Card-base ═══════ */
.mac-w {