feature: update output

app.py

@@ -15,6 +15,13 @@ MAGICODER_PROMPT = """You are an exceptionally intelligent coding assistant that
 @@ Response
 """
 
+css = """
+#q-output {
+    max-height: 60vh;
+    overflow: auto;
+}
+"""
+
 title = "<h1 style='text-align: center; margin-bottom: 1rem'>🎩 Magicoder</h1>"
 
 description = """This is a playground for Magicoder-S-DS-6.7B! Follow us on Github: https://github.com/ise-uiuc/magicoder and Huggingface: https://huggingface.co/ise-uiuc.
@@ -55,7 +62,7 @@ def main(
             generated_text = seq["generated_text"].replace(prompt, "")
             return generated_text
 
-    with gr.Blocks() as demo:
+    with gr.Blocks(css=css) as demo:
         gr.Markdown(title)
         gr.Markdown(description)
         with gr.Row(equal_height=True):
@@ -80,12 +87,11 @@ def main(
                     ],
                     inputs = [interface_input]
                 )
-            with gr.Blocks() as output_blocks:
-                with gr.Column(variant="default"):
-                    with gr.Tab("Output"):
-                        output = gr.Markdown(
-                            label="Output",
-                        )
+            with gr.Column(variant="default"):
+                with gr.Tab("Output", elem_id="q-output"):
+                    output = gr.Markdown(
+                        label="Output"
+                    )
             submit.click(
                 evaluate_magicoder,
                 inputs=[interface_input, temperature, max_new_tokens],