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

MelissaSeguranca: pagina 50% de largura em desktop

Browse Source 
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) <noreply@anthropic.com>
This commit is contained in:
Leonardo
2026-05-06 16:03:25 -03:00
parent c605a4f1a2
commit a89745f668
1 changed files with 9 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/layout/melissa/MelissaSeguranca.vue
+9
View File
@@ -923,6 +923,15 @@ onMounted(async () => {
/* ═══════ Desktop (>=1024px) ═══════ */ /* ═══════ Desktop (>=1024px) ═══════ */
@media (min-width: 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 */ /* Sidebar: cards min-h 300 + max-h 100% + body scroll */
.mse-side > .mse-side__scroll > .mse-w--side { .mse-side > .mse-side__scroll > .mse-w--side {
min-height: 300px; min-height: 300px;