From cfc47ab1f486f543c2ad42fd5e6d22c68f6dbe9e Mon Sep 17 00:00:00 2001
From: Abi Raja <abimanyuraja@gmail.com>
Date: Sun, 26 Nov 2023 15:30:03 -0500
Subject: [PATCH] make drag and drop area more obvious

---
 frontend/src/components/ImageUpload.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/ImageUpload.tsx b/frontend/src/components/ImageUpload.tsx
index 4a46d99..d3972ca 100644
--- a/frontend/src/components/ImageUpload.tsx
+++ b/frontend/src/components/ImageUpload.tsx
@@ -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>
   );