salvacybersec/CodeNomad
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add: button-secondary class with design tokens for consistent secondary button styling

Browse Source
This commit is contained in:
Shantur Rathore
2025-10-28 21:54:30 +00:00
parent e84cab5527
commit 3937ced8f7
1 changed files with 20 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/styles/components.css
View File

@@ -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 {