zero/blossom
1
0
Fork 0
mirror of https://github.com/blossom-editor/blossom synced 2024-11-17 22:48:03 +08:00
Code Issues Packages Projects Releases Wiki Activity

增加无文章时的占位提示

Browse Source
This commit is contained in:
xiaozzzi 2023-10-04 17:34:01 +08:00
parent 3b014df43a
commit 2278c20eba
2 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
blossom-editor/src/renderer/src/views/article/ArticleTreeDocs.vue
View File

@ -87,6 +87,9 @@
</el-sub-menu>
</div>
</el-menu>
<div v-else class="doc-trees-empty-placeholder">
暂无文档，可点击上方 ↑ 添加
</div>
</div>
<!-- 右键菜单, 添加到 body 下 -->

11
blossom-editor/src/renderer/src/views/doc/tree-docs.scss
View File

@ -4,6 +4,7 @@
.doc-trees-container {
@include box(100%, calc(100% - 90px));
// 图片文档菜单中需要有 padding-top
padding-top: 8px;
* {
@ -14,12 +15,18 @@
width: 100%;
}
.doc-trees-empty-placeholder {
padding: 0 20px;
color: var(--bl-text-color-light);
font-size: 13.5px;
}
.doc-trees {
@include box(100%, 100%);
font-weight: 200;
border: 0;
// overflow-y: overlay;
overflow-y: scroll;
overflow-y: overlay;
// overflow-y: scroll;
// 基础的 padding
--el-menu-base-level-padding: 25px;
// 每级别的的缩进