admin/blossom
1
0
Fork 0
mirror of https://gitee.com/blossom-editor/blossom.git synced 2025-12-07 09:18:32 +08:00
Code Issues Packages Projects Releases Wiki Activity

样式优化

Browse Source
This commit is contained in:
xiaozzzi 2023-10-06 17:21:39 +08:00
parent 2dd2dc09bf
commit 0323f84b51
5 changed files with 9 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
blossom-editor/src/renderer/src/views/article/ArticleIndex.vue
View File

@ -3,17 +3,13 @@
<!-- folder menu -->
<div class="doc-container" :style="{ width: docEditorStyle.docs }" v-show="docsExpand">
<div class="doc-tree-menu-container" :style="tempTextareaStyle.docTree">
<ArticleTreeDocs @click-doc="clickCurDoc" ref="ArticleTreeDocsRef"></ArticleTreeDocs>
</div>
<div class="doc-temp-textarea">
<bl-row just="space-between" height="28px" class="doc-temp-textarea-workbench">
<bl-row style="font-size: 10px;">
<img src="@renderer/assets/imgs/note/cd.png" style="width: 15px;margin-right: 5px;">
临时内容(可从便签快速设置)
</bl-row>
<bl-row><img src="@renderer/assets/imgs/note/cd.png">临时内容(可从便签快速设置)</bl-row>
<div class="iconbl bl-subtract-line" @click="tempTextareaExpand = !tempTextareaExpand"></div>
</bl-row>
<bl-row class="doc-temp-textarea-input" :style="tempTextareaStyle.tempTextarea">
@ -274,7 +270,6 @@ const exitView = () => {
//#endregion
//#region ----------------------------------------< 图片管理 >--------------------------------------
const PictureViewerInfoRef = ref()
const showPicInfo = (url: string) => {

2
blossom-editor/src/renderer/src/views/article/styles/bl-preview-toc.scss
View File

@ -157,7 +157,7 @@
.img-content {
@include box(100%, auto);
@include flex(row, flex-start, flex-start);
min-height: 60px;
// min-height: 60px;
max-height: 130px;
align-content: flex-start;
flex-wrap: wrap;

12
blossom-editor/src/renderer/src/views/home/ArticleStars.vue
View File

@ -84,16 +84,6 @@ defineExpose({ reload })
}
}
// .article-stars-root {
// @include box(100%, 100%);
// @include flex(row, flex-start, flex-start);
// flex-wrap: wrap;
// align-content: flex-start;
// overflow: auto;
// overflow-y: overlay;
// }
.placeholder {
padding: 20px 0 0 20px;
color: var(--bl-text-color-light);
@ -102,7 +92,7 @@ defineExpose({ reload })
.star-item {
@include box(210px, 70px, 210px, 210px);
position: relative;
margin: 10px 15px;
margin: 10px 10px;
filter: drop-shadow(2px 2px 2px rgb(180, 180, 180));
[class="dark"] & {

2
blossom-editor/src/renderer/src/views/home/ArticleSubjects.vue
View File

@ -121,7 +121,7 @@ $width-item: 210px;
@include themeBg(linear-gradient(155deg, #ffffff00 0%, #F0F0F0 60%, var(--bl-subject-color1) 100%),
linear-gradient(155deg, var(--bl-html-color) 0%, var(--el-color-primary-light-9) 60%, var(--bl-subject-color1) 100%));
border-radius: 5px;
margin: 15px;
margin: 15px 10px;
transition: 0.3s;
position: relative;
overflow: hidden;

9
blossom-editor/src/renderer/src/views/picture/PictureIndex.vue
View File

@ -80,10 +80,10 @@
<el-tooltip placement="bottom" trigger="click" :hide-after="0">
<template #content>
<div style="max-width: 300px;white-space:break-spaces;word-wrap: break-word;word-break:break-all;">
<bl-row style="word-wrap: break-word;">图片名称: {{ pic.name }}</bl-row>
<bl-row>图片名称: {{ pic.name }}</bl-row>
<bl-row>图片大小: {{ formatFileSize(pic.size) }}</bl-row>
<bl-row style="word-wrap: break-word;">上传时间: {{ pic.creTime }}</bl-row>
<bl-row style="word-wrap: break-word;">图片路径: {{ pic.pathName }}</bl-row>
<bl-row>上传时间: {{ pic.creTime }}</bl-row>
<bl-row>图片路径: {{ pic.pathName }}</bl-row>
<bl-row v-if="!isEmpty(pic.articleNames)" align="flex-start">引用文章:
<div>
<div v-for="aname in articleNamesToArray(pic.articleNames)" style="margin-left: -13px;">
@ -95,7 +95,7 @@
</template>
<div class="item iconbl bl-problem-line"></div>
</el-tooltip>
<div class="item iconbl bl-copy-line" @click="copyUrl(pic.url)"></div>
<div class="item iconbl bl-copy-line" @click="copyUrl(pic.url)" @click.right="copyMarkdownUrl(pic.url)"></div>
<div class="item iconbl bl-a-clouddownload-line" @click="download(pic.url)"></div>
<div v-if="pic.starStatus == 0" class="item iconbl bl-star-line" @click="starPicture(pic)"></div>
<div v-else-if="pic.starStatus == 1" class="item iconbl bl-star-fill" @click="starPicture(pic)"></div>
@ -192,6 +192,7 @@ const clickCurFolder = (tree: DocTree) => {
curFolder.value = treeToInfo(tree)
picuturePageParam.value.pageNum = 1
picuturePageParam.value.pid = curFolder.value.id
picturePages.value = []
picturePageApi(picuturePageParam.value).then(resp => {
picturePages.value = resp.data.datas
})