fix: alinhar icones a esquerda, ajustar cores de botoes no light mode
Build and Deploy (Gitea Actions) / build-and-deploy (push) Successful in 2m40s
Details
Build and Deploy (Gitea Actions) / build-and-deploy (push) Successful in 2m40s
Details
This commit is contained in:
parent
fb51caa888
commit
944f7930d9
|
|
@ -166,6 +166,7 @@ body {
|
||||||
.nav-item {
|
.nav-item {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
justify-content: flex-start;
|
||||||
gap: 12px;
|
gap: 12px;
|
||||||
padding: 10px 12px;
|
padding: 10px 12px;
|
||||||
border-radius: var(--radius-sm);
|
border-radius: var(--radius-sm);
|
||||||
|
|
@ -421,40 +422,37 @@ body {
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-secondary {
|
.btn-secondary {
|
||||||
background: rgba(255, 255, 255, 0.04);
|
background: var(--bg-elevated);
|
||||||
color: var(--text-primary);
|
color: var(--text-primary);
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-secondary:hover {
|
.btn-secondary:hover {
|
||||||
background: rgba(255, 255, 255, 0.1);
|
background: var(--border-color);
|
||||||
border-color: rgba(255, 255, 255, 0.2);
|
color: var(--text-primary);
|
||||||
color: white;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-danger {
|
.btn-danger {
|
||||||
background: rgba(239, 68, 68, 0.1);
|
background: var(--danger-bg);
|
||||||
color: #ef4444;
|
color: var(--danger);
|
||||||
border: 1px solid rgba(239, 68, 68, 0.25);
|
border: 1px solid rgba(239, 68, 68, 0.25);
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-danger:hover {
|
.btn-danger:hover {
|
||||||
background: rgba(239, 68, 68, 0.25);
|
background: var(--danger);
|
||||||
border-color: rgba(239, 68, 68, 0.5);
|
color: var(--bg-primary);
|
||||||
color: #f87171;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-ghost {
|
.btn-ghost {
|
||||||
background: rgba(255, 255, 255, 0.03);
|
background: transparent;
|
||||||
color: var(--text-secondary);
|
color: var(--text-secondary);
|
||||||
border: 1px solid rgba(255, 255, 255, 0.08);
|
border: 1px solid transparent;
|
||||||
padding: 6px 10px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-ghost:hover {
|
.btn-ghost:hover {
|
||||||
|
background: var(--bg-elevated);
|
||||||
color: var(--text-primary);
|
color: var(--text-primary);
|
||||||
background: rgba(255, 255, 255, 0.12);
|
border-color: var(--border-color);
|
||||||
border-color: rgba(255, 255, 255, 0.25);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Ícone de excluir no modo ghost (vermelho plano que acende no hover) */
|
/* Ícone de excluir no modo ghost (vermelho plano que acende no hover) */
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue