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

fix(app): style submitted comment icons to match comment popup style

Browse Source
This commit is contained in:
David Hill
2026-01-23 20:34:26 +00:00
parent 56ece04dd5
commit 35a3c98221
1 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -2010,7 +2010,10 @@ export default function Page() {
> >
<button <button
type="button" type="button"
class="size-5 rounded-md flex items-center justify-center bg-surface-warning-base border border-border-warning-base text-icon-warning-active shadow-xs hover:bg-surface-warning-weak hover:border-border-warning-hover focus:outline-none focus-visible:shadow-xs-border-focus" class="size-5 rounded-md flex items-center justify-center shadow-xs focus:outline-none focus-visible:shadow-xs-border-focus"
style={{
background: "var(--icon-interactive-base)",
}}
onMouseEnter={() => { onMouseEnter={() => {
const p = path() const p = path()
if (!p) return if (!p) return
@@ -2024,7 +2027,7 @@ export default function Page() {
file.setSelectedLines(p, comment.selection) file.setSelectedLines(p, comment.selection)
}} }}
> >
<Icon name="speech-bubble" size="small" /> <Icon name="comment" size="small" style={{ color: "var(--white)" }} />
</button> </button>
<Show when={openedComment() === comment.id}> <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-md bg-surface-raised-stronger-non-alpha border border-border-base shadow-md p-3">