diff --git a/frontend/src/components/ui/PdfDragButton.tsx b/frontend/src/components/ui/PdfDragButton.tsx index 5b5153a0..f7dfbd03 100644 --- a/frontend/src/components/ui/PdfDragButton.tsx +++ b/frontend/src/components/ui/PdfDragButton.tsx @@ -1,4 +1,4 @@ -import { GripVertical, FileDown } from 'lucide-react'; +import { GripVertical, FileDown, Info } from 'lucide-react'; import { fileUrl } from '../../utils/fileUrl'; /** @@ -81,16 +81,24 @@ export default function PdfDragButton({ const iconSize = size === 'sm' ? 'w-3.5 h-3.5' : 'w-4 h-4'; return ( - window.open(fileUrl(path, { inline: true }), '_blank', 'noopener')} - title={title || 'In Outlook/Explorer ziehen (Chrome/Edge). Klick: im Tab öffnen.'} - className={`inline-flex items-center gap-1 cursor-grab active:cursor-grabbing select-none rounded border border-gray-200 bg-gray-50 px-1.5 py-0.5 text-xs text-gray-600 hover:text-blue-600 hover:border-blue-300 hover:bg-blue-50 transition-colors ${className}`} - > - - - {label} + + window.open(fileUrl(path, { inline: true }), '_blank', 'noopener')} + title={title || 'In Outlook/Explorer ziehen (Chrome/Edge). Klick: im Tab öffnen.'} + className="inline-flex items-center gap-1 cursor-grab active:cursor-grabbing select-none rounded border border-gray-200 bg-gray-50 px-1.5 py-0.5 text-xs text-gray-600 hover:text-blue-600 hover:border-blue-300 hover:bg-blue-50 transition-colors" + > + + + {label} + + + + ); }