Spaces:
Running
Running
Update app_gradio_messenger.py
Browse files- app_gradio_messenger.py +31 -5
app_gradio_messenger.py
CHANGED
|
@@ -197,10 +197,17 @@ body, .gradio-container {
|
|
| 197 |
.profile-avatar .fallback {
|
| 198 |
width: 100%;
|
| 199 |
height: 100%;
|
| 200 |
-
display: block;
|
| 201 |
object-fit: cover;
|
| 202 |
}
|
| 203 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 204 |
.profile-title {
|
| 205 |
color: #fff9f2;
|
| 206 |
font-weight: 700;
|
|
@@ -282,10 +289,17 @@ body, .gradio-container {
|
|
| 282 |
.chat-head-avatar .fallback {
|
| 283 |
width: 100%;
|
| 284 |
height: 100%;
|
| 285 |
-
display: block;
|
| 286 |
object-fit: cover;
|
| 287 |
}
|
| 288 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 289 |
.chat-head-title {
|
| 290 |
color: #fff8ef;
|
| 291 |
font-size: 1.08rem;
|
|
@@ -355,10 +369,17 @@ body, .gradio-container {
|
|
| 355 |
.assistant-avatar .fallback {
|
| 356 |
width: 100%;
|
| 357 |
height: 100%;
|
| 358 |
-
display: block;
|
| 359 |
object-fit: cover;
|
| 360 |
}
|
| 361 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 362 |
.bubble {
|
| 363 |
padding: 12px 14px;
|
| 364 |
border-radius: 18px;
|
|
@@ -636,7 +657,7 @@ with gr.Blocks(title="Megumin Messenger") as demo:
|
|
| 636 |
{render_avatar("chat-head-avatar")}
|
| 637 |
<div>
|
| 638 |
<div class="chat-head-title">메구밍</div>
|
| 639 |
-
<div class="chat-head-desc">홍마족 최고의 폭렬마법사와
|
| 640 |
</div>
|
| 641 |
</div>
|
| 642 |
<div class="chat-status">Megumin Messenger</div>
|
|
@@ -703,4 +724,9 @@ with gr.Blocks(title="Megumin Messenger") as demo:
|
|
| 703 |
|
| 704 |
|
| 705 |
if __name__ == "__main__":
|
| 706 |
-
demo.launch(
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 197 |
.profile-avatar .fallback {
|
| 198 |
width: 100%;
|
| 199 |
height: 100%;
|
|
|
|
| 200 |
object-fit: cover;
|
| 201 |
}
|
| 202 |
|
| 203 |
+
.profile-avatar img {
|
| 204 |
+
display: block;
|
| 205 |
+
}
|
| 206 |
+
|
| 207 |
+
.profile-avatar .fallback {
|
| 208 |
+
display: none;
|
| 209 |
+
}
|
| 210 |
+
|
| 211 |
.profile-title {
|
| 212 |
color: #fff9f2;
|
| 213 |
font-weight: 700;
|
|
|
|
| 289 |
.chat-head-avatar .fallback {
|
| 290 |
width: 100%;
|
| 291 |
height: 100%;
|
|
|
|
| 292 |
object-fit: cover;
|
| 293 |
}
|
| 294 |
|
| 295 |
+
.chat-head-avatar img {
|
| 296 |
+
display: block;
|
| 297 |
+
}
|
| 298 |
+
|
| 299 |
+
.chat-head-avatar .fallback {
|
| 300 |
+
display: none;
|
| 301 |
+
}
|
| 302 |
+
|
| 303 |
.chat-head-title {
|
| 304 |
color: #fff8ef;
|
| 305 |
font-size: 1.08rem;
|
|
|
|
| 369 |
.assistant-avatar .fallback {
|
| 370 |
width: 100%;
|
| 371 |
height: 100%;
|
|
|
|
| 372 |
object-fit: cover;
|
| 373 |
}
|
| 374 |
|
| 375 |
+
.assistant-avatar img {
|
| 376 |
+
display: block;
|
| 377 |
+
}
|
| 378 |
+
|
| 379 |
+
.assistant-avatar .fallback {
|
| 380 |
+
display: none;
|
| 381 |
+
}
|
| 382 |
+
|
| 383 |
.bubble {
|
| 384 |
padding: 12px 14px;
|
| 385 |
border-radius: 18px;
|
|
|
|
| 657 |
{render_avatar("chat-head-avatar")}
|
| 658 |
<div>
|
| 659 |
<div class="chat-head-title">메구밍</div>
|
| 660 |
+
<div class="chat-head-desc">홍마족 최고의 폭렬마법사와 자유롭게 대화해보세요.</div>
|
| 661 |
</div>
|
| 662 |
</div>
|
| 663 |
<div class="chat-status">Megumin Messenger</div>
|
|
|
|
| 724 |
|
| 725 |
|
| 726 |
if __name__ == "__main__":
|
| 727 |
+
demo.launch(
|
| 728 |
+
server_name="0.0.0.0",
|
| 729 |
+
css=CUSTOM_CSS,
|
| 730 |
+
ssr_mode=False,
|
| 731 |
+
allowed_paths=[str((APP_DIR / "source_file").resolve())],
|
| 732 |
+
)
|