style：修改metric的输入框的样式

2021-03-18 17:03:29 +08:00
parent 5ac601a412
commit a415b457c5
8 changed files with 142 additions and 57 deletions
--- a/nezha-fronted/src/components/common/project/L5/CanvasProps.vue
+++ b/nezha-fronted/src/components/common/project/L5/CanvasProps.vue
@@ -58,7 +58,7 @@
            ></promql-input>
            <el-row>
              <template>
-                <el-col style="width: 120px; padding-right: 20px; text-align: right; color: #666">
+                <el-col class="legend-title">
                  {{$t('dashboard.panel.chartForm.legend')}}&nbsp;
                  <el-popover placement="top" trigger="hover" width="211">
                    <div style="word-break:keep-all;">{{$t('dashboard.panel.chartForm.legendTip')}}</div>
@@ -1597,6 +1597,17 @@
  }
 </style>
 <style lang="scss" scoped>
+  .legend-title{
+    width: 110px;
+    padding-right: 10px;
+    text-align: left;
+    padding-left:10px;
+    margin-left: 10px;
+    height: 32px;
+    line-height: 32px;
+    background: #E7EAED;
+    color: #606266;
+  }
  .project-title {
    background: #eeeeee;
    height: 36px;