From 11201e1e5d4d1f69c32e430a26b780c6558479b7 Mon Sep 17 00:00:00 2001 From: Leonardo Date: Wed, 6 May 2026 16:51:36 -0300 Subject: [PATCH] MelissaAgendaConfig: cards crescem com conteudo, sem scroll interno MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 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) --- src/layout/melissa/MelissaAgendaConfig.vue | 39 +++------------------- 1 file changed, 4 insertions(+), 35 deletions(-) diff --git a/src/layout/melissa/MelissaAgendaConfig.vue b/src/layout/melissa/MelissaAgendaConfig.vue index 16e8857..45ae45a 100644 --- a/src/layout/melissa/MelissaAgendaConfig.vue +++ b/src/layout/melissa/MelissaAgendaConfig.vue @@ -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 {