Leonardo
bbbb08ba9d
Mobile (<1024px) agora segue padrao MelissaBloqueios: - Coluna esquerda (Templates do sistema) eh teleportada pra um drawer fixed que abre via botao "Templates do sistema" no header. - Botao .mdt-menu-btn--mobile-only substitui o titulo no mobile (mais legivel + acao clara). - Backdrop escuro com blur fecha o drawer ao clicar fora. - Auto-fecha quando o user seleciona um template (libera viewport pra ver o preview no main). Script: - drawerOpen + isMobile refs + matchMedia listener - toggleDrawer/fecharDrawer helpers - onMounted setup + onBeforeUnmount cleanup Template: - <Transition name="mdt-drawer-fade"> wrap (slide horizontal + fade do backdrop) - <Teleport to="#mdt-mobile-drawer-target" :disabled="!isMobile"> envolvendo a <aside class="mdt-side"> - Botao "Menu" no header com class mdt-menu-btn--mobile-only CSS: - .mdt-mobile-drawer fixed left, transform translateX, 250ms cubic - .mdt-mobile-drawer__backdrop overlay com blur - @media (max-width: 1023px): cols vira 1-col, sidebar inline some, botao menu aparece, titulo canonico some, acções viram icone-only Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Sakai is an application template for Vue based on the create-vue, the recommended way to start a Vite-powered Vue projects.
Visit the documentation to get started.