From 8bf722ced96fe4118b8a39d125e25538ef57fd95 Mon Sep 17 00:00:00 2001
From: kerwin612 <kerwin612@qq.com>
Date: Wed, 3 Jul 2024 14:10:21 +0800
Subject: [PATCH] Fixed issue of monitor-select-menu-modal

---
 .../monitor/monitor-list/monitor-list.component.html  |  3 ++-
 .../monitor/monitor-list/monitor-list.component.less  | 11 +++++++----
 .../monitor/monitor-list/monitor-list.component.ts    |  6 +++---
 3 files changed, 12 insertions(+), 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
index 64a58490bf1..772a39ba1e2 100755
--- 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
index 59c9fbcdc5d..667151641e4 100644
--- 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
index ab6e0999e16..2b1ec35f7c1 100644
--- 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] };