From a89745f6686eda263b2c5e73f2c68e3d8a11ff66 Mon Sep 17 00:00:00 2001 From: Leonardo Date: Wed, 6 May 2026 16:03:25 -0300 Subject: [PATCH] MelissaSeguranca: pagina 50% de largura em desktop Em desktop a pagina ocupa apenas 50% da largura util (left: 25% + right: 25%), centralizada. Como Seguranca so tem 1 form pequeno (Trocar senha + sidebar de info), nao precisa de toda a largura do viewport. Em mobile mantem 100% (override so na media query >= 1024px). Co-Authored-By: Claude Opus 4.7 (1M context) --- src/layout/melissa/MelissaSeguranca.vue | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/src/layout/melissa/MelissaSeguranca.vue b/src/layout/melissa/MelissaSeguranca.vue index a5775be..7ecb497 100644 --- a/src/layout/melissa/MelissaSeguranca.vue +++ b/src/layout/melissa/MelissaSeguranca.vue @@ -923,6 +923,15 @@ onMounted(async () => { /* ═══════ Desktop (>=1024px) ═══════ */ @media (min-width: 1024px) { + /* Pagina ocupa ~50% da largura util, centralizada — pq Seguranca + tem so 1 form pequeno (Trocar senha) e nao precisa de toda a + largura. inset top/bottom mantidos do base; left/right viram + 25% pra dar 50% de largura centralizada. */ + .mse-page { + left: 25%; + right: 25%; + } + /* Sidebar: cards min-h 300 + max-h 100% + body scroll */ .mse-side > .mse-side__scroll > .mse-w--side { min-height: 300px;