diff options
| author | David Hill <[email protected]> | 2026-01-24 05:45:04 +0000 |
|---|---|---|
| committer | David Hill <[email protected]> | 2026-01-24 06:18:55 +0000 |
| commit | 40ab6ac86227b11080748154349e4060b54ec772 (patch) | |
| tree | ee556dff20cab5e43644ce74222e40908dc74e2b | |
| parent | 31f80a45afdd38b51af4245603604b85cc37e15e (diff) | |
| download | opencode-40ab6ac86227b11080748154349e4060b54ec772.tar.gz opencode-40ab6ac86227b11080748154349e4060b54ec772.zip | |
fix(ui): use shadow-lg-border-base on read-only comment popovers and align label spacing
| -rw-r--r-- | packages/app/src/pages/session.tsx | 4 | ||||
| -rw-r--r-- | packages/ui/src/components/session-review.css | 2 |
2 files changed, 3 insertions, 3 deletions
diff --git a/packages/app/src/pages/session.tsx b/packages/app/src/pages/session.tsx index 517784356..f8538bb2a 100644 --- a/packages/app/src/pages/session.tsx +++ b/packages/app/src/pages/session.tsx @@ -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" /> diff --git a/packages/ui/src/components/session-review.css b/packages/ui/src/components/session-review.css index 7cb0cc8e6..51a49a611 100644 --- a/packages/ui/src/components/session-review.css +++ b/packages/ui/src/components/session-review.css @@ -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; } |