From d25c2ec30d14276c29b3d2dba55c289cd28fd519 Mon Sep 17 00:00:00 2001
From: thzxx <thzxx@users.noreply.gitee.com>
Date: Thu, 21 May 2026 12:04:54 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20banner=E7=A7=BB=E5=85=A5content-wrapper?=
 =?UTF-8?q?=EF=BC=8C=E6=A0=87=E7=AD=BE=E6=A0=8F=E4=B8=8B=E6=96=B9=E7=9B=B4?=
 =?UTF-8?q?=E6=8E=A5=E6=98=AF=E4=B8=A4=E6=A0=8F=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 renderer/index.html  | 15 ++++++++-------
 renderer/renderer.js |  3 ++-
 renderer/style.css   |  9 +++++++++
 3 files changed, 19 insertions(+), 8 deletions(-)

diff --git a/renderer/index.html b/renderer/index.html
index a15bda2..4add6e3 100644
--- a/renderer/index.html
+++ b/renderer/index.html
@@ -84,13 +84,6 @@
       </button>
     </div>
 
-    <!-- External modification banner -->
-    <div id="modified-banner" class="hidden">
-      <span>文件已被外部程序修改</span>
-      <button id="btn-reload" class="banner-btn">重新加载</button>
-      <button id="btn-dismiss" class="banner-btn">忽略</button>
-    </div>
-
     <!-- Workspace: Sidebar + Main Content -->
     <div id="workspace">
       <!-- Sidebar -->
@@ -108,6 +101,13 @@
 
       <!-- Main content area -->
       <div id="main-content">
+      <div id="content-wrapper">
+      <!-- External modification banner -->
+      <div id="modified-banner" class="hidden">
+        <span>文件已被外部程序修改</span>
+        <button id="btn-reload" class="banner-btn">重新加载</button>
+        <button id="btn-dismiss" class="banner-btn">忽略</button>
+      </div>
       <!-- Editor panel -->
       <div id="editor-panel">
         <!-- Search & Replace Bar -->
@@ -144,6 +144,7 @@
       <div id="preview-panel">
         <div id="preview" class="markdown-body"></div>
       </div>
+      </div>
 
       <!-- Welcome screen -->
       <div id="welcome-screen">
diff --git a/renderer/renderer.js b/renderer/renderer.js
index 5be30f0..60e79c5 100644
--- a/renderer/renderer.js
+++ b/renderer/renderer.js
@@ -17,6 +17,7 @@
   const editorPanel = document.getElementById('editor-panel');
   const previewPanel = document.getElementById('preview-panel');
   const mainContent = document.getElementById('main-content');
+  const contentWrapper = document.getElementById('content-wrapper');
   const tabList = document.getElementById('tab-list');
 
   // Sidebar
@@ -822,7 +823,7 @@
 
     document.addEventListener('mousemove', (e) => {
       if (!isResizing) return;
-      const rect = mainContent.getBoundingClientRect();
+      const rect = contentWrapper.getBoundingClientRect();
       const pct = Math.max(20, Math.min(80, ((e.clientX - rect.left) / rect.width) * 100));
       editorPanel.style.flex = `0 0 ${pct}%`;
       previewPanel.style.flex = `0 0 ${100 - pct}%`;
diff --git a/renderer/style.css b/renderer/style.css
index bda7d05..884d229 100644
--- a/renderer/style.css
+++ b/renderer/style.css
@@ -308,11 +308,20 @@ html, body {
 #main-content {
   flex: 1;
   display: flex;
+  flex-direction: column;
   overflow: hidden;
   position: relative;
   min-width: 0;
 }
 
+#content-wrapper {
+  flex: 1;
+  display: flex;
+  flex-direction: row;
+  overflow: hidden;
+  min-height: 0;
+}
+
 /* ===== Editor Panel ===== */
 #editor-panel {
   flex: 1;