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

fix(ui): style review tab comment button to match file tab - blue background, white comment icon

Browse Source
This commit is contained in:
David Hill
2026-01-24 06:13:25 +00:00
parent 58788192f4
commit c9215e8dc3
2 changed files with 5 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
packages/ui/src/components/session-review.css
View File

@@ -232,15 +232,12 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
background: var(--surface-warning-base); background: var(--icon-interactive-base);
border: 1px solid var(--border-warning-base);
color: var(--icon-warning-active);
box-shadow: var(--shadow-xs); box-shadow: var(--shadow-xs);
cursor: pointer; cursor: pointer;
&:hover { [data-slot="icon-svg"] {
background: var(--surface-warning-weak); color: var(--white);
border-color: var(--border-warning-hover);
} }
&:focus { &:focus {

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

@@ -581,7 +581,7 @@ export const SessionReview = (props: SessionReviewProps) => {
openComment(comment) openComment(comment)
}} }}
> >
<Icon name="speech-bubble" size="small" /> <Icon name="comment" size="small" />
</button> </button>
<Show when={isCommentOpen(comment)}> <Show when={isCommentOpen(comment)}>
<div data-slot="session-review-comment-popover-content"> <div data-slot="session-review-comment-popover-content">
@@ -606,7 +606,7 @@ export const SessionReview = (props: SessionReviewProps) => {
data-slot="session-review-comment-button" data-slot="session-review-comment-button"
onClick={() => textarea?.focus()} onClick={() => textarea?.focus()}
> >
<Icon name="speech-bubble" size="small" /> <Icon name="comment" size="small" />
</button> </button>
<div data-slot="session-review-comment-popover-content"> <div data-slot="session-review-comment-popover-content">
<div data-slot="session-review-comment-popover"> <div data-slot="session-review-comment-popover">