Update app.py

app.py

@@ -68,11 +68,18 @@ title = "Demo: Donut 🍩 for invoice header retrieval"
 #demo = gr.Interface(fn=process_document,inputs=gr_image,outputs="json",title="Demo: Donut 🍩 for invoice header retrieval", description=description,
 #    article=article,enable_queue=True, examples=[["example.jpg"], ["example_2.jpg"], ["example_3.jpg"]], cache_examples=False)
 
-with gr.Blocks() as demo:
+css = "#inp {height: 40rem !important; width: 100% !important;}"
+# css = "@media screen and (max-width: 600px) { .output_image, .input_image {height:20rem !important; width: 100% !important;} }"
+# css = ".output_image, .input_image {height: 600px !important}"
+
+css = ".image-preview {height: auto !important;}"
+
+
+with gr.Blocks(css=css) as demo:
     gr.Markdown(title)
     gr.Markdown(description)
 
-    inp = gr.Image(label='Upload invoice here:').style(height=400)
+    inp = gr.Image(label='Upload invoice here:',elem_id="inp").style(height=400)
     with gr.Row().style():
         with gr.Column(scale=1):
             gr.Examples([["example.jpg"], ["example_2.jpg"], ["example_3.jpg"]], inputs=[inp])