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"> <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 />} {isOpen ? <ChevronUpIcon /> : <ChevronDownIcon />}
</span> </span>
</DropdownMenuTrigger> </DropdownMenuTrigger>
@ -98,7 +100,9 @@ export function DropdownSelector<T extends string>({
value={option.value} value={option.value}
title={option.label} title={option.label}
> >
{truncateMiddle(option.label)} {/* {truncateMiddle(option.label,50)} */}
{truncateMiddle("hfiqwertyuiopasdfghjklxcvbnm.html",20)}
</DropdownMenuRadioItem> </DropdownMenuRadioItem>
))} ))}
</DropdownMenuRadioGroup> </DropdownMenuRadioGroup>

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

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