File size: 1,763 Bytes
3573cc9 83758fa 3573cc9 eec70c8 3573cc9 c384c24 3573cc9 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 |
css = '''
<style>
.chat-message {
padding: 1.5rem; border-radius: 0.5rem; margin-bottom: 1rem; display: flex
}
.chat-message.user {
background-color: #2b313e
}
.chat-message.bot {
background-color: #475063
}
.chat-message .avatar {
width: 20%;
}
.chat-message .avatar img {
max-width: 78px;
max-height: 78px;
border-radius: 50%;
object-fit: cover;
}
.chat-message .message {
width: 80%;
padding: 0 1.5rem;
color: #fff;
}
.footer {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background-color: #2b313e;
color: white;
text-align: right;
}
.footer p {
margin: 0;
padding: 1rem;
}
a:link {
color: #64feda;
background-color: transparent;
text-decoration: none;
}
</style>
'''
bot_template = '''
<div class="chat-message bot">
<div class="avatar">
<img src="https://pub-f858c7e521464395920779af297fb1bd.r2.dev/TalkWithPFD-icon.png" style="max-height: 55px; max-width: 55px; border-radius: 20%; object-fit: cover;">
</div>
<div class="message">{{MSG}}</div>
</div>
'''
user_template = '''
<div class="chat-message user">
<div class="avatar">
<img src="https://avatars.githubusercontent.com/u/63995315" style="max-height: 45px; max-width: 45px; border-radius: 20%; object-fit: cover;">
</div>
<div class="message">{{MSG}}</div>
</div>
'''
hide_st_style = """
<style>
MainMenu {visibility: hidden;}
footer {visibility: hidden;}
</style>
"""
footer = """
<div class="footer">
<p>Made by <a href="https://yesbhautik.co.in" style="color:#64feda;">Yesbhautik</a> with <a href="https://streamlit.io" style="color:#36AE7C;">Streamlit</a></p>
</div>
"""
|