mirror of
https://github.com/NeuralNomadsAI/CodeNomad.git
synced 2026-07-10 00:14:27 +00:00
add: button-secondary class with design tokens for consistent secondary button styling
This commit is contained in:
parent
e84cab5527
commit
3937ced8f7
1 changed files with 20 additions and 0 deletions
|
|
@ -76,6 +76,26 @@
|
|||
@apply cursor-not-allowed opacity-50;
|
||||
}
|
||||
|
||||
.button-secondary {
|
||||
@apply inline-flex items-center justify-center gap-2 rounded-lg px-6 py-3 text-base font-medium transition-colors;
|
||||
background-color: var(--surface-secondary);
|
||||
color: var(--text-primary);
|
||||
border: 1px solid var(--border-base);
|
||||
}
|
||||
|
||||
.button-secondary:hover:not(:disabled) {
|
||||
background-color: var(--surface-hover);
|
||||
}
|
||||
|
||||
.button-secondary:focus-visible {
|
||||
outline: none;
|
||||
box-shadow: 0 0 0 2px var(--surface-base), 0 0 0 4px var(--accent-primary);
|
||||
}
|
||||
|
||||
.button-secondary:disabled {
|
||||
@apply cursor-not-allowed opacity-50;
|
||||
}
|
||||
|
||||
/* Message item base styles */
|
||||
|
||||
.message-item-base {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue