Spaces:
Sleeping
Sleeping
Update app.py
Browse files
app.py
CHANGED
|
@@ -209,11 +209,16 @@ with gr.Blocks(theme=theme, css="""
|
|
| 209 |
}
|
| 210 |
|
| 211 |
.custom-textbox {
|
| 212 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
| 213 |
width: 100% !important;
|
| 214 |
}
|
| 215 |
|
| 216 |
-
.custom-textbox input
|
|
|
|
| 217 |
border-radius: 25px !important;
|
| 218 |
border: 2px solid #64748b !important;
|
| 219 |
padding: 15px 20px !important;
|
|
@@ -222,12 +227,14 @@ with gr.Blocks(theme=theme, css="""
|
|
| 222 |
outline: none !important;
|
| 223 |
box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
|
| 224 |
transition: all 0.3s ease !important;
|
| 225 |
-
min-width: 500px !important;
|
| 226 |
min-height: 50px !important;
|
| 227 |
height: 50px !important;
|
|
|
|
|
|
|
| 228 |
}
|
| 229 |
|
| 230 |
-
.custom-textbox input:focus
|
|
|
|
| 231 |
border-color: #475569 !important;
|
| 232 |
box-shadow: 0 0 0 3px rgba(100, 116, 139, 0.1) !important;
|
| 233 |
}
|
|
@@ -262,13 +269,15 @@ with gr.Blocks(theme=theme, css="""
|
|
| 262 |
margin-top: 0.25rem;
|
| 263 |
max-width: 100%;
|
| 264 |
padding: 0 0.5rem;
|
| 265 |
-
|
| 266 |
}
|
| 267 |
-
.custom-textbox
|
|
|
|
|
|
|
|
|
|
|
|
|
| 268 |
padding: 12px 15px !important;
|
| 269 |
font-size: 14px !important;
|
| 270 |
-
min-
|
| 271 |
-
min-height: 100px !important;
|
| 272 |
height: 45px !important;
|
| 273 |
}
|
| 274 |
}
|
|
@@ -318,10 +327,11 @@ with gr.Blocks(theme=theme, css="""
|
|
| 318 |
placeholder="Ask me about math, research, study strategies, or any educational topic...",
|
| 319 |
container=False,
|
| 320 |
show_label=False,
|
| 321 |
-
|
| 322 |
-
|
|
|
|
| 323 |
)
|
| 324 |
-
send_btn = gr.Button("📤", variant="primary",
|
| 325 |
|
| 326 |
def respond_and_update(message, history):
|
| 327 |
for response in respond_with_enhanced_streaming(message, history):
|
|
|
|
| 209 |
}
|
| 210 |
|
| 211 |
.custom-textbox {
|
| 212 |
+
flex: 1;
|
| 213 |
+
min-width: 400px;
|
| 214 |
+
}
|
| 215 |
+
|
| 216 |
+
.custom-textbox > div {
|
| 217 |
width: 100% !important;
|
| 218 |
}
|
| 219 |
|
| 220 |
+
.custom-textbox input,
|
| 221 |
+
.custom-textbox textarea {
|
| 222 |
border-radius: 25px !important;
|
| 223 |
border: 2px solid #64748b !important;
|
| 224 |
padding: 15px 20px !important;
|
|
|
|
| 227 |
outline: none !important;
|
| 228 |
box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
|
| 229 |
transition: all 0.3s ease !important;
|
|
|
|
| 230 |
min-height: 50px !important;
|
| 231 |
height: 50px !important;
|
| 232 |
+
width: 100% !important;
|
| 233 |
+
resize: none !important;
|
| 234 |
}
|
| 235 |
|
| 236 |
+
.custom-textbox input:focus,
|
| 237 |
+
.custom-textbox textarea:focus {
|
| 238 |
border-color: #475569 !important;
|
| 239 |
box-shadow: 0 0 0 3px rgba(100, 116, 139, 0.1) !important;
|
| 240 |
}
|
|
|
|
| 269 |
margin-top: 0.25rem;
|
| 270 |
max-width: 100%;
|
| 271 |
padding: 0 0.5rem;
|
|
|
|
| 272 |
}
|
| 273 |
+
.custom-textbox {
|
| 274 |
+
min-width: 250px;
|
| 275 |
+
}
|
| 276 |
+
.custom-textbox input,
|
| 277 |
+
.custom-textbox textarea {
|
| 278 |
padding: 12px 15px !important;
|
| 279 |
font-size: 14px !important;
|
| 280 |
+
min-height: 45px !important;
|
|
|
|
| 281 |
height: 45px !important;
|
| 282 |
}
|
| 283 |
}
|
|
|
|
| 327 |
placeholder="Ask me about math, research, study strategies, or any educational topic...",
|
| 328 |
container=False,
|
| 329 |
show_label=False,
|
| 330 |
+
elem_classes=["custom-textbox"],
|
| 331 |
+
lines=1,
|
| 332 |
+
max_lines=1
|
| 333 |
)
|
| 334 |
+
send_btn = gr.Button("📤", variant="primary", elem_classes=["send-button"])
|
| 335 |
|
| 336 |
def respond_and_update(message, history):
|
| 337 |
for response in respond_with_enhanced_streaming(message, history):
|