monadical/opencode
13
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;
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 {

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

@@ -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">