edit border

Author: Eric-Zhang-Developer

src/app/page.tsx

@@ -14,11 +14,11 @@ export default function Home() {
         </h2>
 
         {/* Drop Zone */}
-        <div className="border-2 px-1/2 py-30 flex flex-col gap-8 items-center justify-center w-1/2 border-dashed rounded-3xl mt-12 text-lg">
+        <div className="border-2 px-1/2 py-30 flex flex-col gap-8 items-center justify-center w-1/2 border-dashed rounded-3xl mt-12 text-lg hover:cursor-pointer">
           <Upload size={50}></Upload>
           Drag & drop your followers.json & following.json files here
           <span>or</span>
-          <button className="border-1 p-2 text-lg">Select Files</button>
+          <button className="border-1 px-4 py-2 text-lg rounded-xl hover:cursor-pointer transition hover:scale-105">Select Files</button>
         </div>
 
         <Link href="/tutorial" className="underline">