fix: 修复侧边栏布局——sidebar与main-content并排显示
This commit is contained in:
@@ -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">
|
||||||
|
|||||||
@@ -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;
|
||||||
|
|||||||
Reference in New Issue
Block a user