Spaces:
Sleeping
Sleeping
Update app.py
Browse files
app.py
CHANGED
|
@@ -35,16 +35,32 @@ def respond(
|
|
| 35 |
response += token
|
| 36 |
yield response
|
| 37 |
|
| 38 |
-
# Custom CSS to change the title color
|
| 39 |
opq = """
|
| 40 |
.gradio-container h1 {
|
| 41 |
color: red !important;
|
|
|
|
|
|
|
| 42 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 43 |
"""
|
| 44 |
|
|
|
|
| 45 |
demo = gr.ChatInterface(
|
| 46 |
respond,
|
| 47 |
-
title=
|
| 48 |
description="Follow us on [Instagram](https://www.instagram.com/khellon_patel_21)",
|
| 49 |
additional_inputs=[
|
| 50 |
gr.Textbox(value="You are a friendly Chatbot.", label="System message"),
|
|
|
|
| 35 |
response += token
|
| 36 |
yield response
|
| 37 |
|
| 38 |
+
# Custom CSS to change the title color and add logo
|
| 39 |
opq = """
|
| 40 |
.gradio-container h1 {
|
| 41 |
color: red !important;
|
| 42 |
+
display: flex;
|
| 43 |
+
align-items: center;
|
| 44 |
}
|
| 45 |
+
|
| 46 |
+
.logo {
|
| 47 |
+
height: 50px; /* Adjust the size as needed */
|
| 48 |
+
margin-right: 10px;
|
| 49 |
+
}
|
| 50 |
+
"""
|
| 51 |
+
|
| 52 |
+
# Custom HTML to inject the logo
|
| 53 |
+
custom_html = """
|
| 54 |
+
<div>
|
| 55 |
+
<img src="https://cdn-avatars.huggingface.co/v1/production/uploads/no-auth/gLC-nZk7neJSXXIQlIyeM.png" class="logo">
|
| 56 |
+
<h1> 💬 Welcome to Rxple Chat Bot</h1>
|
| 57 |
+
</div>
|
| 58 |
"""
|
| 59 |
|
| 60 |
+
# Use the custom_html for the title
|
| 61 |
demo = gr.ChatInterface(
|
| 62 |
respond,
|
| 63 |
+
title=custom_html, # Use the custom HTML for the title
|
| 64 |
description="Follow us on [Instagram](https://www.instagram.com/khellon_patel_21)",
|
| 65 |
additional_inputs=[
|
| 66 |
gr.Textbox(value="You are a friendly Chatbot.", label="System message"),
|