fix: 修复侧边栏布局——sidebar与main-content并排显示

This commit is contained in:
thzxx
2026-05-21 11:59:56 +08:00
parent f6f1c4f717
commit 9ac07d376b
2 changed files with 25 additions and 13 deletions
+3
View File
@@ -91,6 +91,8 @@
<button id="btn-dismiss" class="banner-btn">忽略</button> <button id="btn-dismiss" class="banner-btn">忽略</button>
</div> </div>
<!-- Workspace: Sidebar + Main Content -->
<div id="workspace">
<!-- Sidebar --> <!-- Sidebar -->
<div id="sidebar"> <div id="sidebar">
<div id="sidebar-header"> <div id="sidebar-header">
@@ -143,6 +145,7 @@
<div id="preview" class="markdown-body"></div> <div id="preview" class="markdown-body"></div>
</div> </div>
</div> </div>
</div>
<!-- Status bar --> <!-- Status bar -->
<div id="statusbar"> <div id="statusbar">
+9
View File
@@ -66,6 +66,7 @@ html, body {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
height: 100vh; height: 100vh;
position: relative;
} }
/* ===== Toolbar ===== */ /* ===== Toolbar ===== */
@@ -297,6 +298,14 @@ html, body {
} }
/* ===== Main Content ===== */ /* ===== Main Content ===== */
#workspace {
flex: 1;
display: flex;
flex-direction: row;
overflow: hidden;
min-height: 0;
}
#main-content { #main-content {
flex: 1; flex: 1;
display: flex; display: flex;