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/ui/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/ui/src')
| -rw-r--r-- | packages/ui/src/components/session-review.css | 11 | ||||
| -rw-r--r-- | packages/ui/src/components/session-review.tsx | 2 | ||||
| -rw-r--r-- | packages/ui/src/styles/tailwind/index.css | 1 |
3 files changed, 7 insertions, 7 deletions
diff --git a/packages/ui/src/components/session-review.css b/packages/ui/src/components/session-review.css index b5eb78753..41b9f8428 100644 --- a/packages/ui/src/components/session-review.css +++ b/packages/ui/src/components/session-review.css @@ -82,10 +82,9 @@ z-index: 6; min-width: 200px; max-width: min(320px, calc(100vw - 48px)); - border-radius: var(--radius-md); + border-radius: 14px; background-color: var(--surface-raised-stronger-non-alpha); - border: 1px solid color-mix(in oklch, var(--border-base) 50%, transparent); - box-shadow: var(--shadow-md); + border: 1px solid var(--border-base); padding: 12px; } @@ -271,15 +270,15 @@ font-family: var(--font-family-sans); font-size: var(--font-size-small); font-weight: var(--font-weight-medium); - color: var(--text-strong); + color: var(--text-weak); } [data-slot="session-review-comment-hover-text"], [data-slot="session-review-comment-popover-text"] { font-family: var(--font-family-sans); - font-size: var(--font-size-small); + font-size: var(--font-size-base); font-weight: var(--font-weight-regular); - color: var(--text-base); + color: var(--text-strong); white-space: pre-wrap; } diff --git a/packages/ui/src/components/session-review.tsx b/packages/ui/src/components/session-review.tsx index 16e4b883c..7ee8fe917 100644 --- a/packages/ui/src/components/session-review.tsx +++ b/packages/ui/src/components/session-review.tsx @@ -588,7 +588,7 @@ export const SessionReview = (props: SessionReviewProps) => { <div data-slot="session-review-comment-popover"> <div data-slot="session-review-comment-popover-text">{comment.comment}</div> <div data-slot="session-review-comment-popover-label"> - {getFilename(comment.file)}:{selectionLabel(comment.selection)} + Comment on {selectionLabel(comment.selection)} </div> </div> </div> diff --git a/packages/ui/src/styles/tailwind/index.css b/packages/ui/src/styles/tailwind/index.css index 1515a5ecf..f67e9f021 100644 --- a/packages/ui/src/styles/tailwind/index.css +++ b/packages/ui/src/styles/tailwind/index.css @@ -66,6 +66,7 @@ --shadow-xs-border-select: var(--shadow-xs-border-select); --shadow-xs-border-focus: var(--shadow-xs-border-focus); --shadow-xs-border-hover: var(--shadow-xs-border-hover); + --shadow-lg-border-base: var(--shadow-lg-border-base); --animate-pulse: var(--animate-pulse); } |