Update app.py

app.py

@@ -15,7 +15,7 @@ import torch
 
 # setup()
 
-# # download cache files
+# download cache files
 # print("Download preprocessed cache files...")
 # CACHE_URLS = [
 #     'https://huggingface.co/pharma/ci-preprocess/resolve/main/ViT-H-14_laion2b_s32b_b79k_artists.pkl',
@@ -128,14 +128,37 @@ a {text-decoration-line: underline; font-weight: 600;}
 #share-btn-container .wrap {
     display: none !important;
 }
+#gallery .caption-label.svelte-w0jac3 {
+    font-size: 15px;
+    right: 0;
+    max-width: 100%; /* Added missing semicolon */
+    text-overflow: clip;
+    white-space: normal;
+    overflow: auto;
+    height: 20%;
+}
+
+#gallery .grid-wrap.svelte-w0jac3.fixed-height .grid-wrap.svelte-w0jac3.fixed-height{
+    overflow-y: auto;
+}
+
+#gallery .caption.svelte-w0jac3{
+    padding: var(--size-2) var(--size-3);
+    text-overflow: clip;
+    white-space: normal; /* Allows the text to wrap */
+    color: var(--block-label-text-color);
+    font-weight: var(--weight-semibold);
+    text-align: center;
+    height: 100%;
+    font-size: 17px;
+}
 '''
 
 with gr.Blocks(css=css) as block:
     with gr.Column(elem_id="col-container"):
         gr.HTML(title)
 
-        input_image = gr.inputs.File(file_count="multiple", type='bytes')
-        # NUM_IMAGES = len(input_image)
+        input_image = gr.Files(label = "Inputs", file_count="multiple", type='bytes', elem_id='inputs')
         with gr.Row():
             mode_input = gr.Radio(['best', 'classic', 'fast'], label='Select mode', value='best')
             flavor_input = gr.Slider(minimum=2, maximum=24, step=2, value=4, label='best mode max flavors')
@@ -144,8 +167,8 @@ with gr.Blocks(css=css) as block:
         
         # rows, cols = NUM_IMAGES //3, 
         gallery = gr.Gallery(
-            label="Images", show_label=True, elem_id="gallery"
-        ).style( object_fit="contain", height="auto")
+            label="Outputs", show_label=True, elem_id="gallery", object_fit="contain", height="auto"
+        )
 
         with gr.Group(elem_id="share-btn-container"):
             loading_icon = gr.HTML(loading_icon_html, visible=False)