Update static/index.html

static/index.html

@@ -364,9 +364,12 @@ input[type="number"]#scale:focus {
                 estimatedTime.style.display = 'none';
                 if (response.ok) {
                     const resultContainer = document.getElementById('resultContainer');
-                    const blob = await response.blob();
-                    const imageURL = URL.createObjectURL(blob);
-                    resultContainer.innerHTML = `<img src="${imageURL}" alt="Enhanced Image">`;
+                    const data = await response.json();
+                    const sketchImage = document.createElement('img');
+                    sketchImage.style.maxWidth = '100%'; // Adjust this value as needed
+                    sketchImage.style.maxHeight = '100%'; // Adjust this value as needed
+                    sketchImage.src = data.sketch_image_base64;
+                    resultContainer.appendChild(sketchImage);
                 } else {
                     document.getElementById('resultContainer').innerHTML = `<p style="color: white;">Oops! Something went wrong. Please try again later.</p>`;
                 }
@@ -378,3 +381,4 @@ input[type="number"]#scale:focus {
     </script>
 </body>
 </html>
+