Spaces:
Sleeping
Sleeping
Update app_gradio_messenger.py
Browse files- app_gradio_messenger.py +9 -0
app_gradio_messenger.py
CHANGED
|
@@ -362,11 +362,18 @@ body, .gradio-container {
|
|
| 362 |
min-height: var(--messenger-compose-height);
|
| 363 |
max-height: var(--messenger-compose-height);
|
| 364 |
box-sizing: border-box;
|
|
|
|
|
|
|
| 365 |
padding: 14px 16px 16px;
|
| 366 |
border-top: 1px solid var(--messenger-line);
|
| 367 |
overflow: hidden;
|
| 368 |
}
|
| 369 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 370 |
.compose-status {
|
| 371 |
margin-bottom: 10px;
|
| 372 |
color: rgba(255, 239, 223, 0.82);
|
|
@@ -377,7 +384,9 @@ body, .gradio-container {
|
|
| 377 |
display: grid;
|
| 378 |
grid-template-columns: 1fr 112px;
|
| 379 |
gap: 10px;
|
|
|
|
| 380 |
align-items: stretch;
|
|
|
|
| 381 |
}
|
| 382 |
|
| 383 |
.compose-buttons {
|
|
|
|
| 362 |
min-height: var(--messenger-compose-height);
|
| 363 |
max-height: var(--messenger-compose-height);
|
| 364 |
box-sizing: border-box;
|
| 365 |
+
display: grid;
|
| 366 |
+
grid-template-rows: auto minmax(0, 1fr);
|
| 367 |
padding: 14px 16px 16px;
|
| 368 |
border-top: 1px solid var(--messenger-line);
|
| 369 |
overflow: hidden;
|
| 370 |
}
|
| 371 |
|
| 372 |
+
.chat-compose > .gr-column,
|
| 373 |
+
.chat-compose > div {
|
| 374 |
+
min-height: 0;
|
| 375 |
+
}
|
| 376 |
+
|
| 377 |
.compose-status {
|
| 378 |
margin-bottom: 10px;
|
| 379 |
color: rgba(255, 239, 223, 0.82);
|
|
|
|
| 384 |
display: grid;
|
| 385 |
grid-template-columns: 1fr 112px;
|
| 386 |
gap: 10px;
|
| 387 |
+
height: 100%;
|
| 388 |
align-items: stretch;
|
| 389 |
+
align-content: center;
|
| 390 |
}
|
| 391 |
|
| 392 |
.compose-buttons {
|