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

fix(app): add 8px gap before close icon and truncate long filenames

Browse Source
This commit is contained in:
David Hill
2026-01-23 20:57:09 +00:00
parent c70e8b5880
commit 4b64bff11b
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1691,10 +1691,10 @@ export const PromptInput: Component<PromptInputProps> = (props) => {
tabs().open("review") tabs().open("review")
}} }}
> >
<div class="flex items-center gap-1.5"> <div class="flex items-center gap-2">
<FileIcon node={{ path: item.path, type: "file" }} class="shrink-0 size-3.5" /> <FileIcon node={{ path: item.path, type: "file" }} class="shrink-0 size-3.5" />
<div <div
class="flex-1 flex items-center text-11-regular min-w-0" class="flex-1 flex items-center text-11-regular min-w-0 truncate"
style={{ "font-weight": "var(--font-weight-medium)" }} style={{ "font-weight": "var(--font-weight-medium)" }}
> >
<span class="text-text-weak whitespace-nowrap truncate min-w-0">{getDirectory(item.path)}</span> <span class="text-text-weak whitespace-nowrap truncate min-w-0">{getDirectory(item.path)}</span>
@@ -1723,7 +1723,7 @@ export const PromptInput: Component<PromptInputProps> = (props) => {
/> />
</div> </div>
<Show when={item.comment}> <Show when={item.comment}>
{(comment) => <div class="text-11-regular text-text-strong ml-5 truncate">{comment()}</div>} {(comment) => <div class="text-11-regular text-text-strong ml-5 pr-1 truncate">{comment()}</div>}
</Show> </Show>
</div> </div>
) )