diff --git a/src/layout/melissa/MelissaAgendaConfig.vue b/src/layout/melissa/MelissaAgendaConfig.vue index 9a91f3e..16e8857 100644 --- a/src/layout/melissa/MelissaAgendaConfig.vue +++ b/src/layout/melissa/MelissaAgendaConfig.vue @@ -1575,7 +1575,10 @@ onBeforeUnmount(() => { } /* Desktop (>=1024): main fica em coluna unica (cards muito densos - pra split 50/50). Sidebar e body com scroll interno. */ + 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; @@ -1583,7 +1586,14 @@ onBeforeUnmount(() => { display: flex; flex-direction: column; } - .mac-side .mac-w--side > .mac-w__body { + .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; @@ -1591,8 +1601,10 @@ onBeforeUnmount(() => { scrollbar-width: thin; scrollbar-color: var(--m-border-strong) transparent; } - .mac-side .mac-w--side > .mac-w__body::-webkit-scrollbar { width: 5px; } - .mac-side .mac-w--side > .mac-w__body::-webkit-scrollbar-thumb { + .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; }