aljaz/opencode
1
0
Fork 0
mirror of https://github.com/aljazceru/opencode.git synced 2026-01-02 23:45:03 +01:00
Code Issues Packages Projects Releases Wiki Activity

wip: Tweaking button styles

Browse Source
This commit is contained in:
David Hill
2025-10-31 17:02:12 +00:00
parent 5379abe330
commit 16f5e16395
2 changed files with 23 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
packages/ui/src/components/button.css
View File

@@ -7,6 +7,7 @@
border-radius: 6px;
text-decoration: none;
user-select: none;
outline: none;
&[data-variant="primary"] {
border-color: var(--border-base);
@@ -28,22 +29,26 @@
}
&[data-variant="secondary"] {
border-color: transparent;
border: transparent;
background-color: var(--button-secondary-base);
color: var(--text-strong);
box-shadow: var(--shadow-xs-border);
&:hover:not(:disabled) {
border-color: var(--border-hover);
background-color: var(--surface-hover);
background-color: var(--button-secondary-hover);
}
&:active:not(:disabled) {
border-color: var(--border-active);
background-color: var(--surface-active);
background-color: var(--button-secondary-base);
}
&:focus:not(:disabled) {
border-color: var(--border-focus);
background-color: var(--surface-focus);
background-color: var(--button-secondary-base);
}
&:focus-visible:not(:active) {
background-color: var(--button-secondary-base);
box-shadow: var(--shadow-xs-border-focus);
}
&:focus-visible:active {
box-shadow: none;
}
[data-slot="icon"] {