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

tweak(ui): use weak border and base icon color for secondary

Browse Source
This commit is contained in:
David Hill
2026-02-18 17:32:46 +00:00
parent 0873908030
commit 1f9be63e96
3 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -76,7 +76,7 @@
border: transparent; border: transparent;
background-color: var(--button-secondary-base); background-color: var(--button-secondary-base);
color: var(--text-strong); color: var(--text-strong);
box-shadow: var(--shadow-xs-border); box-shadow: var(--shadow-xs-border-base);
&:hover:not(:disabled) { &:hover:not(:disabled) {
background-color: var(--button-secondary-hover); background-color: var(--button-secondary-hover);
@@ -104,7 +104,7 @@
} }
[data-slot="icon-svg"] { [data-slot="icon-svg"] {
color: var(--icon-strong-base); color: var(--icon-base);
} }
} }

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

@@ -45,7 +45,7 @@
border: transparent; border: transparent;
background-color: var(--button-secondary-base); background-color: var(--button-secondary-base);
color: var(--text-strong); color: var(--text-strong);
box-shadow: var(--shadow-xs-border); box-shadow: var(--shadow-xs-border-base);
&:hover:not(:disabled) { &:hover:not(:disabled) {
background-color: var(--button-secondary-hover); background-color: var(--button-secondary-hover);

7
packages/ui/src/components/session-review.tsx
View File

@@ -306,7 +306,12 @@ export const SessionReview = (props: SessionReviewProps) => {
/> />
</Show> </Show>
<Show when={hasDiffs()}> <Show when={hasDiffs()}>
<Button size="normal" icon="chevron-grabber-vertical" onClick={handleExpandOrCollapseAll}> <Button
size="small"
icon="chevron-grabber-vertical"
class="w-[110px] justify-start"
onClick={handleExpandOrCollapseAll}
>
<Switch> <Switch>
<Match when={open().length > 0}>{i18n.t("ui.sessionReview.collapseAll")}</Match> <Match when={open().length > 0}>{i18n.t("ui.sessionReview.collapseAll")}</Match>
<Match when={true}>{i18n.t("ui.sessionReview.expandAll")}</Match> <Match when={true}>{i18n.t("ui.sessionReview.expandAll")}</Match>