diff options
| author | Adam <[email protected]> | 2025-11-18 11:00:27 -0600 |
|---|---|---|
| committer | opencode <[email protected]> | 2025-11-18 17:07:34 +0000 |
| commit | fc5fc2c570e6ac5a6f9647080b80f7fec0c4b605 (patch) | |
| tree | a3971bfbe17308df9f2d3e1771c0ab544900c099 /packages/ui/src/components/button.css | |
| parent | 4069999b782cc00d4e707f5eca32082bdfad45bc (diff) | |
| download | opencode-fc5fc2c570e6ac5a6f9647080b80f7fec0c4b605.tar.gz opencode-fc5fc2c570e6ac5a6f9647080b80f7fec0c4b605.zip | |
wip(desktop): new layout work
Diffstat (limited to 'packages/ui/src/components/button.css')
| -rw-r--r-- | packages/ui/src/components/button.css | 24 |
1 files changed, 17 insertions, 7 deletions
diff --git a/packages/ui/src/components/button.css b/packages/ui/src/components/button.css index 7015ea88d..4f5ebc241 100644 --- a/packages/ui/src/components/button.css +++ b/packages/ui/src/components/button.css @@ -27,6 +27,12 @@ border-color: var(--border-active); background-color: var(--surface-brand-active); } + &:disabled { + border-color: var(--border-disabled); + background-color: var(--surface-disabled); + color: var(--text-weak); + cursor: not-allowed; + } } &[data-variant="ghost"] { @@ -43,6 +49,11 @@ &:active:not(:disabled) { background-color: var(--surface-raised-base-active); } + &:disabled { + color: var(--text-weak); + opacity: 0.7; + cursor: not-allowed; + } } &[data-variant="secondary"] { @@ -69,6 +80,12 @@ scale: 0.99; transition: all 150ms ease-out; } + &:disabled { + border-color: var(--border-disabled); + background-color: var(--surface-disabled); + color: var(--text-weak); + cursor: not-allowed; + } [data-slot="icon"] { color: var(--icon-strong-base); @@ -106,13 +123,6 @@ letter-spacing: var(--letter-spacing-normal); } - &:disabled { - border-color: var(--border-disabled); - background-color: var(--surface-disabled); - color: var(--text-weak); - cursor: not-allowed; - } - &:focus { outline: none; } |