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

fix(app): truncate comment text and set card max-width to 200px

Browse Source
This commit is contained in:
David Hill
2026-01-23 20:38:24 +00:00
parent 1bf4caa0c1
commit 5384040051
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-[320px]": 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]": true,
"cursor-pointer hover:bg-surface-interactive-weak": !!item.commentID, "cursor-pointer hover:bg-surface-interactive-weak": !!item.commentID,
}} }}
onClick={() => { onClick={() => {
@@ -1720,7 +1720,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">{comment()}</div>} {(comment) => <div class="text-11-regular text-text-strong ml-5 truncate">{comment()}</div>}
</Show> </Show>
</div> </div>
) )