添加节点详情教程

frontend/src/components/Node/NodeInstallation.vue

@@ -1,16 +1,20 @@
 <template>
   <div class="node-installation">
-    <el-form inline>
+    <el-form class="search-form" inline>
       <el-form-item>
-        <el-autocomplete size="small" clearable @clear="onSearch"
-                         v-if="activeLang.executable_name === 'python'"
-                         v-model="depName"
-                         style="width: 240px"
-                         :placeholder="$t('Search Dependencies')"
-                         :fetchSuggestions="fetchAllDepList"
-                         :minlength="2"
-                         @select="onSearch"
-        ></el-autocomplete>
+        <el-autocomplete
+          class="search-box"
+          size="small"
+          clearable
+          v-if="activeLang.executable_name === 'python'"
+          v-model="depName"
+          style="width: 240px"
+          :placeholder="$t('Search Dependencies')"
+          :fetchSuggestions="fetchAllDepList"
+          :minlength="2"
+          @select="onSearch"
+          @clear="onSearch"
+        />
         <el-input
           v-else
           v-model="depName"

frontend/src/components/Overview/NodeOverview.vue

@@ -2,14 +2,16 @@
   <el-row>
     <el-col :span="12">
       <!--last tasks-->
-      <el-row>
+      <el-row class="latest-tasks-wrapper">
         <task-table-view :title="$t('Latest Tasks')"/>
       </el-row>
     </el-col>
 
     <el-col :span="12">
-      <!--basic info-->
-      <node-info-view/>
+      <el-row class="node-info-view-wrapper">
+        <!--basic info-->
+        <node-info-view/>
+      </el-row>
     </el-col>
   </el-row>
 </template>