Update app.py

app.py

@@ -80,17 +80,23 @@ def run_grounding(input_image, grounding_caption, box_threshold, text_threshold)
     return image_with_box
 
 if __name__ == "__main__":
-
+    
     parser = argparse.ArgumentParser("Grounding DINO demo", add_help=True)
     parser.add_argument("--debug", action="store_true", help="using debug mode")
     parser.add_argument("--share", action="store_true", help="share the app")
     args = parser.parse_args()
-
-    block = gr.Blocks().queue()
+    css = """
+  #mkd {
+    height: 500px; 
+    overflow: auto; 
+    border: 1px solid #ccc; 
+  }
+"""
+    block = gr.Blocks(css=css).queue()
     with block:
-        gr.Markdown("# [Grounding DINO](https://github.com/IDEA-Research/GroundingDINO)")
-        gr.Markdown("### Open-World Detection with Grounding DINO")
-        gr.Markdown("Note the model runs on CPU, so it may take a while to run the model.")
+        gr.Markdown("<h1><center>Grounding DINO<h1><center>")
+        gr.Markdown("<h3><center>Open-World Detection with <a href='https://github.com/IDEA-Research/GroundingDINO'>Grounding DINO</a><h3><center>")
+        gr.Markdown("<h3><center>Note the model runs on CPU, so it may take a while to run the model.<h3><center>")
 
         with gr.Row():
             with gr.Column():
@@ -115,6 +121,13 @@ if __name__ == "__main__":
 
         run_button.click(fn=run_grounding, inputs=[
                         input_image, grounding_caption, box_threshold, text_threshold], outputs=[gallery])
-
+        gr.Examples(
+          [["this_is_fine.png", "coffee cup", 0.25, 0.25]],
+          inputs = [input_image, grounding_caption, box_threshold, text_threshold],
+          outputs = [gallery],
+          fn=run_grounding,
+          cache_examples=True,
+          label='Try this example input!'
+      )
     block.launch(share=False, show_api=False, show_error=True)