ajustes na tabela de consulta
This commit is contained in:
parent
aea3da6585
commit
1446d6225b
78 changed files with 17921 additions and 17580 deletions
|
|
@ -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
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue