Update app.py

app.py

@@ -32,28 +32,38 @@ def run_lora(prompt, weight):
 # Gradio UI
 print("Before Gradio Interface")
 
-title = gr.HTML("<h1>LoRA the Explorer</h1>")
-
-gallery = gr.Gallery(
-    [(item["image"], item["title"]) for item in loras],
-    label="LoRA Gallery",
-    allow_preview=False,
-    columns=3,
-)
-
-prompt = gr.Textbox(label="Prompt", lines=1, max_lines=1, placeholder="Type a prompt after selecting a LoRA")
-
-advanced_options = gr.Accordion("Advanced options", open=False)
-
-weight = gr.Slider(0, 10, value=1, step=0.1, label="LoRA weight")
-
-result = gr.Image(interactive=False, label="Generated Image")
-
-gr.Interface(
-    fn=run_lora,
-    inputs=[title, gallery, prompt, {"Advanced Options": advanced_options}, weight],
-    outputs=[result],
-    css="custom.css"  # Make sure your custom CSS file is in the same directory
-).launch()
+# Create a Gradio Blocks interface
+with gr.Blocks() as app:
+    title = gr.HTML("<h1>LoRA the Explorer</h1>")
+    gallery = gr.Gallery(
+        [(item["image"], item["title"]) for item in loras],
+        label="LoRA Gallery",
+        allow_preview=False,
+        columns=3,
+    )
+    prompt = gr.Textbox(label="Prompt", lines=1, max_lines=1, placeholder="Type a prompt after selecting a LoRA")
+    advanced_options = gr.Accordion("Advanced options", open=False)
+    weight = gr.Slider(0, 10, value=1, step=0.1, label="LoRA weight")
+    result = gr.Image(interactive=False, label="Generated Image")
+    
+    # Link the function to run when the button is clicked
+    gr.Row([
+        gr.Column([
+            title,
+            gallery,
+            prompt,
+            advanced_options,
+            weight,
+            gr.Button("Run", label="Run").click(
+                fn=run_lora,
+                inputs=[prompt, weight],
+                outputs=[result]
+            )
+        ]),
+        gr.Column([result])
+    ])
 
 print("After Gradio Interface")
+
+# Launch the Gradio interface with a queue
+app.launch(debug=True, queue=True)