From e94764b8654652f17da0df134bae283a5d9119e1 Mon Sep 17 00:00:00 2001
From: dtonon <git@dtonon.com>
Date: Mon, 27 Apr 2026 19:39:38 +0100
Subject: [PATCH] Optimize message editor

---
 src/lib/components/MessageEditor.svelte |  2 +-
 src/routes/thread/[id]/+page.svelte     | 18 +++++++++---------
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/lib/components/MessageEditor.svelte b/src/lib/components/MessageEditor.svelte
index 8cac93d..c069af3 100644
--- a/src/lib/components/MessageEditor.svelte
+++ b/src/lib/components/MessageEditor.svelte
@@ -357,7 +357,7 @@
         onblur={onTextareaBlur}
         aria-autocomplete="list"
         aria-controls={mentionOpen ? "mention-listbox" : undefined}
-        class="w-full rounded-t border border-gray-200 px-3 py-2 focus:outline-none focus:ring-1 focus:ring-brand disabled:opacity-50 resize-none {minHeightClass}"
+        class="block w-full rounded-t border border-gray-200 px-3 py-2 focus:outline-none focus:ring-1 focus:ring-brand disabled:opacity-50 resize-y {minHeightClass}"
       ></textarea>
       {#if mentionOpen}
         <div
diff --git a/src/routes/thread/[id]/+page.svelte b/src/routes/thread/[id]/+page.svelte
index 17cd5ae..b4d8a55 100644
--- a/src/routes/thread/[id]/+page.svelte
+++ b/src/routes/thread/[id]/+page.svelte
@@ -71,9 +71,12 @@
     const source = (selectedText ?? post.content).trim();
     if (!source) return;
     const block = formatQuoteBlock(source, ref);
-    const sep = replyContent.length > 0 && !replyContent.endsWith("\n\n")
-      ? replyContent.endsWith("\n") ? "\n" : "\n\n"
-      : "";
+    const sep =
+      replyContent.length > 0 && !replyContent.endsWith("\n\n")
+        ? replyContent.endsWith("\n")
+          ? "\n"
+          : "\n\n"
+        : "";
     replyContent = replyContent + sep + block + "\n\n";
     await tick();
     editorEl?.focus({ caretAtEnd: true });
@@ -228,11 +231,7 @@
         >
       </div>
       <div data-quote-post-index={index} id="post-{p.id}" class="scroll-mt-32">
-        <PostContent
-          content={p.content}
-          {profiles}
-          {threadEventAuthors}
-        />
+        <PostContent content={p.content} {profiles} {threadEventAuthors} />
       </div>
       <div class="flex items-center justify-between mt-3">
         <Reactions reactions={[]} zaps={0} />
@@ -303,7 +302,8 @@
             bind:this={editorEl}
             bind:value={replyContent}
             disabled={replying}
-            rows={4}
+            rows={8}
+            minHeightClass="min-h-[12rem]"
             placeholder="Write a reply..."
             contextPubkeys={allPosts.map((p) => p.pubkey)}
             {threadEventAuthors}