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

fix(app): update context cards styling with 8px padding/gap and 6px border radius

Browse Source
This commit is contained in:
David Hill
2026-01-23 20:19:10 +00:00
parent 2daa3652bb
commit 328bd3fb02
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

@@ -1675,13 +1675,13 @@ export const PromptInput: Component<PromptInputProps> = (props) => {
</div> </div>
</Show> </Show>
<Show when={prompt.context.items().length > 0}> <Show when={prompt.context.items().length > 0}>
<div class="flex flex-nowrap items-start gap-1.5 px-3 pt-3 overflow-x-auto no-scrollbar"> <div class="flex flex-nowrap items-start gap-2 p-2 overflow-x-auto no-scrollbar">
<For each={prompt.context.items()}> <For each={prompt.context.items()}>
{(item) => { {(item) => {
return ( return (
<div <div
classList={{ classList={{
"shrink-0 flex flex-col gap-1 rounded-md bg-surface-base border border-border-base px-2 py-1 max-w-[320px]": true, "shrink-0 flex flex-col gap-1 rounded-[6px] bg-surface-base border border-border-base px-2 py-1 max-w-[320px]": true,
"cursor-pointer hover:bg-surface-raised-base-hover": !!item.commentID, "cursor-pointer hover:bg-surface-raised-base-hover": !!item.commentID,
}} }}
onClick={() => { onClick={() => {