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

tweak(ui): use chevron icons for review diff rows

Browse Source
This commit is contained in:
David Hill
2026-02-19 00:02:02 +00:00
parent a301051263
commit 40f00ccc1c
2 changed files with 14 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -213,6 +213,17 @@
justify-content: flex-end; justify-content: flex-end;
} }
[data-slot="session-review-diff-chevron"] {
display: inline-flex;
color: var(--icon-weaker);
transform: rotate(-90deg);
transition: transform 0.15s ease;
}
[data-slot="accordion-item"][data-expanded] [data-slot="session-review-diff-chevron"] {
transform: rotate(0deg);
}
[data-slot="session-review-change-group"] { [data-slot="session-review-change-group"] {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;

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

@@ -570,7 +570,9 @@ export const SessionReview = (props: SessionReviewProps) => {
<DiffChanges changes={diff} /> <DiffChanges changes={diff} />
</Match> </Match>
</Switch> </Switch>
<Icon name="chevron-grabber-vertical" size="small" /> <span data-slot="session-review-diff-chevron">
<Icon name="chevron-down" size="small" />
</span>
</div> </div>
</div> </div>
</Accordion.Trigger> </Accordion.Trigger>