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: mermaid 和 markmap 在移动端显示不全的问题

Browse Source
This commit is contained in:
xiaozzzi 2024-01-28 15:47:15 +08:00
parent e057cc801c
commit 3da366429a
1 changed files with 12 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
blossom-web/src/views/article/Articles.vue
View File

@ -5,7 +5,7 @@
<div class="headmenu">
<bl-row @click="handleMenu(!menuShow)">
<div class="iconbl bl-model-line"></div>
<div style="font-size: 0.8rem">菜单</div>
<div style="font-size: 0.8rem">文章列表</div>
</bl-row>
<bl-row just="flex-end" @click="handleToc(!tocShow)">
<div style="font-size: 0.8rem">目录</div>
@ -652,6 +652,10 @@ const onresize = () => {
// font-size: 14px;
line-height: 1.6;
:deep(svg) {
max-width: 100% !important;
}
:deep(.katex > *) {
font-size: 1.2em !important;
// font-family: 'KaTeX_Size1', sans-serif !important;
@ -1074,10 +1078,6 @@ const onresize = () => {
padding-top: 10px;
z-index: 9999;
overflow: hidden;
// .doc-trees {
// overflow: overlay;
// }
}
.article {
@ -1085,7 +1085,13 @@ const onresize = () => {
overflow-x: hidden;
.bl-preview {
font-size: 0.8rem;
font-size: 0.9rem;
:deep(.markmap) {
& > g {
transform: translateX(0) translateY(50%) !important ;
}
}
pre {
margin: -10px !important;