monadical/opencode
13
0
Fork 0
Code Issues Pull Requests Actions 5 Packages Projects Releases Wiki Activity

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

43
packages/ui/src/components/icon-button.css
View File

@@ -26,12 +26,12 @@
&:hover:not(:disabled) {
background-color: var(--icon-strong-hover);
}
&:active:not(:disabled) {
background-color: var(--icon-string-active);
}
&:focus:not(:disabled) {
background-color: var(--icon-strong-focus);
}
&:active:not(:disabled) {
background-color: var(--icon-string-active);
}
&:disabled {
background-color: var(--icon-strong-disabled);
@@ -50,9 +50,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);
}
@@ -63,6 +60,9 @@
&:focus-visible:active {
box-shadow: none;
}
&:active:not(:disabled) {
background-color: var(--button-secondary-base);
}
[data-slot="icon"] {
color: var(--icon-strong-base);
@@ -78,26 +78,27 @@
}
&:hover:not(:disabled) {
background-color: var(--surface-base-hover);
background-color: var(--surface-raised-base-hover);
[data-slot="icon"] {
color: var(--icon-hover);
}
}
&:active:not(:disabled) {
[data-slot="icon"] {
color: var(--icon-active);
}
}
&:selected:not(:disabled) {
background-color: var(--surface-base-active);
[data-slot="icon"] {
color: var(--icon-selected);
}
/* [data-slot="icon"] { */
/* color: var(--icon-hover); */
/* } */
}
&:focus:not(:disabled) {
background-color: var(--surface-focus);
}
&:active:not(:disabled) {
background-color: var(--surface-raised-base-active);
/* [data-slot="icon"] { */
/* color: var(--icon-active); */
/* } */
}
&:selected:not(:disabled) {
background-color: var(--surface-raised-base-active);
/* [data-slot="icon"] { */
/* color: var(--icon-selected); */
/* } */
}
}
&[data-size="normal"] {