Update app.py

app.py

@@ -2,7 +2,7 @@ import io
 import os
 import tempfile
 import uuid
-import base64 # <-- NEW IMPORT
+import base64
 from typing import List, Tuple
 import requests
 from PIL import Image, UnidentifiedImageError
@@ -268,26 +268,30 @@ def run_classify(
 # Build the Gradio UI with CSS tweaks
 css = """
 /* clamp the left upload image preview to 40vh */
+/* make left column scroll if content would grow too tall, and limit to viewport */
+#left_column {
+  max-height: 90vh;        /* entire column won't exceed viewport*/
+  overflow: auto;
+}
+
+/* clamp the upload preview to 40% of the viewport height */
 #left_input_image img,
-#left_input_image canvas,
-.gradio-image img,
-.gradio-image canvas,
-.image-preview img,
-.image-preview canvas {
+#left_input_image canvas {
   max-height: 40vh !important;
+  height: auto !important;
   width: auto !important;
   object-fit: contain !important;
   display: block !important;
   margin: 0 auto !important;
 }
-/* reduce default strong outlines - table border is off-white at 60% opacity */
+
+/* results table tweaks kept from before */
 #results_table_container table th {
   border-color: rgba(255,255,255,0.6) !important;
 }
 #results_table_container table td {
   border-color: rgba(255,255,255,0.06) !important;
 }
-/* make sure images in the table don't get outlines */
 #results_table_container img {
   outline: none !important;
   border: none !important;
@@ -297,17 +301,19 @@ css = """
 """
 
 with gr.Blocks(title="Aesthetic Shadow - Anime Image Quality Classifier (CPU)", css=css) as demo:
+    gr.Markdown("Aesthetic Shadow - Anime Image Quality Classifier (running on CPU | ETA for single image: ~50s (fp16 & fp32 are likely same speed on cpu))")
+    gr.Markdown("All Aesthetic Shadow models are by shadowlilac. V2 is using reuploads by other people.")
     with gr.Row():
-        with gr.Column(scale=2):
+        with gr.Column(scale=2, elem_id="left_column"):
             gr.Markdown("### Input")
             with gr.Tabs():
                 with gr.TabItem("Single"):
                     uploaded_image = gr.Image(label="Drop or click to upload", type="filepath", elem_id="left_input_image")
                     url_input = gr.Textbox(label="Image URL (optional)", placeholder="https://...", lines=1)
-                    gr.Markdown("- The preview will appear immediately and is clamped to 40% of the browser height.")
-                with gr.TabItem("Batch"):
-                    batch_files = gr.File(label="Upload multiple images (batch)", file_count="multiple", type="filepath")
-                    batch_urls_text = gr.Textbox(label="Batch URLs (one per line)", placeholder="https://...", lines=4)
+# commented in because it takes reaaaaally long and there is a bug i think where it will take images from both tabs instead of just the active one
+                #with gr.TabItem("Batch"): 
+                #    batch_files = gr.File(label="Upload multiple images (batch)", file_count="multiple", type="filepath")
+                #    batch_urls_text = gr.Textbox(label="Batch URLs (one per line)", placeholder="https://...", lines=4)
 
         with gr.Column(scale=1):
             gr.Markdown("### Model & Run")
@@ -330,7 +336,6 @@ with gr.Blocks(title="Aesthetic Shadow - Anime Image Quality Classifier (CPU)",
                 outputs=[result_table_html],
             )
 
-    gr.Markdown("All Aesthetic Shadow models are by shadowlilac. V2 is using reuploads by other people.")
 
 if __name__ == "__main__":
     demo.launch()