valknar/kit-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(media): truncate long filename in download button

Browse Source
This commit is contained in:
Sebastian Krüger
2026-02-26 17:12:27 +01:00
parent 0db8ea8773
commit d99c88df0e
1 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
components/media/ConversionPreview.tsx
View File

@@ -275,9 +275,11 @@ export function ConversionPreview({ job, onDownload, onRetry }: ConversionPrevie
{/* Download button */} {/* Download button */}
{job.status === 'completed' && job.result && ( {job.status === 'completed' && job.result && (
<Button onClick={handleDownload} className="w-full" variant="default" size="lg"> <Button onClick={handleDownload} className="w-full" variant="default" size="lg">
<Download className="h-4 w-4" /> <Download className="h-4 w-4 shrink-0" />
<span className="truncate min-w-0">
Download{' '} Download{' '}
{generateOutputFilename(job.inputFile.name, job.outputFormat.extension)} {generateOutputFilename(job.inputFile.name, job.outputFormat.extension)}
</span>
</Button> </Button>
)} )}