ajustes na tabela de consulta

This commit is contained in:
Luiz Silva 2026-06-01 13:13:32 -03:00
parent aea3da6585
commit 1446d6225b
78 changed files with 17921 additions and 17580 deletions

View file

@ -1,5 +1,9 @@
---
type: workflow
name: ux
description: Revisar e otimizar UX de componentes e telas Vue (Frontend)
scope: global
updatedAt: "2026-06-01"
---
# Workflow: Revisão de UX
@ -191,44 +195,8 @@ import { Filter, Plus, X, Trash2, Eye } from "@lucide/vue"
**Catálogo de referência**: https://lucide.dev/icons — buscar pelo nome do ícone em inglês.
#### CSS do projeto
```css
/* Escala primária — Verde floresta */
--cor-eli-primaria-bg: #EEF3D0;
--cor-eli-primaria-zebra: #F6F9E8;
--cor-eli-primaria-suave: #BFC99C;
--cor-eli-primaria-clara: #D4E290;
--cor-eli-primaria-media: #ADCC44;
--cor-eli-primaria-acao: #8AAF00;
--cor-eli-primaria: #688C00;
--cor-eli-primaria-escura: #4A6500;
--cor-eli-primaria-texto: #2E3F00;
/* Escala de apoio — Âmbar terroso */
--cor-eli-alerta-bg: #FAF3DF;
--cor-eli-alerta-clara: #F5DC8A;
--cor-eli-alerta: #DDB847;
--cor-eli-alerta-forte: #8C6A00;
/* Escala neutra — Cinza musgo */
--cor-eli-fundo: #F2F3EE;
--cor-eli-borda: #D5D8CC;
--cor-eli-borda-forte: #B5BAA8;
--cor-eli-neutro: #5E6553;
--cor-eli-neutro-escuro: #3E4436;
--cor-eli-superficie: #FFFFFF;
/* Semânticas */
--cor-eli-sucesso: #2E7D32;
--cor-eli-sucesso-bg: #E8F5E9;
--cor-eli-erro: #C62828;
--cor-eli-erro-bg: #FFEBEE;
--cor-eli-info: #1565C0;
--cor-eli-info-bg: #E3F2FD;
```
> **⚠️ Regra crítica para componentes distribuídos como biblioteca**: todo token CSS novo (`--cor-eli-primaria-zebra`, `--cor-eli-primaria-suave`, etc.) deve ter **fallback hardcoded** no CSS do componente: `var(--token, #valorhex)`. Projetos destino podem não ter a versão mais recente do `design-tokens.css` e a variável resolverá como `undefined`, tornando a propriedade invisível.
> Os tokens CSS estão documentados nas tabelas da seção **Paleta de Cores Institucional** acima.
> No código, usar `var(--token, #fallback)` — sempre com fallback hardcoded em componentes de biblioteca.
- Classes devem seguir BEM: `eli-componente__elemento--modificador`
- Evitar `!important` — resolver especificidade via seletor mais específico