Update app.py

app.py

@@ -50,7 +50,6 @@ def process_image(image):
 
 css = """
   #output {
-    height: 450px; 
     overflow: auto; 
     border: 1px solid #ccc; 
     padding: 10px;
@@ -59,6 +58,20 @@ css = """
   }
 """
 
+js = """
+function adjustHeight() {
+    var outputElement = document.getElementById('output');
+    outputElement.style.height = 'auto';  // Reset height to auto to get the actual content height
+    var height = outputElement.scrollHeight + 'px';  // Get the scrollHeight
+    outputElement.style.height = height;  // Set the height
+}
+
+// Attach the adjustHeight function to the click event of the submit button
+document.querySelector('button').addEventListener('click', function() {
+    setTimeout(adjustHeight, 500);  // Adjust the height after a small delay to ensure content is loaded
+});
+"""
+
 with gr.Blocks(css=css) as demo:
     gr.Markdown(DESCRIPTION)
     with gr.Tab(label="Product Image Select"):
@@ -88,4 +101,4 @@ with gr.Blocks(css=css) as demo:
         
         submit_btn.click(process_image, [input_img], [output_text])
 
-demo.launch(debug=True)
+demo.launch(debug=True, include_js=js)