Browse Source

style(flow-chart): 流程图数据弹窗样式优化 (#68)

一万 3 years ago
parent
commit
8b8cd52f64
1 changed files with 9 additions and 1 deletions
  1. 9 1
      src/views/flow-chart/index.vue

+ 9 - 1
src/views/flow-chart/index.vue

@@ -77,7 +77,9 @@ onMounted(() => {
       v-model="dataVisible"
       width="50%"
     >
-      <DataDialog :graphData="graphData"></DataDialog>
+      <el-scrollbar>
+        <DataDialog :graphData="graphData"></DataDialog>
+      </el-scrollbar>
     </el-dialog>
   </div>
 </template>
@@ -127,7 +129,13 @@ onMounted(() => {
 :deep(.flow-dialog) {
   transform: none;
   left: 0;
+  top: 5vh;
   position: relative;
   margin: 0 auto;
 }
+
+:deep(.flow-dialog) .el-dialog__body {
+  height: 85vh;
+  overflow: auto;
+}
 </style>