Update app.py

app.py

@@ -11,7 +11,7 @@ processor = BlipProcessor.from_pretrained("Salesforce/blip-image-captioning-base
 model = BlipForConditionalGeneration.from_pretrained("Salesforce/blip-image-captioning-base")
 detect_model = YOLO('yolov5s.pt')
 
-MEMORY_SIZE = 15
+MEMORY_SIZE = 10  # Now only 10 in history
 last_images = deque([], maxlen=MEMORY_SIZE)
 last_captions = deque([], maxlen=MEMORY_SIZE)
 
@@ -28,6 +28,19 @@ custom_css = """
     font-size: 19px;
     margin: 14px 0 22px 0;
 }
+/* Responsive + locked max-width */
+#main-app-area {
+    max-width: 600px;
+    margin-left: auto;
+    margin-right: auto;
+    padding: 0 8px;
+}
+@media (max-width: 700px) {
+    #main-app-area {
+        max-width: 98vw;
+        padding: 0 2vw;
+    }
+}
 #generate-btn {
     background: linear-gradient(90deg, #31b2fd 0%, #98f972 100%);
     color: white;
@@ -79,6 +92,7 @@ def generate_caption(image):
     return result_text, gallery
 
 with gr.Blocks(css=custom_css) as iface:
+    gr.HTML('<div id="main-app-area">')
     gr.HTML('<div id="app-title">🖼️ Image Captioning with Object Detection</div>')
     gr.HTML(
         '<div id="instructions">'
@@ -86,14 +100,14 @@ with gr.Blocks(css=custom_css) as iface:
         '1️⃣ <b>Upload</b> your image.<br>'
         '2️⃣ Click <b>⭐ Generate Caption</b>.<br>'
         '3️⃣ View and scroll through your history below.<br>'
-        '📜 <i>Last 15 results are stored for you.</i>'
+        '📜 <i>Last 10 results are stored for you.</i>'
         '</div>'
     )
 
     image_input = gr.Image(type="pil", label="Upload Image")
     generate_btn = gr.Button("⭐ Generate Caption", elem_id="generate-btn")
     caption_output = gr.Textbox(label="📝 Caption and Detected Objects", lines=5, interactive=True)
-    gallery = gr.Gallery(label="Last 15 Images and Captions", scale=3)
+    gallery = gr.Gallery(label="Last 10 Images and Captions", scale=3)
 
     def on_generate(image):
         if image is None:
@@ -105,6 +119,7 @@ with gr.Blocks(css=custom_css) as iface:
         inputs=image_input,
         outputs=[caption_output, gallery]
     )
+    gr.HTML('</div>')  # end main-app-area
 
 if __name__ == "__main__":
     iface.launch()