feat: complete node task 2a

2025-07-28 06:42:00 +01:00
parent fe95626d9f
commit bd70df60b9
17 changed files with 1968 additions and 170 deletions
@@ -137,14 +137,21 @@ https://cdn.jsdelivr.net/npm/tailwindcss@4.1.11/dist/lib.min.js
        <div
          class="bg-white rounded-lg shadow-md p-6 flex flex-col items-center justify-center mt-8"
        >
-          <div
-            class="w-24 h-24 flex items-center justify-center bg-blue-100 rounded mb-2"
+          <img
+            id="upload-preview"
+            src=""
+            alt="Latest upload"
+            class="w-24 h-24 object-cover rounded mb-2"
+            style="display: none"
+          />
+          <input type="file" id="upload-input" accept="image/*" class="mb-2" />
+          <button
+            id="upload-btn"
+            class="bg-sky-400 text-white font-semibold px-8 py-2 rounded"
          >
-            <span class="text-4xl">&#128247;</span>
-          </div>
-          <button class="bg-sky-400 text-white font-semibold px-8 py-2 rounded">
            Upload
          </button>
+          <span id="upload-error" class="text-xs text-red-500 mt-2"></span>
        </div>
      </div>
    </div>