Spaces:
Sleeping
Sleeping
Update app.py
Browse files
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
|
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):
|