diff options
Diffstat (limited to 'components/ship-vendor-document/add-attachment-dialog.tsx')
| -rw-r--r-- | components/ship-vendor-document/add-attachment-dialog.tsx | 14 |
1 files changed, 7 insertions, 7 deletions
diff --git a/components/ship-vendor-document/add-attachment-dialog.tsx b/components/ship-vendor-document/add-attachment-dialog.tsx index 8c5e17c8..6765bcf5 100644 --- a/components/ship-vendor-document/add-attachment-dialog.tsx +++ b/components/ship-vendor-document/add-attachment-dialog.tsx @@ -135,16 +135,16 @@ function FileUploadArea({ return ( <div className="space-y-4"> <div - className="border-2 border-dashed border-gray-300 rounded-lg p-6 text-center cursor-pointer hover:border-gray-400 transition-colors" + className="border-2 border-dashed border-border rounded-lg p-6 text-center cursor-pointer hover:border-border transition-colors" onDrop={handleDrop} onDragOver={handleDragOver} onClick={() => fileInputRef.current?.click()} > - <Paperclip className="mx-auto h-12 w-12 text-gray-400 mb-4" /> - <p className="text-sm text-gray-600 mb-2"> + <Paperclip className="mx-auto h-12 w-12 text-muted-foreground mb-4" /> + <p className="text-sm text-muted-foreground mb-2"> Drag files to add here or click to select </p> - <p className="text-xs text-gray-500"> + <p className="text-xs text-muted-foreground"> Supports PDF, Word, Excel, Image, Text, ZIP, CAD files (DWG, DXF, STEP, STL, IGES) (max 1GB) </p> <p className="text-xs text-orange-600 mt-1"> @@ -167,15 +167,15 @@ function FileUploadArea({ {files.map((file, index) => ( <div key={index} - className="flex items-center justify-between p-2 bg-gray-50 rounded border" + className="flex items-center justify-between p-2 bg-muted/50 rounded border" > <div className="flex items-center space-x-2 flex-1"> - <FileText className="h-4 w-4 text-gray-500" /> + <FileText className="h-4 w-4 text-muted-foreground" /> <div className="flex-1 min-w-0"> <p className="text-sm font-medium truncate" title={file.name}> {file.name} </p> - <p className="text-xs text-gray-500"> + <p className="text-xs text-muted-foreground"> {formatFileSize(file.size)} </p> </div> |