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

fix(ui): use shadow-lg-border-base on read-only comment popovers and align label spacing

Browse Source
This commit is contained in:
David Hill
2026-01-24 05:45:04 +00:00
parent 31f80a45af
commit 40ab6ac862
2 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -2030,7 +2030,7 @@ export default function Page() {
<Icon name="comment" size="small" style={{ color: "var(--white)" }} />
</button>
<Show when={openedComment() === comment.id}>
<div class="absolute top-[calc(100%+4px)] right-[-8px] z-40 min-w-[200px] max-w-[320px] rounded-[14px] bg-surface-raised-stronger-non-alpha border border-border-base p-3">
<div class="absolute top-[calc(100%+4px)] right-[-8px] z-40 min-w-[200px] max-w-[320px] rounded-[14px] bg-surface-raised-stronger-non-alpha shadow-lg-border-base p-3">
<div class="flex flex-col gap-1.5">
<div class="text-14-regular text-text-strong whitespace-pre-wrap">
{comment.comment}
@@ -2081,7 +2081,7 @@ export default function Page() {
}}
/>
<div class="flex items-center gap-2">
<div class="text-12-medium text-text-weak ml-2">
<div class="text-12-medium text-text-weak ml-1">
Commenting on {commentLabel(range())}
</div>
<div class="flex-1" />

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

@@ -84,7 +84,7 @@
max-width: min(320px, calc(100vw - 48px));
border-radius: 14px;
background-color: var(--surface-raised-stronger-non-alpha);
border: 1px solid var(--border-base);
box-shadow: var(--shadow-lg-border-base);
padding: 12px;
}