From 3da366429a34f832bbab911cff053bc3b17e7926 Mon Sep 17 00:00:00 2001
From: xiaozzzi <42293085+xiaozzzi@users.noreply.github.com>
Date: Sun, 28 Jan 2024 15:47:15 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20mermaid=20=E5=92=8C=20markmap=20?=
 =?UTF-8?q?=E5=9C=A8=E7=A7=BB=E5=8A=A8=E7=AB=AF=E6=98=BE=E7=A4=BA=E4=B8=8D?=
 =?UTF-8?q?=E5=85=A8=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 blossom-web/src/views/article/Articles.vue | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/blossom-web/src/views/article/Articles.vue b/blossom-web/src/views/article/Articles.vue
index 91d7da3..3c4c701 100644
--- a/blossom-web/src/views/article/Articles.vue
+++ b/blossom-web/src/views/article/Articles.vue
@@ -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;