Update app.py

app.py

@@ -13,7 +13,7 @@ API_TOKEN = os.getenv("HF_READ_TOKEN")
 headers = {"Authorization": f"Bearer {API_TOKEN}"}
 timeout = 100
 
-def query(prompt, is_negative=False, steps=30, cfg_scale=7, sampler="DPM++ 2M Karras", strength=0.7):
+def query(prompt, is_negative=False, steps=30, cfg_scale=7, strength=0.7):
     if not prompt:
         return None
 
@@ -76,10 +76,9 @@ button {
     background-color: #f5f5f5; /* Fondo gris claro */
     color: #333333; /* Texto gris oscuro */
     border: 1px solid black; /* Borde negro en botones */
-    width: auto; /* Ancho automático para botones */
+    width: 100%; /* Ancho completo del botón */
     box-sizing: border-box; /* Incluir el borde en el ancho total */
     padding: 10px; /* Espacio interno en el botón */
-    margin-right: 10px; /* Espacio entre los botones */
 }
 
 button.primary {
@@ -104,46 +103,24 @@ h1, h2, h3, h4, h5, h6 {
     .button-container {
         display: flex;
         flex-direction: column;
-        align-items: center; /* Centra los botones en vista móvil */
+        align-items: center; /* Centra el botón en vista móvil */
     }
 
     .button-container button {
         width: auto; /* Ajusta el ancho del botón para móviles */
-        margin-top: 10px; /* Espacio superior para los botones en móviles */
-    }
-
-    .radio-group {
-        display: flex;
-        flex-direction: column; /* Ajusta los botones de radio en una columna */
-        align-items: flex-start; /* Alinea los botones a la izquierda */
-    }
-
-    .radio-group label {
-        margin-bottom: 10px; /* Espacio entre los botones de radio */
-        font-size: 16px; /* Tamaño de fuente más grande para móviles */
+        margin-top: 10px; /* Espacio superior para el botón en móviles */
     }
 }
 
 @media (min-width: 769px) {
     .button-container {
         display: flex;
-        justify-content: flex-end; /* Alinea los botones a la derecha en vista de escritorio */
+        justify-content: flex-end; /* Alinea el botón a la derecha en vista de escritorio */
     }
 
     .button-container button {
         width: auto; /* Ajusta el ancho del botón para escritorio */
     }
-
-    .radio-group {
-        display: flex;
-        flex-direction: row; /* Ajusta los botones de radio en una fila */
-        justify-content: space-between; /* Espacio entre los botones de radio */
-    }
-
-    .radio-group label {
-        margin-right: 20px; /* Espacio entre los botones de radio */
-        font-size: 18px; /* Tamaño de fuente para escritorio */
-    }
 }
 """
 
@@ -167,7 +144,8 @@ with gr.Blocks(css=css) as app:
                 label="¿Cuál fue tu sueño?", 
                 placeholder="Describe lo que soñaste, no omitas ningún detalle.", 
                 lines=2, 
-                elem_id="prompt-text-input"
+                elem_id="prompt-text-input",
+                show_clear_button=True  # Botón de borrar visible
             )
 
             with gr.Accordion("Opciones Avanzadas", open=False):
@@ -192,12 +170,6 @@ with gr.Blocks(css=css) as app:
                     maximum=20, 
                     step=1
                 )
-                method = gr.Radio(
-                    label="Estilo de sueño (Método de muestreo)", 
-                    value="DPM++ 2M Karras", 
-                    choices=["DPM++ 2M Karras", "DPM++ SDE Karras", "Euler", "Euler a", "Heun", "DDIM"],
-                    elem_id="sampling-method-radio"
-                )
                 strength = gr.Slider(
                     label="Intensidad del sueño (Fuerza de transformación)", 
                     value=0.7, 
@@ -206,16 +178,15 @@ with gr.Blocks(css=css) as app:
                     step=0.001
                 )
 
+            # Mover el componente de ejemplos aquí, justo debajo de Opciones Avanzadas
             gr.Examples(examples=examples, inputs=text_prompt)
             
             with gr.Row(elem_id="button-container"):
                 generate_button = gr.Button("QUIERO VER MI SUEÑO", elem_id="generate-button", variant="primary")
-                clear_button = gr.Button("Clear", elem_id="clear-button", variant="secondary")
 
         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, strength], outputs=image_output)
-    clear_button.click(lambda: text_prompt.update(value=""), outputs=text_prompt)
+    generate_button.click(query, inputs=[text_prompt, negative_prompt, steps, cfg, strength], outputs=image_output)
 
 app.launch(show_api=False, share=False)