vodorod/Dorod-Sky
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Put max height on file panel (#2020)

Browse Source
This commit is contained in:
Shuchang Zheng
2025-03-25 07:12:30 -07:00
committed by GitHub
parent a1d94a152b
commit cc6fac7605
1 changed files with 22 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
skyvern-frontend/src/routes/workflows/WorkflowRun.tsx
View File

@@ -39,6 +39,7 @@ import { getAggregatedExtractedInformation } from "./workflowRun/workflowRunUtil
import { Label } from "@/components/ui/label"; import { Label } from "@/components/ui/label";
import { CodeEditor } from "./components/CodeEditor"; import { CodeEditor } from "./components/CodeEditor";
import { cn } from "@/util/utils"; import { cn } from "@/util/utils";
import { ScrollArea, ScrollAreaViewport } from "@/components/ui/scroll-area";
function WorkflowRun() { function WorkflowRun() {
const [searchParams, setSearchParams] = useSearchParams(); const [searchParams, setSearchParams] = useSearchParams();
@@ -282,22 +283,27 @@ function WorkflowRun() {
{hasFileUrls && ( {hasFileUrls && (
<div className="space-y-4"> <div className="space-y-4">
<Label>Downloaded Files</Label> <Label>Downloaded Files</Label>
<div className="space-y-2"> <ScrollArea>
{fileUrls.length > 0 ? ( <ScrollAreaViewport className="max-h-[250px] space-y-2">
fileUrls.map((url, index) => { {fileUrls.length > 0 ? (
return ( fileUrls.map((url, index) => {
<div key={url} title={url} className="flex gap-2"> return (
<FileIcon className="size-6" /> <div key={url} title={url} className="flex gap-2">
<a href={url} className="underline underline-offset-4"> <FileIcon className="size-6" />
<span>{`File ${index + 1}`}</span> <a
</a> href={url}
</div> className="underline underline-offset-4"
); >
}) <span>{`File ${index + 1}`}</span>
) : ( </a>
<div className="text-sm">No files downloaded</div> </div>
)} );
</div> })
) : (
<div className="text-sm">No files downloaded</div>
)}
</ScrollAreaViewport>
</ScrollArea>
</div> </div>
)} )}
</div> </div>