make drag and drop area more obvious

This commit is contained in:
Abi Raja 2023-11-26 15:30:03 -05:00
parent 7ef6a0b205
commit a178e316c4

View File

@ -140,7 +140,10 @@ function ImageUpload({ setReferenceImages }: Props) {
{/* eslint-disable-next-line @typescript-eslint/no-explicit-any */}
<div {...getRootProps({ style: style as any })}>
<input {...getInputProps()} />
<p>Drop a screenshot here, paste from clipboard, or click to select</p>
<p className="text-slate-700 font-bold">
Drag & drop a screenshot here, or paste from clipboard, or click to
upload
</p>
</div>
</section>
);