ceos/opencode
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

tweak(ui): use bordered chips in prompt input

Browse source
This commit is contained in:
David Hill 2026-03-20 14:14:41 +00:00
commit 2b0a68fce4
2 changed files with 5 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

6
packages/app/src/components/comment-chip.tsx
View file

@ -38,9 +38,9 @@ export const CommentChip: Component<CommentChipProps> = (props) => {
return ( return (
<div <div
class={`group relative flex flex-col rounded-[6px] cursor-default bg-background-stronger ${ class={`group relative flex flex-col rounded-[6px] cursor-default bg-background-stronger border border-border-weak-base ${
variant() === "full" ? "border border-border-weak-base" : "shadow-xs-border" variant() === "full" ? `pl-2 py-1 ${pad()}` : `pl-2 py-1 h-12 ${pad()}`
} ${variant() === "full" ? `pl-2 py-1 ${pad()}` : `pl-2 py-1 h-12 ${pad()}`} ${props.class ?? ""}`} } ${props.class ?? ""}`}
onClick={() => props.onOpen?.()} onClick={() => props.onOpen?.()}
> >
<div class="flex items-center gap-1.5 min-w-0"> <div class="flex items-center gap-1.5 min-w-0">

4
packages/app/src/components/prompt-input/image-attachments.tsx
View file

@ -19,8 +19,8 @@ type PromptImageAttachmentProps = {
} }
const fallbackClass = const fallbackClass =
"size-12 rounded-[6px] bg-background-stronger flex items-center justify-center shadow-xs-border cursor-default" "size-12 rounded-[6px] bg-background-stronger flex items-center justify-center border border-border-weak-base cursor-default"
const imageClass = "size-12 rounded-[6px] object-cover shadow-xs-border" const imageClass = "size-12 rounded-[6px] object-cover border border-border-weak-base"
const removeClass = const removeClass =
"absolute top-0 right-0 size-6 opacity-0 pointer-events-none transition-opacity group-hover:opacity-100 group-hover:pointer-events-auto group-focus-within:opacity-100 group-focus-within:pointer-events-auto" "absolute top-0 right-0 size-6 opacity-0 pointer-events-none transition-opacity group-hover:opacity-100 group-hover:pointer-events-auto group-focus-within:opacity-100 group-focus-within:pointer-events-auto"
const removeIconClass = const removeIconClass =