publico/vue-componentes
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Atualização floresta

Browse source
This commit is contained in:
Luiz Silva 2026-05-31 11:27:51 -03:00
parent 0886fd5c3e
commit 2d4d8f8929
103 changed files with 19266 additions and 14160 deletions
Download patch file Download diff file Expand all files Collapse all files

83
src/componentes/EliTabela/EliTabela.css
View file

@ -2,6 +2,20 @@
width: 100%;
}
.eli-tabela__table-wrapper {
width: 100%;
overflow-x: auto;
}
.eli-tabela__td--estados {
padding: 0;
}
.eli-tabela__estados-inline {
border: none;
border-radius: 0;
}
.eli-tabela__table {
width: 100%;
border-collapse: separate;
@ -29,21 +43,30 @@
overflow: visible;
}
.eli-tabela__tbody .eli-tabela__tr .eli-tabela__td {
background: var(--cor-eli-superficie, #ffffff);
}
.eli-tabela__tbody .eli-tabela__tr--zebra .eli-tabela__td {
background: rgba(15, 23, 42, 0.02);
background: var(--cor-eli-primaria-zebra, #F6F9E8);
}
.eli-tabela__th,
.eli-tabela__td {
padding: 10px 12px;
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
border-bottom: 1px solid var(--cor-eli-borda);
vertical-align: top;
}
.eli-tabela__th {
text-align: left;
font-weight: 600;
background: rgba(0, 0, 0, 0.03);
font-size: 0.82rem;
letter-spacing: 0.02em;
text-transform: uppercase;
color: var(--cor-eli-neutro-escuro, #3E4436);
background: var(--cor-eli-primaria-suave, #BFC99C);
border-bottom: 2px solid var(--cor-eli-primaria-bg, #EEF3D0);
}
.eli-tabela__th--ordenavel {
@ -71,16 +94,16 @@
.eli-tabela__th-botao:hover,
.eli-tabela__th-botao:focus-visible {
color: rgba(15, 23, 42, 0.85);
color: var(--cor-eli-primaria-texto, #2E3F00);
}
.eli-tabela__th-botao:focus-visible {
outline: 2px solid rgba(37, 99, 235, 0.45);
outline: 2px solid var(--cor-eli-primaria, #688C00);
outline-offset: 2px;
}
.eli-tabela__th-botao--ativo {
color: rgba(15, 23, 42, 0.85);
color: var(--cor-eli-primaria-texto, #2E3F00);
}
.eli-tabela__th-texto {
@ -110,14 +133,19 @@
}
.eli-tabela--erro {
display: flex;
align-items: flex-start;
gap: 10px;
border: 1px solid rgba(220, 53, 69, 0.35);
border-radius: 12px;
padding: 12px;
}
.eli-tabela--carregando {
display: flex;
align-items: center;
gap: 10px;
border: 1px dashed rgba(0, 0, 0, 0.25);
border-radius: 12px;
padding: 12px;
@ -134,12 +162,33 @@
}
.eli-tabela--vazio {
display: flex;
align-items: center;
gap: 10px;
border: 1px dashed rgba(0, 0, 0, 0.25);
border-radius: 12px;
padding: 12px;
opacity: 0.8;
}
.eli-tabela__estado-icone {
flex-shrink: 0;
color: rgba(15, 23, 42, 0.45);
}
.eli-tabela__estado-icone--erro {
color: var(--cor-eli-erro);
}
.eli-tabela__estado-icone--spin {
animation: eli-tabela-spin 1s linear infinite;
}
@keyframes eli-tabela-spin {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
.eli-tabela__th--acoes {
text-align: right;
white-space: nowrap;
@ -222,8 +271,8 @@
padding: 0 14px;
border-radius: var(--eli-tabela-cabecalho-controle-radius);
border: none;
background: rgba(37, 99, 235, 0.12);
color: rgba(37, 99, 235, 0.95);
background: var(--cor-eli-primaria-bg);
color: var(--cor-eli-primaria-escura);
font-size: 0.875rem;
font-weight: 500;
line-height: 1;
@ -233,11 +282,11 @@
.eli-tabela__acoes-cabecalho-botao:hover,
.eli-tabela__acoes-cabecalho-botao:focus-visible {
background: rgba(37, 99, 235, 0.2);
background: var(--cor-eli-primaria-clara);
}
.eli-tabela__acoes-cabecalho-botao:focus-visible {
outline: 2px solid rgba(37, 99, 235, 0.35);
outline: 2px solid var(--cor-eli-primaria-clara);
outline-offset: 2px;
}
@ -274,7 +323,7 @@
}
.eli-tabela__acoes-toggle:focus-visible {
outline: 2px solid rgba(37, 99, 235, 0.45);
outline: 2px solid var(--cor-eli-primaria-clara);
outline-offset: 2px;
}
@ -289,7 +338,7 @@
padding: 6px 0;
margin: 0;
list-style: none;
background: #ffffff;
background: var(--cor-eli-superficie);
border: 1px solid rgba(15, 23, 42, 0.08);
border-radius: 10px;
box-shadow: 0 12px 30px rgba(15, 23, 42, 0.18);
@ -365,7 +414,7 @@
}
.eli-tabela__expander-botao:focus-visible {
outline: 2px solid rgba(37, 99, 235, 0.45);
outline: 2px solid var(--cor-eli-primaria-clara);
outline-offset: 2px;
}
@ -445,8 +494,8 @@
.eli-tabela__checkbox:checked,
.eli-tabela__checkbox:indeterminate {
background-color: #1976d2;
border-color: #1976d2;
background-color: var(--cor-eli-primaria);
border-color: var(--cor-eli-primaria);
}
.eli-tabela__checkbox:checked::after {
@ -473,6 +522,6 @@
}
.eli-tabela__checkbox:focus-visible {
box-shadow: 0 0 0 2px rgba(25, 118, 210, 0.3);
box-shadow: 0 0 0 2px var(--cor-eli-primaria-clara);
}