server : style improvement

This commit is contained in:
Jhen 2023-11-07 10:23:11 +08:00
parent 6c2c67d5d7
commit fe7b65ebda
2 changed files with 2395 additions and 2384 deletions

File diff suppressed because it is too large Load diff

View file

@ -160,6 +160,11 @@
height: 10em; height: 10em;
} }
[contenteditable] {
display: inline-block;
white-space: pre-wrap;
outline: 0px solid transparent;
}
@keyframes loading-bg-wipe { @keyframes loading-bg-wipe {
0% { 0% {
@ -608,7 +613,7 @@
return html` return html`
<div id="chat" ref=${container} key=${messages.length}> <div id="chat" ref=${container} key=${messages.length}>
<img style="width: 60%;${!session.value.image_selected ? `display: none;` : ``}" src="${session.value.image_selected}"/> <img style="width: 60%;${!session.value.image_selected ? `display: none;` : ``}" src="${session.value.image_selected}"/>
<span contenteditable=${isCompletionMode} ref=${container} oninput=${handleCompletionEdit} style="display:inline-block; white-space: pre-wrap;"> <span contenteditable=${isCompletionMode} ref=${container} oninput=${handleCompletionEdit}>
${messages.flatMap(chatLine)} ${messages.flatMap(chatLine)}
</span> </span>
</div>`; </div>`;