ccopeland/red
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(04-03): style Browse files as a visible button with selected filename display

Browse Source
This commit is contained in:
Chandler Copeland
2026-03-19 21:54:07 -06:00
parent 7ddc690482
commit 5c7a0fd061
1 changed files with 9 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
teressa-copeland-homes/src/app/portal/_components/AddDocumentModal.tsx
View File

@@ -96,7 +96,15 @@ export function AddDocumentModal({ clientId, onClose }: { clientId: string; onCl
<div className="mb-4">
<label className="block text-sm font-medium mb-1">Or upload a custom PDF</label>
<input type="file" accept="application/pdf" onChange={handleFileChange} className="text-sm" />
<div className="flex items-center gap-3">
<label className="cursor-pointer px-4 py-2 text-sm border border-gray-300 rounded bg-white hover:bg-gray-50 font-medium">
Browse files
<input type="file" accept="application/pdf" onChange={handleFileChange} className="hidden" />
</label>
{customFile && (
<span className="text-sm text-gray-600 truncate max-w-xs">{customFile.name}</span>
)}
</div>
</div>
<form onSubmit={handleSubmit}>