ToothFairyAI_Public/tf_code
1
0
Fork 0
mirror of https://gitea.toothfairyai.com/ToothFairyAI/tf_code.git synced 2026-03-30 05:43:55 +00:00
Code Issues 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
Show Stats 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")
}}
>
<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" />
<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)" }}
>
<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>
<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>
</div>
)