diff options
| author | David Hill <[email protected]> | 2026-01-24 06:13:25 +0000 |
|---|---|---|
| committer | David Hill <[email protected]> | 2026-01-24 06:18:55 +0000 |
| commit | c9215e8dc30f362d6706b3f4addd3559143b8f31 (patch) | |
| tree | e4b716ce112e217af2ed0aee5dd8b1814020d8b9 | |
| parent | 58788192f40aa285a2d1385c169c95aab634b631 (diff) | |
| download | opencode-c9215e8dc30f362d6706b3f4addd3559143b8f31.tar.gz opencode-c9215e8dc30f362d6706b3f4addd3559143b8f31.zip | |
fix(ui): style review tab comment button to match file tab - blue background, white comment icon
| -rw-r--r-- | packages/ui/src/components/session-review.css | 9 | ||||
| -rw-r--r-- | packages/ui/src/components/session-review.tsx | 4 |
2 files changed, 5 insertions, 8 deletions
diff --git a/packages/ui/src/components/session-review.css b/packages/ui/src/components/session-review.css index 51a49a611..02f1d1999 100644 --- a/packages/ui/src/components/session-review.css +++ b/packages/ui/src/components/session-review.css @@ -232,15 +232,12 @@ display: flex; align-items: center; justify-content: center; - background: var(--surface-warning-base); - border: 1px solid var(--border-warning-base); - color: var(--icon-warning-active); + background: var(--icon-interactive-base); box-shadow: var(--shadow-xs); cursor: pointer; - &:hover { - background: var(--surface-warning-weak); - border-color: var(--border-warning-hover); + [data-slot="icon-svg"] { + color: var(--white); } &:focus { diff --git a/packages/ui/src/components/session-review.tsx b/packages/ui/src/components/session-review.tsx index 7ee8fe917..6891836ff 100644 --- a/packages/ui/src/components/session-review.tsx +++ b/packages/ui/src/components/session-review.tsx @@ -581,7 +581,7 @@ export const SessionReview = (props: SessionReviewProps) => { openComment(comment) }} > - <Icon name="speech-bubble" size="small" /> + <Icon name="comment" size="small" /> </button> <Show when={isCommentOpen(comment)}> <div data-slot="session-review-comment-popover-content"> @@ -606,7 +606,7 @@ export const SessionReview = (props: SessionReviewProps) => { data-slot="session-review-comment-button" onClick={() => textarea?.focus()} > - <Icon name="speech-bubble" size="small" /> + <Icon name="comment" size="small" /> </button> <div data-slot="session-review-comment-popover-content"> <div data-slot="session-review-comment-popover"> |