fix(media): truncate long filename in download button

2026-02-26 17:12:27 +01:00
parent 0db8ea8773
commit d99c88df0e
1 changed files with 5 additions and 3 deletions
--- a/components/media/ConversionPreview.tsx
+++ b/components/media/ConversionPreview.tsx
@@ -275,9 +275,11 @@ export function ConversionPreview({ job, onDownload, onRetry }: ConversionPrevie
          {/* Download button */}
          {job.status === 'completed' && job.result && (
            <Button onClick={handleDownload} className="w-full" variant="default" size="lg">
-              <Download className="h-4 w-4" />
-              Download{' '}
-              {generateOutputFilename(job.inputFile.name, job.outputFormat.extension)}
+              <Download className="h-4 w-4 shrink-0" />
+              <span className="truncate min-w-0">
+                Download{' '}
+                {generateOutputFilename(job.inputFile.name, job.outputFormat.extension)}
+              </span>
            </Button>
          )}