diff --git a/src/layout/melissa/MelissaPaciente.vue b/src/layout/melissa/MelissaPaciente.vue index 15a7f6a..26b5f1b 100644 --- a/src/layout/melissa/MelissaPaciente.vue +++ b/src/layout/melissa/MelissaPaciente.vue @@ -2086,6 +2086,28 @@ onBeforeUnmount(() => { border-radius: 3px; } +/* Cards da sidebar (.mpa-w) NUNCA podem encolher — caso contrario o flex + shrink default (1) corta conteudo quando ha muitos cards stacked + (Acoes + Nav 7 tabs + Sub-nav Perfil 6 + Vinculos). Combinado com o + overflow:hidden do .mpa-w (necessario pro radius), cards encolhidos + perdem itens da lista interna. flex-shrink: 0 + altura auto garante + que cada card cresce ate o tamanho real do conteudo, e o + .mpa-side__scroll lida com overflow via scroll vertical. */ +.mpa-side__scroll > .mpa-w { + flex-shrink: 0; + height: auto; +} + +/* Wrapper de cada aba do main: precisa de display:flex + gap senao os + filhos (KPIs grid + cards + panels) ficam colados. .mpa-main ja eh + flex-col com gap, mas como cada aba envolve seus elementos num div + .mpa-tab, ESSE div precisa replicar o spacing. */ +.mpa-tab { + display: flex; + flex-direction: column; + gap: 12px; +} + .mpa-cfg-btn { display: flex; align-items: center;