Tweak style of notecreate

src/app/shared/NoteReply.svelte

@@ -98,8 +98,8 @@
     bind:this={container}
     on:click|stopPropagation>
     <div class={`border border-${borderColor} overflow-hidden rounded-2xl border-solid`}>
-      <div class="bg-gray-7" class:rounded-b={data.mentions.length === 0}>
+      <div class="bg-gray-7 p-3" class:rounded-b={data.mentions.length === 0}>
-        <Compose bind:this={reply} onSubmit={send}>
+        <Compose bind:this={reply} onSubmit={send} style="min-height: 4rem">
           <button
             slot="addon"
             on:click={send}

src/app/views/NoteCreate.svelte

@@ -119,7 +119,11 @@
     <div class="flex w-full flex-col gap-4">
       <div class="flex flex-col gap-2">
         <strong>What do you want to say?</strong>
-        <div class="ml-2 mt-4 border-l-2 border-solid border-gray-6 pl-3">
+        <div
+          class="mt-4 rounded-xl border border-solid border-gray-6 p-3"
+          class:bg-input={!showPreview}
+          class:text-black={!showPreview}
+          class:bg-gray-7={showPreview}>
           {#if showPreview}
             <NoteContent note={{content: compose.parse(), tags: []}} />
           {/if}

src/partials/ContentEditable.svelte

@@ -62,7 +62,7 @@
         content += "\n"
       }
 
-      if (child.tagName === "DIV" && !child.querySelector("br")) {
+      if (child.tagName === "DIV" && !child.querySelector("br") && child.childNodes) {
         content += "\n"
       }
 
@@ -89,7 +89,7 @@
 
 <div
   style={$$props.style || "min-height: 6rem"}
-  class={cx($$props.class, "w-full min-w-0 text-gray-2 outline-0")}
+  class={cx($$props.class, "w-full min-w-0 outline-0")}
   autofocus
   contenteditable
   bind:this={input}