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

fix(ui): style comment popovers - 14px radius, move label below, use text-weak for label, text-strong 14px for comment

Browse Source
This commit is contained in:
David Hill
2026-01-24 05:12:36 +00:00
parent c66da17364
commit af6bd9d3b1
4 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
packages/app/src/pages/session.tsx
View File

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