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

MelissaFinanceiro: fix mobile - lancamentos sumindo

Browse Source 
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) <noreply@anthropic.com>
This commit is contained in:
Leonardo
2026-05-06 14:07:32 -03:00
parent ef4c4d0fac
commit 0a24fd6233
1 changed files with 10 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/layout/melissa/MelissaFinanceiro.vue
+10 -1
View File
@@ -885,14 +885,23 @@ onMounted(async () => {
order: -1; order: -1;
margin-left: 0; 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 { .mf-cards-row {
flex-direction: column; flex-direction: column;
} }
.mf-cards-row > .mf-card {
flex: 0 0 auto;
}
.mf-cards-row > .mf-card .mf-card__body { .mf-cards-row > .mf-card .mf-card__body {
flex: 0 0 auto;
min-height: 0;
overflow-y: visible; overflow-y: visible;
} }
.mf-cards-row > .mf-card--chart .mf-chart-wrap { .mf-cards-row > .mf-card--chart .mf-chart-wrap {
flex: 0 0 auto;
height: 240px; height: 240px;
min-height: 240px; min-height: 240px;
} }