Update app.py

app.py

@@ -61,30 +61,29 @@ def query(prompt, is_negative=False, steps=30, cfg_scale=7, sampler="DPM++ 2M Ka
         return None
 
 with gr.Blocks() as app:
-    gr.HTML("""
-        <center><h1 style="color: #f28f8f;">Dream Generator with Flux</h1></center>
-        <center><h2 style="color: #333333;">Transforma tus sueños en imágenes vibrantes con un solo clic.</h2></center>
-    """)
+    gr.HTML("<center><h1>Dream Generator with Flux</h1><h2>Transforma tus sueños en imágenes vibrantes con un solo clic.</h2></center>")
     
-    with gr.Column():
-        with gr.Row():
-            with gr.Column():
-                with gr.Row():
-                    text_prompt = gr.Textbox(label="Prompt", placeholder="Enter a prompt here", lines=2)
-                with gr.Row():
-                    with gr.Accordion("Advanced Settings", open=False):
-                        negative_prompt = gr.Textbox(label="Negative Prompt", placeholder="What should not be in the image", value="(deformed, distorted, disfigured), poorly drawn, bad anatomy, wrong anatomy, extra limb, missing limb, floating limbs, (mutated hands and fingers), disconnected limbs, mutation, mutated, ugly, disgusting, blurry, amputation, misspellings, typos", lines=3)
-                        steps = gr.Slider(label="Sampling steps", value=35, minimum=1, maximum=100, step=1)
-                        cfg = gr.Slider(label="CFG Scale", value=7, minimum=1, maximum=20, step=1)
-                        method = gr.Radio(label="Sampling method", value="DPM++ 2M Karras", choices=["DPM++ 2M Karras", "DPM++ SDE Karras", "Euler", "Euler a", "Heun", "DDIM"])
-                        strength = gr.Slider(label="Strength", value=0.7, minimum=0, maximum=1, step=0.001)
-                        seed = gr.Slider(label="Seed", value=-1, minimum=-1, maximum=1000000000, step=1)
+    with gr.Row():
+        with gr.Column(scale=1):
+            with gr.Row():
+                text_prompt = gr.Textbox(label="Prompt", placeholder="Enter a prompt here", lines=2, elem_id="prompt-text-input")
+            with gr.Row():
+                with gr.Accordion("Advanced Settings", open=False):
+                    negative_prompt = gr.Textbox(label="Negative Prompt", placeholder="What should not be in the image", value="(deformed, distorted, disfigured), poorly drawn, bad anatomy, wrong anatomy, extra limb, missing limb, floating limbs, (mutated hands and fingers), disconnected limbs, mutation, mutated, ugly, disgusting, blurry, amputation, misspellings, typos", lines=3, elem_id="negative-prompt-text-input")
+                    steps = gr.Slider(label="Sampling steps", value=35, minimum=1, maximum=100, step=1)
+                    cfg = gr.Slider(label="CFG Scale", value=7, minimum=1, maximum=20, step=1)
+                    method = gr.Radio(label="Sampling method", value="DPM++ 2M Karras", choices=["DPM++ 2M Karras", "DPM++ SDE Karras", "Euler", "Euler a", "Heun", "DDIM"])
+                    strength = gr.Slider(label="Strength", value=0.7, minimum=0, maximum=1, step=0.001)
+                    seed = gr.Slider(label="Seed", value=-1, minimum=-1, maximum=1000000000, step=1)
 
-        with gr.Row():
-            text_button = gr.Button("Run", variant='primary')
-        with gr.Row():
-            image_output = gr.Image(type="pil", label="Image Output")
-        
-        text_button.click(query, inputs=[text_prompt, negative_prompt, steps, cfg, method, seed, strength], outputs=image_output)
+            with gr.Row():
+                generate_button = gr.Button("Generate", elem_id="generate-button")
+                clear_button = gr.Button("Clear", elem_id="clear-button")
+
+        with gr.Column(scale=1):
+            image_output = gr.Image(type="pil", label="Image Output", elem_id="gallery")
+
+    generate_button.click(query, inputs=[text_prompt, negative_prompt, steps, cfg, method, seed, strength], outputs=image_output)
+    clear_button.click(lambda: (None, None), outputs=[text_prompt, negative_prompt, steps, cfg, method, seed, strength, image_output])
 
 app.launch(show_api=False, share=False)