build(deps): bump element-plus from 2.0.2 to 2.1.0 (#260)

src/views/dashboard/graphs/Card.vue

@@ -27,7 +27,7 @@ limitations under the License. -->
       {{ decodeURIComponent(unit) }}
     </span>
   </div>
-  <div class="center no-data" v-else>{{ t("noData") }}</div>
+  <div v-else class="card-no-data" :class="config.textAlign === 'center' ? 'center' : ''">{{ t("noData") }}</div>
 </template>
 <script lang="ts" setup>
   import { computed } from "vue";
@@ -68,13 +68,20 @@ limitations under the License. -->
     align-items: center;
   }
 
-  .no-data {
+  .card-no-data {
     height: 100%;
     color: #666;
+    display: flex;
+    align-items: center;
+    font-size: 14px;
   }
 
   .unit {
     display: inline-block;
     margin-left: 2px;
   }
+
+  .center {
+    justify-content: center;
+  }
 </style>

src/views/dashboard/graphs/EndpointList.vue

@@ -17,7 +17,7 @@ limitations under the License. -->
     <div class="search">
       <el-input v-model="searchText" placeholder="Search for more endpoints" @change="searchList" class="inputs">
         <template #append>
-          <el-button @click="searchList" class="btn">
+          <el-button @click="searchList">
             <Icon size="middle" iconName="search" />
           </el-button>
         </template>

src/views/dashboard/graphs/InstanceList.vue

@@ -17,7 +17,7 @@ limitations under the License. -->
     <div class="search">
       <el-input v-model="searchText" placeholder="Please input instance name" @change="searchList" class="inputs">
         <template #append>
-          <el-button class="btn" @click="searchList">
+          <el-button @click="searchList">
             <Icon size="sm" iconName="search" />
           </el-button>
         </template>

src/views/dashboard/graphs/ServiceList.vue

@@ -17,7 +17,7 @@ limitations under the License. -->
     <div class="search">
       <el-input v-model="searchText" placeholder="Please input service name" @change="searchList" class="inputs mt-5">
         <template #append>
-          <el-button class="btn" @click="searchList">
+          <el-button @click="searchList">
             <Icon size="sm" iconName="search" />
           </el-button>
         </template>

src/views/dashboard/graphs/style.scss

@@ -48,10 +48,6 @@
   width: 400px;
 }
 
-.btn {
-  margin-top: -12px;
-}
-
 .chart {
   height: 60px;
 }

src/views/dashboard/panel/Tool.vue

@@ -118,8 +118,8 @@ limitations under the License. -->
       <div class="switch">
         <el-switch
           v-model="dashboardStore.editMode"
-          active-text="Edit"
-          inactive-text="View"
+          active-text="E"
+          inactive-text="V"
           size="small"
           inline-prompt
           active-color="#409eff"