From ea00ca6cef6234af3b0539d7a13fc405140a8f89 Mon Sep 17 00:00:00 2001
From: qfl <790872612@qq.com>
Date: Tue, 6 Aug 2024 16:19:43 +0800
Subject: [PATCH] update flow-graph style (#68)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: 乔风鳞 <fenglin@staff.weibo.com>
---
 flow-graph/src/components/FlowGraph.vue      | 1 -
 flow-graph/src/components/NodesBar/index.vue | 4 ++++
 flow-graph/src/models/X6FlowGraph.ts         | 2 +-
 3 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/flow-graph/src/components/FlowGraph.vue b/flow-graph/src/components/FlowGraph.vue
index be7eaad70..c523df28e 100644
--- a/flow-graph/src/components/FlowGraph.vue
+++ b/flow-graph/src/components/FlowGraph.vue
@@ -72,7 +72,6 @@
 
     .sider {
       position: relative;
-
       z-index: 4;
       border: 1px solid rgb(0 0 0 / 8%);
       background-color: #f7f9fb;
diff --git a/flow-graph/src/components/NodesBar/index.vue b/flow-graph/src/components/NodesBar/index.vue
index 7164a4777..9349233bd 100644
--- a/flow-graph/src/components/NodesBar/index.vue
+++ b/flow-graph/src/components/NodesBar/index.vue
@@ -98,6 +98,7 @@
 </script>
 
 <style lang="less" scoped>
+
   .title {
     text-align: center;
     height: 38px;
@@ -108,6 +109,9 @@
   }
   .context {
     margin: 10px;
+    width: 200px;
+    height: 900px;
+    overflow: auto;
 
     .tab-pane {
       margin-top: 10px;
diff --git a/flow-graph/src/models/X6FlowGraph.ts b/flow-graph/src/models/X6FlowGraph.ts
index 7e322969a..59c0a04df 100644
--- a/flow-graph/src/models/X6FlowGraph.ts
+++ b/flow-graph/src/models/X6FlowGraph.ts
@@ -183,7 +183,7 @@ export class X6FlowGraph implements FlowGraph {
     if (opt !== OptEnum.CREATE) {
       this.initGraphCells();
     }
-    this.graph.resize(document.body.offsetWidth, document.body.offsetHeight);
+    this.graph.resize(document.body.offsetWidth, document.body.offsetHeight * 0.85);
   }
 
   public addEdge(rillEdge: Edge) {