Fixed issue of monitor-select-menu-modal

apache · Jul 3, 2024 · 8bf722c · 8bf722c
1 parent 4f1c62f
commit 8bf722c
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 8 deletions.
diff --git a/web-app/src/app/routes/monitor/monitor-list/monitor-list.component.html b/web-app/src/app/routes/monitor/monitor-list/monitor-list.component.html
@@ -303,13 +303,14 @@
   (nzOnCancel)="onAppSwitchModalCancel()"
   nzClosable="false"
   nzWidth="30%"
+  nzWrapClassName="monitor-select-menu-modal"
   [nzOkText]="null"
   [nzCancelText]="null"
   [nzOkLoading]="appSearchLoading"
 >
   <div *nzModalContent class="-inner-content">
     <app-monitor-select-menu
-      listStyle="border-right: 0px; overflow-y: hidden"
+      listStyle="border-right: 0px"
       [searchPlaceholder]="'monitors.center.search.placeholder' | i18n"
       [loading]="appSearchLoading"
       [data]="appSearchOrigin"

diff --git a/web-app/src/app/routes/monitor/monitor-list/monitor-list.component.less b/web-app/src/app/routes/monitor/monitor-list/monitor-list.component.less
@@ -1,5 +1,8 @@
-@import "~src/styles/theme";
-
-.switch-app:hover {
-  background-color: @primary-color;
+::ng-deep {
+  .monitor-select-menu-modal {
+    .ant-spin-container {
+      max-height: 80vh;
+      overflow: hidden;
+    }
+  }
 }
diff --git a/web-app/src/app/routes/monitor/monitor-list/monitor-list.component.ts b/web-app/src/app/routes/monitor/monitor-list/monitor-list.component.ts
@@ -507,9 +507,9 @@ export class MonitorListComponent implements OnInit, OnDestroy {
             let appMenus: Record<string, any> = {};
             message.data.forEach((app: any) => {
               let menus = appMenus[app.category];
-              app.categoryLabel = this.i18nSvc.fanyi(`monitor.category.${app.category}`);
-              if (app.categoryLabel == `monitor.category.${app.category}`) {
-                app.categoryLabel = this.i18nSvc.fanyi('monitor.category.custom');
+              app.categoryLabel = this.i18nSvc.fanyi(`menu.monitor.${app.category}`);
+              if (app.categoryLabel == `menu.monitor.${app.category}`) {
+                app.categoryLabel = app.category.toUpperCase();
               }
               if (menus == undefined) {
                 menus = { label: app.categoryLabel, child: [app] };