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

fix(app): add transition-all to comment card hover states

Browse Source
This commit is contained in:
David Hill
2026-01-23 20:52:59 +00:00
parent d3490cfd29
commit 42a1a1202c
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/app/src/components/prompt-input.tsx
View File

@@ -1681,7 +1681,7 @@ export const PromptInput: Component<PromptInputProps> = (props) => {
return ( return (
<div <div
classList={{ classList={{
"group shrink-0 flex flex-col gap-1 rounded-[6px] bg-background-stronger border border-border-base pl-2 pr-1 py-1 max-w-[200px]": true, "group shrink-0 flex flex-col gap-1 rounded-[6px] bg-background-stronger border border-border-base pl-2 pr-1 py-1 max-w-[200px] transition-all": true,
"cursor-pointer hover:bg-surface-interactive-weak": !!item.commentID, "cursor-pointer hover:bg-surface-interactive-weak": !!item.commentID,
}} }}
onClick={() => { onClick={() => {
@@ -1713,7 +1713,7 @@ export const PromptInput: Component<PromptInputProps> = (props) => {
type="button" type="button"
icon="close-small" icon="close-small"
variant="ghost" variant="ghost"
class="h-5 w-5 opacity-0 group-hover:opacity-100" class="h-5 w-5 opacity-0 group-hover:opacity-100 transition-all"
onClick={(e) => { onClick={(e) => {
e.stopPropagation() e.stopPropagation()
if (item.commentID) comments.remove(item.path, item.commentID) if (item.commentID) comments.remove(item.path, item.commentID)