JeCabrera commited on
Commit
82fb148
·
verified ·
1 Parent(s): dee91ab

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +17 -3
app.py CHANGED
@@ -68,8 +68,23 @@ input, textarea, select {
68
  background-color: #f5f5f5; /* Fondo gris claro para inputs */
69
  color: #333333; /* Texto gris oscuro en inputs */
70
  border: 1px solid #cccccc; /* Borde gris claro en inputs */
71
- width: 100%; /* Ancho completo del input */
72
  box-sizing: border-box; /* Incluir el borde en el ancho total */
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
73
  }
74
 
75
  button {
@@ -144,8 +159,7 @@ with gr.Blocks(css=css) as app:
144
  label="¿Cuál fue tu sueño?",
145
  placeholder="Describe lo que soñaste, no omitas ningún detalle.",
146
  lines=2,
147
- elem_id="prompt-text-input",
148
- show_clear_button=True # Botón de borrar visible
149
  )
150
 
151
  with gr.Accordion("Opciones Avanzadas", open=False):
 
68
  background-color: #f5f5f5; /* Fondo gris claro para inputs */
69
  color: #333333; /* Texto gris oscuro en inputs */
70
  border: 1px solid #cccccc; /* Borde gris claro en inputs */
71
+ width: calc(100% - 40px); /* Ancho completo menos espacio para el botón */
72
  box-sizing: border-box; /* Incluir el borde en el ancho total */
73
+ padding-right: 40px; /* Espacio para el botón de borrar */
74
+ }
75
+
76
+ input[type="text"] {
77
+ position: relative;
78
+ }
79
+
80
+ input[type="text"]::after {
81
+ content: "✕"; /* Símbolo de borrar */
82
+ position: absolute;
83
+ right: 10px;
84
+ top: 50%;
85
+ transform: translateY(-50%);
86
+ cursor: pointer;
87
+ color: #666;
88
  }
89
 
90
  button {
 
159
  label="¿Cuál fue tu sueño?",
160
  placeholder="Describe lo que soñaste, no omitas ningún detalle.",
161
  lines=2,
162
+ elem_id="prompt-text-input"
 
163
  )
164
 
165
  with gr.Accordion("Opciones Avanzadas", open=False):