bhetherman/open-webui
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refac

Browse Source
This commit is contained in:
Timothy Jaeryang Baek committed 2026-07-16 23:38:27 -04:00
1 parent 53b8e6560b
commit b08f1e8847
1 file changed
+11 -9
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/components/chat/Messages/ResponseMessage.svelte
+11 -9
View File
@@ -395,12 +395,13 @@
if (!editedOutput && editTextAreaElement) { if (!editedOutput && editTextAreaElement) {
const messagesContainer = document.getElementById('messages-container'); const messagesContainer = document.getElementById('messages-container');
const savedScrollTop = messagesContainer?.scrollTop; const savedScrollTop = messagesContainer?.scrollTop ?? 0;
editTextAreaElement.style.height = ''; editTextAreaElement.style.height = '';
editTextAreaElement.style.height = `${editTextAreaElement.scrollHeight}px`; editTextAreaElement.style.height = `${editTextAreaElement.scrollHeight}px`;
if (messagesContainer) messagesContainer.scrollTop = savedScrollTop; if (messagesContainer) messagesContainer.scrollTop = savedScrollTop;
editTextAreaElement?.focus({ preventScroll: true });
} }
}; };
@@ -740,10 +741,11 @@
bind:value={editedContent} bind:value={editedContent}
on:input={(e) => { on:input={(e) => {
const messagesContainer = document.getElementById('messages-container'); const messagesContainer = document.getElementById('messages-container');
const savedScrollTop = messagesContainer?.scrollTop; const savedScrollTop = messagesContainer?.scrollTop ?? 0;
const textarea = e.currentTarget;
e.target.style.height = ''; textarea.style.height = '';
e.target.style.height = `${e.target.scrollHeight}px`; textarea.style.height = `${textarea.scrollHeight}px`;
if (messagesContainer) messagesContainer.scrollTop = savedScrollTop; if (messagesContainer) messagesContainer.scrollTop = savedScrollTop;
}} }}
@@ -759,14 +761,14 @@
document.getElementById('confirm-edit-message-button')?.click(); document.getElementById('confirm-edit-message-button')?.click();
} }
}} }}
/> ></textarea>
{/if} {/if}
<div class=" mt-2 mb-1 flex justify-between text-sm font-normal"> <div class=" mt-2 -mx-1 flex justify-between text-sm font-normal">
<div> <div>
<button <button
id="save-new-message-button" id="save-new-message-button"
class="px-3.5 py-1.5 bg-gray-50 hover:bg-gray-100 dark:bg-gray-800 dark:hover:bg-gray-700 border border-gray-100 dark:border-gray-700 text-gray-700 dark:text-gray-200 transition rounded-3xl" class="px-2.5 py-1 bg-gray-50 hover:bg-gray-100 dark:bg-gray-800 dark:hover:bg-gray-700 border border-gray-100 dark:border-gray-700 text-gray-700 dark:text-gray-200 transition rounded-3xl"
on:click={() => { on:click={() => {
saveAsCopyHandler(); saveAsCopyHandler();
}} }}
@@ -778,7 +780,7 @@
<div class="flex space-x-1.5"> <div class="flex space-x-1.5">
<button <button
id="close-edit-message-button" id="close-edit-message-button"
class="px-3.5 py-1.5 bg-white dark:bg-gray-900 hover:bg-gray-100 text-gray-800 dark:text-gray-100 transition rounded-3xl" class="px-2.5 py-1 bg-white dark:bg-gray-900 hover:bg-gray-100 text-gray-800 dark:text-gray-100 transition rounded-3xl"
on:click={() => { on:click={() => {
cancelEditMessage(); cancelEditMessage();
}} }}
@@ -788,7 +790,7 @@
<button <button
id="confirm-edit-message-button" id="confirm-edit-message-button"
class="px-3.5 py-1.5 bg-gray-900 dark:bg-white hover:bg-gray-850 text-gray-100 dark:text-gray-800 transition rounded-3xl" class="px-2.5 py-1 bg-gray-900 dark:bg-white hover:bg-gray-850 text-gray-100 dark:text-gray-800 transition rounded-3xl"
on:click={() => { on:click={() => {
editMessageConfirmHandler(); editMessageConfirmHandler();
}} }}