improvement: 流程模版编辑流程名称、任务节点个数相对于页面水平居中 TencentBlueKing#85

luofann · Apr 11, 2019 · 24ac723 · 24ac723
1 parent 5362cde
commit 24ac723
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 6 deletions.
diff --git a/pipeline/blueflow/src/components/common/PipelineCanvas/ConfigBar.vue b/pipeline/blueflow/src/components/common/PipelineCanvas/ConfigBar.vue
@@ -149,10 +149,9 @@ export default {
         }
     }
     .config-name-wrapper {
-        display: inline-block;
-        margin: 15px auto 0;
+        margin: 0 auto;
+        padding-top: 15px;
         width: 430px;
-        height: 30px;
         .name-show-mode {
             display: inline-block;
         }
@@ -201,8 +200,9 @@ export default {
         }
     }
     .canvas-operation-wrapper {
-        float: right;
-        margin: 14px 20px 0 0;
+        position: absolute;
+        top: 14px;
+        right: 20px;
         .save-canvas {
             width: 90px;
             height: 32px;

diff --git a/pipeline/blueflow/src/components/common/PipelineCanvas/index.vue b/pipeline/blueflow/src/components/common/PipelineCanvas/index.vue
@@ -672,7 +672,8 @@ export default {
     .atom-node {
         position: absolute;
         top: 86px;
-        left: 42%;
+        left: 50%;
+        transform: translateX(-50%);
         z-index: 4;
         .atom-number {
             color: #a9b2bd;