update flow-graph style (#68)

Co-authored-by: 乔风鳞 <[email protected]>
weibocom · Aug 6, 2024 · ea00ca6 · ea00ca6
1 parent f8f0490
commit ea00ca6
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 2 deletions.
diff --git 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
@@ -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
@@ -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) {