perf: project页左侧二级菜单样式优化

nezha-fronted/src/assets/stylus/main.scss

@@ -504,6 +504,12 @@ li{
   color: $box-title-color;
   font-weight: bold;
 }
+.content-left .sidebar-info-sub-item {
+  margin: 0 0 10px 0;
+  padding-left: 10px;
+  line-height: 20px;
+  cursor: pointer;
+}
 .content-left .el-checkbox-group .sidebar-info-item-active {
   border-left: none;
 }

nezha-fronted/src/components/page/project/project.vue

@@ -62,13 +62,11 @@
                   <i class="nz-icon nz-icon-create-square"></i>
                 </div>
                 <template v-else>
-                <div v-for="module in getProjectModule(item.id)" class="sidebar-info-item" :class="{'sidebar-info-item-active': module.id == currentModule.id}" @click="changeModule(module)" :id="'project-module-'+module.id">
+                  <div v-for="module in getProjectModule(item.id)" class="sidebar-info-sub-item" :class="{'sidebar-info-item-active': module.id == currentModule.id}" @click="changeModule(module)" :id="'project-module-'+module.id">
-                  <div class="sidebar-info-item-txt">
                     <el-popover v-if="module.name.length > 16" trigger="hover" placement="top-start" :content="module.name" >
                       <span slot="reference">{{module.name}}</span>
                     </el-popover>
                     <span v-else>{{module.name}}</span>
-                  </div>
                     <div v-show="module.buildIn != 1" class="hid-div side-bar-menu-edit sub-side-bar-menu-edit" @click.stop="toEditModule(module)" :id="'project-module-edit-'+module.id" ><i class="nz-icon nz-icon-edit"></i></div>
                   </div>
                 </template>
@@ -1132,6 +1130,9 @@
   .sidebar-info-item:hover .hid-div{
     visibility: visible;
   }
+  .sidebar-info-sub-item:hover .hid-div{
+    visibility: visible;
+  }
   .metric-tip-icon{
     vertical-align: middle;
     /*color: #3971BA;*/