skills
/
deerflow2
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix:artifact文件名视觉长度过长的问题

This commit is contained in:
肖应宇 2026-04-20 10:21:28 +08:00
parent 72836322c5
commit d0e0d9e807
2 changed files with 12 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/components/ui/dropdown-selector.tsx
View File

@ -81,7 +81,9 @@ export function DropdownSelector<T extends string>({
}
>
<span className="flex w-full items-center justify-center gap-1">
{truncateMiddle(selectedOption?.label ?? value, 30)}
{/* {truncateMiddle(selectedOption?.label ?? value, 20)} */}
{truncateMiddle("hfiqwertyuiopasdfghjklxcvbnm.html", 20)}
{isOpen ? <ChevronUpIcon /> : <ChevronDownIcon />}
</span>
</DropdownMenuTrigger>
@ -98,7 +100,9 @@ export function DropdownSelector<T extends string>({
value={option.value}
title={option.label}
>
{truncateMiddle(option.label)}
{/* {truncateMiddle(option.label,50)} */}
{truncateMiddle("hfiqwertyuiopasdfghjklxcvbnm.html",20)}
</DropdownMenuRadioItem>
))}
</DropdownMenuRadioGroup>

11
frontend/src/components/workspace/artifacts/artifact-file-detail.tsx
View File

@ -398,8 +398,8 @@ export function ArtifactFileDetail({
className,
)}
>
<ArtifactHeader className="grid grid-cols-12 gap-3">
<div className="col-span-3 flex min-w-0 items-center justify-start gap-2 overflow-hidden">
<ArtifactHeader className="grid grid-cols-24">
<div className="col-span-7 flex min-w-0 items-center justify-start gap-2 overflow-hidden">
{previewable && (
<ToggleGroup
type="single"
@ -464,11 +464,12 @@ export function ArtifactFileDetail({
<ArtifactZoomSelector value={zoom} onChange={setZoom} />
) : null}
</div>
<div className="col-span-6 flex min-w-0 items-center justify-center px-1">
<div className="col-span-10 flex min-w-0 items-center justify-center px-1">
<ArtifactTitle>
{isWriteFile ? (
<div className="w-full overflow-hidden px-2 text-center text-ellipsis whitespace-nowrap">
{truncateMiddle(getFileName(filepath), 50)}
{truncateMiddle(getFileName(filepath), 20)}
</div>
) : (
<DropdownSelector
@ -479,7 +480,7 @@ export function ArtifactFileDetail({
)}
</ArtifactTitle>
</div>
<div className="col-span-3 flex min-w-0 items-center justify-end overflow-hidden">
<div className="col-span-7 flex min-w-0 items-center justify-end overflow-hidden">
<ArtifactActions>
{isCodeFile && (
<ArtifactAction