From 0a24fd6233b1894c226c1f5e268d72532451a5c4 Mon Sep 17 00:00:00 2001 From: Leonardo Date: Wed, 6 May 2026 14:07:32 -0300 Subject: [PATCH] MelissaFinanceiro: fix mobile - lancamentos sumindo Em mobile reseta flex: 1 dos cards do row 50/50 (chart + projecao) pra altura natural. O flex: 1 do desktop fazia os cards consumirem toda a altura do .mf-body e empurrar o "Ultimos lancamentos" pra fora do scroll visivel. Agora todos sizam por content em mobile. Co-Authored-By: Claude Opus 4.7 (1M context) --- src/layout/melissa/MelissaFinanceiro.vue | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) diff --git a/src/layout/melissa/MelissaFinanceiro.vue b/src/layout/melissa/MelissaFinanceiro.vue index c267b9a..20c558c 100644 --- a/src/layout/melissa/MelissaFinanceiro.vue +++ b/src/layout/melissa/MelissaFinanceiro.vue @@ -885,14 +885,23 @@ onMounted(async () => { order: -1; margin-left: 0; } - /* Row 50/50 empilha em mobile, com altura natural por card */ + /* Row 50/50 empilha em mobile, com altura natural por card. + Reseta flex/overflow do desktop pra evitar que os cards + consumam toda a altura do .mf-body e empurrem o + "Ultimos lancamentos" pra fora do scroll. */ .mf-cards-row { flex-direction: column; } + .mf-cards-row > .mf-card { + flex: 0 0 auto; + } .mf-cards-row > .mf-card .mf-card__body { + flex: 0 0 auto; + min-height: 0; overflow-y: visible; } .mf-cards-row > .mf-card--chart .mf-chart-wrap { + flex: 0 0 auto; height: 240px; min-height: 240px; }