vrr/opencode
2
0
Fork 0
mirror of https://github.com/anomalyco/opencode.git synced 2026-05-04 07:20:27 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 15

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"] {