vrr/opencode
2
0
Fork 0
mirror of https://github.com/anomalyco/opencode.git synced 2026-05-02 14:30:29 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 17

wip(desktop): new layout work

Browse source
This commit is contained in:
Adam 2025-11-14 12:38:52 -06:00 • committed by opencode
parent 5ba9b47b3c
commit 4069999b78
18 changed files with 258 additions and 141 deletions
Download patch file Download diff file Expand all files Collapse all files

42
packages/ui/src/components/button.css
View file

@ -19,13 +19,29 @@
border-color: var(--border-hover);
background-color: var(--surface-brand-hover);
}
&:focus:not(:disabled) {
border-color: var(--border-focus);
background-color: var(--surface-brand-focus);
}
&:active:not(:disabled) {
border-color: var(--border-active);
background-color: var(--surface-brand-active);
}
}
&[data-variant="ghost"] {
border-color: transparent;
background-color: transparent;
color: var(--text-strong);
&:hover:not(:disabled) {
background-color: var(--surface-raised-base-hover);
}
&:focus:not(:disabled) {
border-color: var(--border-focus);
background-color: var(--surface-brand-focus);
background-color: var(--surface-raised-base-hover);
}
&:active:not(:disabled) {
background-color: var(--surface-raised-base-active);
}
}
@ -38,9 +54,6 @@
&:hover:not(:disabled) {
background-color: var(--button-secondary-hover);
}
&:active:not(:disabled) {
background-color: var(--button-secondary-base);
}
&:focus:not(:disabled) {
background-color: var(--button-secondary-base);
}
@ -51,7 +64,8 @@
&:focus-visible:active {
box-shadow: none;
}
&:active {
&:active:not(:disabled) {
background-color: var(--button-secondary-base);
scale: 0.99;
transition: all 150ms ease-out;
}
@ -61,22 +75,6 @@
}
}
&[data-variant="ghost"] {
border-color: transparent;
background-color: transparent;
color: var(--text-strong);
&:hover:not(:disabled) {
background-color: var(--button-ghost-hover);
}
&:active:not(:disabled) {
background-color: var(--button-ghost-hover-2);
}
&:focus:not(:disabled) {
background-color: var(--button-ghost-hover);
}
}
&[data-size="normal"] {
height: 24px;
padding: 0 6px;