From 3fbd4657f47f8d8a0e152211c6f957bbb327edef Mon Sep 17 00:00:00 2001
From: LiuHao <liuhaoai545@gmail.com>
Date: Sun, 4 Feb 2024 11:46:06 +0800
Subject: [PATCH] =?UTF-8?q?update=20=E4=BC=98=E5=8C=96xml=E9=A2=84?=
 =?UTF-8?q?=E8=A7=88=E5=92=8Csvg=E9=A2=84=E8=A7=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/BpmnDesign/index.vue | 28 +++++++++++++---------------
 1 file changed, 13 insertions(+), 15 deletions(-)

diff --git a/src/components/BpmnDesign/index.vue b/src/components/BpmnDesign/index.vue
index 9a0a7e4..f54f6e1 100644
--- a/src/components/BpmnDesign/index.vue
+++ b/src/components/BpmnDesign/index.vue
@@ -66,13 +66,13 @@
       </el-container>
     </div>
   </div>
-  <div class="preview-XML">
-    <el-dialog v-model="perviewXMLShow" title="XML预览" width="80%">
+  <div>
+    <el-dialog v-model="perviewXMLShow" title="XML预览" width="80%" append-to-body>
       <highlightjs :code="xmlStr" language="XML" />
     </el-dialog>
   </div>
   <div>
-    <el-dialog v-model="perviewSVGShow" title="SVG预览" width="80%">
+    <el-dialog v-model="perviewSVGShow" title="SVG预览" width="80%" append-to-body>
       <div style="text-align: center" v-html="svgData" />
     </el-dialog>
   </div>
@@ -361,18 +361,16 @@ defineExpose({
     }
   }
 }
-.preview-XML {
-  pre {
-    margin: 0;
-    height: 100%;
-    max-height: calc(80vh - 32px);
-    overflow-x: hidden;
-    overflow-y: auto;
-    :deep(.hljs) {
-      word-break: break-word;
-      white-space: pre-wrap;
-      padding: 0.5em;
-    }
+pre {
+  margin: 0;
+  height: 100%;
+  max-height: calc(80vh - 32px);
+  overflow-x: hidden;
+  overflow-y: auto;
+  :deep(.hljs) {
+    word-break: break-word;
+    white-space: pre-wrap;
+    padding: 0.5em;
   }
 }