Jul 9 - Chat - fix chat bubbles size 2
This commit is contained in:
@@ -8,22 +8,20 @@
|
||||
padding:.45rem .7rem;
|
||||
border-radius:.9rem;
|
||||
font-size:.85rem;
|
||||
line-height:1.45;
|
||||
white-space:pre-wrap;
|
||||
line-height:1.4;
|
||||
word-break:break-word;
|
||||
}
|
||||
.cbubble-user { background:#0d6efd; color:#fff; border-bottom-right-radius:.2rem; }
|
||||
.cbubble-ai { background:#fff; border:1px solid #dee2e6; border-bottom-left-radius:.2rem; }
|
||||
.cbubble-meta { font-size:.66rem; opacity:.55; margin-top:.2rem; }
|
||||
.cbubble-text { white-space:pre-wrap; }
|
||||
.cbubble-meta { font-size:.66rem; opacity:.55; margin-top:.15rem; }
|
||||
</style>
|
||||
<div class="ctranscript">
|
||||
{% for m in messages %}
|
||||
<div class="cbubble-row {{ 'justify-content-end' if m.role == 'user' else 'justify-content-start' }}">
|
||||
<div class="cbubble {{ 'cbubble-user' if m.role == 'user' else 'cbubble-ai' }}">
|
||||
{{ m.content }}
|
||||
<div class="cbubble-meta">
|
||||
{{ 'You' if m.role == 'user' else 'JQC Assistant' }} · {{ m.created_at.strftime('%b %d, %I:%M %p') }}
|
||||
</div>
|
||||
<div class="cbubble-text">{{ m.content }}</div>
|
||||
<div class="cbubble-meta">{{ 'You' if m.role == 'user' else 'JQC Assistant' }} · {{ m.created_at.strftime('%b %d, %I:%M %p') }}</div>
|
||||
</div>
|
||||
</div>
|
||||
{% else %}
|
||||
|
||||
Reference in New Issue
Block a user