Matcha 2

app.py

@@ -74,22 +74,10 @@ def get_base_filename(filepath):
     return filename
 
 custom_css = """
-/* Fixed size container with custom styling */
-.image-container {
-    width: 100%;
-    height: 600px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background-color: #f0f0f0;
-    border-radius: 8px;
-    overflow: hidden;
-}
-
 .image-container img {
     object-fit: contain;
-    max-width: 100%;
-    max-height: 100%;
+    width: 100%;
+    height: 100%;
 }
 """
 
@@ -183,13 +171,16 @@ def create_demo():
             
             # Right column: Display area
             with gr.Column(scale=2):
-                with gr.Column(elem_classes="fixed-image-container"):
+                with gr.Column(elem_classes="image-container"):
                     current_image = gr.Image(
                         label="Current Image",
+                        height=600,         # Set the maximum desired height
+                        width=1000,
                         type="filepath",
                         show_fullscreen_button=True,
                         show_download_button=False,
-                        show_share_button=False
+                        show_share_button=False,
+                        elem_classes="image-container"
                     )
                 
                 # Navigation row