fix : interface-name 样式调整

2022-11-16 09:49:22 +08:00
parent 80543851f4
commit d8dbc417a7
1 changed files with 4 additions and 0 deletions
--- a/nezha-fronted/src/components/page/config/monitor.vue
+++ b/nezha-fronted/src/components/page/config/monitor.vue
@@ -31,6 +31,7 @@
          <vue-tags-input
                        v-model="tag"
                        :maxlength="32"
+                        :class="monitor.interface_name.length !== 0 ? 'interface-name' : ''"
                        :placeholder="$t('overall.add.interface_name')"
                        :tags="monitor.interface_name"
                        @tags-changed="newTags=> monitor.interface_name = newTags"
@@ -196,4 +197,7 @@ export default {
  padding: 0;
  margin: 0;
 }
+/deep/ .vue-tags-input.interface-name .ti-input .ti-new-tag-input-wrapper{
+  padding-left: 7px;
+}
 </style>