diff options
| author | David Hill <[email protected]> | 2026-01-24 05:12:36 +0000 |
|---|---|---|
| committer | David Hill <[email protected]> | 2026-01-24 06:18:55 +0000 |
| commit | af6bd9d3b1fd05ce089a56d3cf6a6bcb1e7badd8 (patch) | |
| tree | 980e7a18d40033cb8f320f7e2d09a32bcefa940f /packages/app/src | |
| parent | c66da17364b3494460b19fbd4fb4d806f632e540 (diff) | |
| download | opencode-af6bd9d3b1fd05ce089a56d3cf6a6bcb1e7badd8.tar.gz opencode-af6bd9d3b1fd05ce089a56d3cf6a6bcb1e7badd8.zip | |
fix(ui): style comment popovers - 14px radius, move label below, use text-weak for label, text-strong 14px for comment
Diffstat (limited to 'packages/app/src')
| -rw-r--r-- | packages/app/src/pages/session.tsx | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/packages/app/src/pages/session.tsx b/packages/app/src/pages/session.tsx index baf91bd7e..a5cafa395 100644 --- a/packages/app/src/pages/session.tsx +++ b/packages/app/src/pages/session.tsx @@ -2030,13 +2030,13 @@ export default function Page() { <Icon name="comment" size="small" style={{ color: "var(--white)" }} /> </button> <Show when={openedComment() === comment.id}> - <div class="absolute top-0 right-[calc(100%+12px)] z-40 min-w-[200px] max-w-[320px] rounded-md bg-surface-raised-stronger-non-alpha border border-border-base shadow-md p-3"> + <div class="absolute top-0 right-[calc(100%+12px)] z-40 min-w-[200px] max-w-[320px] rounded-[14px] bg-surface-raised-stronger-non-alpha border border-border-base p-3"> <div class="flex flex-col gap-1.5"> - <div class="text-12-regular text-text-base whitespace-pre-wrap"> + <div class="text-14-regular text-text-strong whitespace-pre-wrap"> {comment.comment} </div> - <div class="text-12-medium text-text-strong whitespace-nowrap"> - {getFilename(comment.file)}:{commentLabel(comment.selection)} + <div class="text-12-medium text-text-weak whitespace-nowrap"> + Comment on {commentLabel(comment.selection)} </div> </div> </div> |