Config gerais
O chassi das telas de configuração do ME: uma sidebar de seções à esquerda e o conteúdo da seção no corpo. As alterações são feitas via modal (a maioria) ou direto na tela — sem submit de página.
Boas práticas
Use quando o usuário consulta e ajusta configurações organizadas em seções — não para cadastrar uma entidade nova.
Anatomia
Os slots do MeLayout que a Config gerais usa (sem #toolbar, #nav-area e #analytics):
(seções)
(carrinho / msg)
#header
App bar do ME (comum a todo o app).
#left-area
Sidebar de seções de configuração (por contexto/produto).
#default
Conteúdo da seção ativa — grupos de campos com os valores atuais.
#right-area
Transversais (Carrinho ou Mensagens), quando ativos.
#footer
Rodapé — só em tablet/mobile.
Ações
Como o usuário altera as configurações — o que distingue esta tela das demais.
Editar abre em modal
A maioria das alterações abre um modal (editar → ajustar → aplicar). O modal confirma; não há submit da página inteira.
Ajustes leves, direto na tela
Toggles/selects de preferência aplicam na hora (inline), com feedback imediato.
Sem submit de página
Cada alteração vale por si — não existe um botão "Salvar tudo" no rodapé da tela.
Sensível/destrutivo = confirmação
Ações críticas (trocar senha, remover acesso…) sempre passam por modal de confirmação.
Responsividade
Abaixo de lg, a sidebar de seções vira slideover e o footer aparece.
Desktop (≥ lg)
Sidebar de seções inline à esquerda; footer oculto.
Tablet / mobile (< lg)
A sidebar de seções vira slideover; o footer aparece; header na versão mobile.