Update app.py
Browse files
app.py
CHANGED
|
@@ -205,16 +205,16 @@ with gr.Blocks(css="""
|
|
| 205 |
background-color: #25D366 !important;
|
| 206 |
color: white !important;
|
| 207 |
border: none;
|
| 208 |
-
border-radius:
|
| 209 |
-
font-size:
|
| 210 |
-
padding: 6px 12px;
|
| 211 |
height: 42px;
|
| 212 |
-
|
| 213 |
-
|
| 214 |
-
margin
|
| 215 |
cursor: pointer;
|
| 216 |
}
|
| 217 |
|
|
|
|
| 218 |
#chatbox .avatar-container {
|
| 219 |
width: 48px !important;
|
| 220 |
height: 48px !important;
|
|
@@ -275,14 +275,16 @@ label.svelte-1to105q {
|
|
| 275 |
type="messages"
|
| 276 |
)
|
| 277 |
|
| 278 |
-
with gr.Row():
|
|
|
|
| 279 |
user_input = gr.Textbox(
|
| 280 |
show_label=False,
|
| 281 |
placeholder="Type your message here and press send...",
|
| 282 |
-
container=True
|
| 283 |
-
scale=10
|
| 284 |
)
|
|
|
|
| 285 |
send_btn = gr.Button(value="➤", elem_classes="send-btn", scale=1)
|
|
|
|
| 286 |
|
| 287 |
|
| 288 |
state = gr.State([])
|
|
|
|
| 205 |
background-color: #25D366 !important;
|
| 206 |
color: white !important;
|
| 207 |
border: none;
|
| 208 |
+
border-radius: 10px;
|
| 209 |
+
font-size: 20px;
|
|
|
|
| 210 |
height: 42px;
|
| 211 |
+
width: 100%;
|
| 212 |
+
padding: 0;
|
| 213 |
+
margin: 0;
|
| 214 |
cursor: pointer;
|
| 215 |
}
|
| 216 |
|
| 217 |
+
|
| 218 |
#chatbox .avatar-container {
|
| 219 |
width: 48px !important;
|
| 220 |
height: 48px !important;
|
|
|
|
| 275 |
type="messages"
|
| 276 |
)
|
| 277 |
|
| 278 |
+
with gr.Row(equal_height=True):
|
| 279 |
+
with gr.Column(scale=11):
|
| 280 |
user_input = gr.Textbox(
|
| 281 |
show_label=False,
|
| 282 |
placeholder="Type your message here and press send...",
|
| 283 |
+
container=True
|
|
|
|
| 284 |
)
|
| 285 |
+
with gr.Column(scale=1, min_width=48):
|
| 286 |
send_btn = gr.Button(value="➤", elem_classes="send-btn", scale=1)
|
| 287 |
+
|
| 288 |
|
| 289 |
|
| 290 |
state = gr.State([])
|