morgan
/
chatgpt-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Reset line bar height also after clicking "Send"

This commit is contained in:
Niek van der Maas 2023-03-06 16:24:51 +01:00
parent a57f65ff9e
commit c1983d23d9
1 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/lib/Chat.svelte
View File

@ -38,6 +38,9 @@
// Clear the input value // Clear the input value
input.value = ""; input.value = "";
// Resize back to auto
input.style.height = "auto";
// Show updating bar // Show updating bar
updating = true; updating = true;
@ -148,7 +151,10 @@
{#each chat.messages as message} {#each chat.messages as message}
{#if message.role === "user"} {#if message.role === "user"}
<article class="message is-info user-message"> <article
class="message is-info user-message"
class:has-text-right={message.content.split("\n").filter((line) => line.trim()).length === 1}
>
<div class="message-body"> <div class="message-body">
<a <a
href={"#"} href={"#"}
@ -170,7 +176,7 @@
</div> </div>
</article> </article>
{:else if message.role === "system"} {:else if message.role === "system"}
<article class="message is-danger assistant-message"> <article class="message is-danger">
<SvelteMarkdown <SvelteMarkdown
source={message.content} source={message.content}
options={markedownOptions} options={markedownOptions}
@ -180,7 +186,7 @@
/> />
</article> </article>
{:else} {:else}
<article class="message is-success assistant-message"> <article class="message is-success">
<div class="message-body"> <div class="message-body">
<SvelteMarkdown <SvelteMarkdown
source={message.content} source={message.content}
@ -215,8 +221,6 @@
// Only send if Enter is pressed, not Shift+Enter // Only send if Enter is pressed, not Shift+Enter
if (e.key === "Enter" && !e.shiftKey) { if (e.key === "Enter" && !e.shiftKey) {
send(); send();
// Resize back to auto
input.style.height = "auto";
e.preventDefault(); e.preventDefault();
} }
}} }}