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

fix: 样式优化

Browse Source
This commit is contained in:
xiaozzzi 2024-01-19 04:03:22 +08:00
parent 8eac67aea1
commit ce8a4be6f7
2 changed files with 67 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
blossom-editor/src/renderer/src/views/article/scripts/article.ts
View File

@ -1,3 +1,5 @@
import { isNull } from '@renderer/assets/utils/obj'
/**
* 临时内容的 localStorage key
*/
@ -94,4 +96,4 @@ export const parseTocAsync = async (ele: HTMLElement): Promise<Toc[]> => {
tocs.push(toc)
}
return tocs
}
}

70
blossom-editor/src/renderer/src/views/article/styles/article-index.scss
View File

@ -85,7 +85,7 @@
.gutter-holder {
height: 100%;
width: 50px;
width: 49px;
position: absolute;
background-color: var(--bl-editor-gutters-bg-color);
border-right: 1px solid var(--bl-editor-gutters-border-color);
@ -129,11 +129,72 @@
}
}
.operator {
width: 20px;
height: 140px;
padding-top: 5px;
@include themeBorder(2px, #d8d8d841, #ffffff12);
// border: 2px solid var(--el-border-color);
background-color: var(--bl-html-color);
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
position: absolute;
bottom: 10%;
left: calc(50% - 0.5px);
z-index: 4;
text-align: center;
transition: border 0.3s;
cursor: pointer;
&:hover {
border: 2px solid var(--el-border-color);
.iconbl {
color: var(--el-border-color);
}
}
.iconbl {
@include themeColor(#d8d8d841, #ffffff12);
line-height: 20px;
font-size: 16px;
transition: color 0.3s;
&:hover {
color: var(--el-color-primary-light-3);
}
&:active {
transform: scale(0.9);
}
}
.bl-admonish-line {
font-size: 14px;
}
.bl-refresh-line {
font-size: 14px;
}
.bl-eye-line {
font-size: 18px;
margin-bottom: 7px;
transform: rotate(90deg);
&:active {
transform: scale(0.9) rotate(90deg);
}
}
.bl-scroll {
font-size: 19px;
margin-left: -2px;
margin-bottom: 2px;
}
}
.resize-divider {
height: 100%;
border-left: 2px solid var(--el-border-color);
margin-left: 1px;
z-index: 3;
z-index: 4;
position: relative;
cursor: ew-resize;
&:hover {
@ -146,7 +207,7 @@
overflow-y: scroll;
overflow-x: hidden;
word-wrap: break-word;
padding: 10px 20px 0 20px;
padding: 10px 20px 0 30px;
z-index: 3;
font-family: inherit;
font-size: inherit;
@ -154,8 +215,6 @@
:deep(.katex > *) {
font-size: 1.2em !important;
font-family: 'KaTeX_Size1', sans-serif !important;
// font-size: 1.3em !important;
// font-family: 'KaTeX_Math', sans-serif !important;
}
}
}
@ -165,6 +224,5 @@
border-top: 1px solid var(--el-border-color);
z-index: 2;
}
}
}