Update static/appS.js

static/appS.js

@@ -79,12 +79,15 @@ document.addEventListener('DOMContentLoaded', () => {
             filePreviewBubble.className = "file-preview-bubble bubble right";
             filePreviewBubble.style.display = "flex";
             filePreviewBubble.style.flexDirection = "column";
-
+            filePreviewBubble.style.maxWidth = "50%";
+          
             const img = document.createElement("img");
             img.src = e.target.result;
-            img.style.maxWidth = "250px";
-            img.style.borderRadius = "8px";
-            img.style.marginBottom = "5px";
+            img.style.width = "100%";
+            img.style.height = "200px"; // You can adjust the height if you want
+            img.style.objectFit = "cover"; // Makes it fill nicely
+            img.style.borderRadius = "10px";
+            img.style.marginBottom = "8px";
 
             const text = document.createElement("span");
             text.textContent = `📎 Selected image: ${file.name}`;