admin/blossom
1
0
Fork 0
mirror of https://gitee.com/blossom-editor/blossom.git synced 2025-12-06 16:58:26 +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"> <div class="headmenu">
<bl-row @click="handleMenu(!menuShow)"> <bl-row @click="handleMenu(!menuShow)">
<div class="iconbl bl-model-line"></div> <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>
<bl-row just="flex-end" @click="handleToc(!tocShow)"> <bl-row just="flex-end" @click="handleToc(!tocShow)">
<div style="font-size: 0.8rem">目录</div> <div style="font-size: 0.8rem">目录</div>
@ -652,6 +652,10 @@ const onresize = () => {
// font-size: 14px; // font-size: 14px;
line-height: 1.6; line-height: 1.6;
:deep(svg) {
max-width: 100% !important;
}
:deep(.katex > *) { :deep(.katex > *) {
font-size: 1.2em !important; font-size: 1.2em !important;
// font-family: 'KaTeX_Size1', sans-serif !important; // font-family: 'KaTeX_Size1', sans-serif !important;
@ -1074,10 +1078,6 @@ const onresize = () => {
padding-top: 10px; padding-top: 10px;
z-index: 9999; z-index: 9999;
overflow: hidden; overflow: hidden;
// .doc-trees {
// overflow: overlay;
// }
} }
.article { .article {
@ -1085,7 +1085,13 @@ const onresize = () => {
overflow-x: hidden; overflow-x: hidden;
.bl-preview { .bl-preview {
font-size: 0.8rem; font-size: 0.9rem;
:deep(.markmap) {
& > g {
transform: translateX(0) translateY(50%) !important ;
}
}
pre { pre {
margin: -10px !important; margin: -10px !important;