File size: 901 Bytes
fcff3db
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
c321b91
fcff3db
 
 
 
 
 
 
 
c321b91
fcff3db
 
 
c321b91
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
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;

}

'''

bot_template = '''

<div class="chat-message bot">

    <div class="avatar">

        <img src="" style="max-height: 78px; max-width: 78px; border-radius: 50%; object-fit: cover;">

    </div>

    <div class="message">{{MSG}}</div>

</div>

'''

user_template = '''

<div class="chat-message user">

    <div class="avatar">

        <img src="">

    </div>    

    <div class="message">{{MSG}}</div>

</div>

'''