Update app.py

app.py

@@ -63,14 +63,34 @@ def generate_image(prompt, width, height, api_key):
         else:
             return f"Unexpected status: {status}"
 
-# Create Gradio interface
+# Create Gradio interface with sliders for width and height
 iface = gr.Interface(
     fn=generate_image,
     inputs=[
-        gr.Textbox(label="Prompt", placeholder="Describe the image you want to generate"),
-        gr.Number(label="Width", value=512),
-        gr.Number(label="Height", value=512),
-        gr.Textbox(label="API Key", type="password", placeholder="Enter your BFL API key"),
+        gr.Textbox(
+            label="Prompt",
+            placeholder="Describe the image you want to generate",
+            lines=3,
+        ),
+        gr.Slider(
+            label="Width",
+            minimum=256,
+            maximum=1440,
+            step=32,
+            value=1024,
+        ),
+        gr.Slider(
+            label="Height",
+            minimum=256,
+            maximum=1440,
+            step=32,
+            value=768,
+        ),
+        gr.Textbox(
+            label="API Key",
+            type="password",
+            placeholder="Enter your BFL API key",
+        ),
     ],
     outputs="image",
     title="BFL Image Generation Demo",
@@ -79,12 +99,20 @@ iface = gr.Interface(
 
     **Instructions:**
     1. Enter a descriptive prompt for the image you want to generate.
-    2. Specify the width and height (in pixels) for the image.
+    2. Use the sliders to specify the width and height (in pixels) for the image. Values must be multiples of 32.
     3. Enter your BFL API key. You can obtain one from [BFL API Portal](https://api.bfl.ml).
     4. Click "Submit" to generate the image.
 
     **Note:** Ensure you have sufficient credits and adhere to the API usage limits.
     """,
+    examples=[
+        [
+            "A cat on its back legs running like a human is holding a big silver fish with its arms. The cat is running away from the shop owner and has a panicked look on his face. The scene is situated in a crowded market.",
+            1024,
+            1024,
+            "",
+        ],
+    ],
 )
 
 iface.launch()