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