UniqAI/open-webui
1
0
Fork 0
mirror of https://github.com/open-webui/open-webui synced 2025-02-06 13:10:16 +00:00
Code Issues Actions 11 Packages Projects Releases Wiki Activity

refac: user message edit

Browse Source
This commit is contained in:
Timothy J. Baek 2024-10-19 18:42:26 -07:00
parent 3069452210
commit 2db0f58dcb
1 changed files with 22 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
src/lib/components/chat/Messages/UserMessage.svelte
View File

@ -142,28 +142,30 @@
{#if edit === true} {#if edit === true}
<div class=" w-full bg-gray-50 dark:bg-gray-800 rounded-3xl px-5 py-3 mb-2"> <div class=" w-full bg-gray-50 dark:bg-gray-800 rounded-3xl px-5 py-3 mb-2">
<textarea <div class="max-h-[25dvh] overflow-auto">
id="message-edit-{message.id}" <textarea
bind:this={messageEditTextAreaElement} id="message-edit-{message.id}"
class=" bg-transparent outline-none w-full resize-none" bind:this={messageEditTextAreaElement}
bind:value={editedContent} class=" bg-transparent outline-none w-full resize-none"
on:input={(e) => { bind:value={editedContent}
e.target.style.height = ''; on:input={(e) => {
e.target.style.height = `${e.target.scrollHeight}px`; e.target.style.height = '';
}} e.target.style.height = `${e.target.scrollHeight}px`;
on:keydown={(e) => { }}
if (e.key === 'Escape') { on:keydown={(e) => {
document.getElementById('close-edit-message-button')?.click(); if (e.key === 'Escape') {
} document.getElementById('close-edit-message-button')?.click();
}
const isCmdOrCtrlPressed = e.metaKey || e.ctrlKey; const isCmdOrCtrlPressed = e.metaKey || e.ctrlKey;
const isEnterPressed = e.key === 'Enter'; const isEnterPressed = e.key === 'Enter';
if (isCmdOrCtrlPressed && isEnterPressed) { if (isCmdOrCtrlPressed && isEnterPressed) {
document.getElementById('confirm-edit-message-button')?.click(); document.getElementById('confirm-edit-message-button')?.click();
} }
}} }}
/> />
</div>
<div class=" mt-2 mb-1 flex justify-between text-sm font-medium"> <div class=" mt-2 mb-1 flex justify-between text-sm font-medium">
<div> <div>