O painel administrativo sempre usou o Fomantic UI. Esta entrega cria um segundo layout, escrito em Tailwind, e deixa cada tela escolher o seu.
O menu
- Filtro tolerante a acento e a maiúsculas.
- Navegação por teclado, com retorno ao campo de busca.
- Largura ajustável por arraste, de 220 a 450 px, lembrada entre sessões; duplo clique volta ao padrão.
- No celular, o menu abre por cima do conteúdo, em vez de empurrá-lo e criar rolagem horizontal.
A árvore de permissões é a mesma: nenhuma regra de acesso foi duplicada para o menu novo.
Como as duas gerações convivem
Cada componente de interface ganhou um par em Tailwind, escolhido na hora de montar a página. O dado que o componente recebe não muda, só o HTML. Formulários de edição, alertas, confirmação de exclusão e a tela de área restrita já têm a versão nova.
A validação de formulários foi reescrita em JavaScript puro, lendo as mesmas regras que o sistema já declarava. A tela de área restrita não fecha com Esc nem com clique fora: fechar sem responder seria contornar a trava.
Listagem, inclusão e configuração seguem no layout anterior, que não foi tocado.
Origem: Core · req-118 · BATCH-119