From cc13b2abbe5c2fdf68fd9c4f9609541672db7f74 Mon Sep 17 00:00:00 2001
From: cirry <812852553@qq.com>
Date: Wed, 8 Jul 2026 09:59:38 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8A=9F=E8=83=BD=E5=AE=8C=E5=96=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/MarkdownEditor.vue | 30 +++++++++++++++++++++---------
 1 file changed, 21 insertions(+), 9 deletions(-)

diff --git a/src/components/MarkdownEditor.vue b/src/components/MarkdownEditor.vue
index 6507fdb..2fc3659 100644
--- a/src/components/MarkdownEditor.vue
+++ b/src/components/MarkdownEditor.vue
@@ -464,6 +464,7 @@ watch(activeDocumentMode, (mode, oldMode) => {
           :ref="setBlockTextareaRef"
           :value="editingSource"
           :placeholder="props.placeholder"
+          rows="1"
           class="markdown-block-editor"
           @input="onBlockInput"
           @keydown="onBlockKeydown"
@@ -491,6 +492,7 @@ watch(activeDocumentMode, (mode, oldMode) => {
               v-if="editingBlockId === block.id"
               :ref="setBlockTextareaRef"
               :value="editingSource"
+              rows="1"
               class="markdown-block-editor"
               @input="onBlockInput"
               @keydown="onBlockKeydown"
@@ -637,30 +639,40 @@ watch(activeDocumentMode, (mode, oldMode) => {
 /* ── Mixed mode block editing ────────────────────────────────────── */
 
 .markdown-block {
-  margin: -1px -0.375rem;
-  padding: 1px 0.375rem;
-  border-radius: 0.375rem;
+  display: contents;
+}
+
+.markdown-block-preview {
+  display: contents;
+  outline: none;
+}
+
+.markdown-block:not(.markdown-block-editing) > .markdown-block-preview > * {
   transition:
     background-color 0.15s ease,
     box-shadow 0.15s ease;
 }
 
-.markdown-block:hover {
+.markdown-block:not(.markdown-block-editing):hover > .markdown-block-preview > * {
   background-color: #f4f1ea;
   cursor: text;
 }
 
+.markdown-block-editing {
+  display: block;
+}
+
 .markdown-block-editing,
 .markdown-block-editing:hover {
   background-color: transparent;
 }
 
-.markdown-block-preview {
-  min-height: 1.625em;
-  outline: none;
+.markdown-block-preview:focus-visible > * {
+  outline: 2px solid #d6aa8e;
+  outline-offset: 2px;
+  border-radius: 0.25rem;
 }
 
-.markdown-block-preview:focus-visible,
 .markdown-empty-placeholder:focus-visible {
   outline: 2px solid #d6aa8e;
   outline-offset: 2px;
@@ -670,7 +682,7 @@ watch(activeDocumentMode, (mode, oldMode) => {
 .markdown-block-editor {
   display: block;
   width: 100%;
-  min-height: 4rem;
+  min-height: calc((1em * 1.6) + 1.5rem + 2px);
   resize: none;
   overflow: hidden;
   border: 1px solid #d6aa8e;