diff options
| author | David Hill <[email protected]> | 2026-02-18 17:32:46 +0000 |
|---|---|---|
| committer | David Hill <[email protected]> | 2026-02-18 20:18:17 +0000 |
| commit | 1f9be63e962374e2a0c668d8098b4dccb4d0b79a (patch) | |
| tree | c4109d6364e19384e733feb2e09fc2ec0c1d9546 | |
| parent | 08739080309bb84be71b5dd30ce6541e1bf9c029 (diff) | |
| download | opencode-1f9be63e962374e2a0c668d8098b4dccb4d0b79a.tar.gz opencode-1f9be63e962374e2a0c668d8098b4dccb4d0b79a.zip | |
tweak(ui): use weak border and base icon color for secondary
| -rw-r--r-- | packages/ui/src/components/button.css | 4 | ||||
| -rw-r--r-- | packages/ui/src/components/icon-button.css | 2 | ||||
| -rw-r--r-- | packages/ui/src/components/session-review.tsx | 7 |
3 files changed, 9 insertions, 4 deletions
diff --git a/packages/ui/src/components/button.css b/packages/ui/src/components/button.css index e22c7b298..8219ec92b 100644 --- a/packages/ui/src/components/button.css +++ b/packages/ui/src/components/button.css @@ -76,7 +76,7 @@ border: transparent; background-color: var(--button-secondary-base); color: var(--text-strong); - box-shadow: var(--shadow-xs-border); + box-shadow: var(--shadow-xs-border-base); &:hover:not(:disabled) { background-color: var(--button-secondary-hover); @@ -104,7 +104,7 @@ } [data-slot="icon-svg"] { - color: var(--icon-strong-base); + color: var(--icon-base); } } diff --git a/packages/ui/src/components/icon-button.css b/packages/ui/src/components/icon-button.css index 01c555bfc..de8aeb9d4 100644 --- a/packages/ui/src/components/icon-button.css +++ b/packages/ui/src/components/icon-button.css @@ -45,7 +45,7 @@ border: transparent; background-color: var(--button-secondary-base); color: var(--text-strong); - box-shadow: var(--shadow-xs-border); + box-shadow: var(--shadow-xs-border-base); &:hover:not(:disabled) { background-color: var(--button-secondary-hover); diff --git a/packages/ui/src/components/session-review.tsx b/packages/ui/src/components/session-review.tsx index 6ab922262..1fdc2ede1 100644 --- a/packages/ui/src/components/session-review.tsx +++ b/packages/ui/src/components/session-review.tsx @@ -306,7 +306,12 @@ export const SessionReview = (props: SessionReviewProps) => { /> </Show> <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> <Match when={open().length > 0}>{i18n.t("ui.sessionReview.collapseAll")}</Match> <Match when={true}>{i18n.t("ui.sessionReview.expandAll")}</Match> |