From 6a30ccd5dc8b54109e1ebd03ab87aadc15a01c4e Mon Sep 17 00:00:00 2001
From: zhengkunwang <31820853+zhengkunwang223@users.noreply.github.com>
Date: Thu, 25 Apr 2024 19:09:13 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BC=98=E5=8C=96=E9=94=99=E8=AF=AF?=
 =?UTF-8?q?=E6=97=A5=E5=BF=97=E8=B6=85=E9=95=BF=E4=B8=8B=E7=9A=84=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BA=20(#4711)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/lang/modules/en.ts               |  2 +-
 .../src/views/app-store/installed/index.vue   | 20 +++++++++++++++++++
 2 files changed, 21 insertions(+), 1 deletion(-)

diff --git a/frontend/src/lang/modules/en.ts b/frontend/src/lang/modules/en.ts
index 546fc9ffb..4a262bcdb 100644
--- a/frontend/src/lang/modules/en.ts
+++ b/frontend/src/lang/modules/en.ts
@@ -1483,7 +1483,7 @@ const message = {
         issue: 'Feedback',
         doc: 'Official document',
         star: 'Star',
-        description: 'Linux server operation and maintenance management panel',
+        description: 'Linux Server Panel',
         forum: 'Forum Help',
         doc2: 'User Manual',
         currentVersion: 'Version',
diff --git a/frontend/src/views/app-store/installed/index.vue b/frontend/src/views/app-store/installed/index.vue
index a2f2c4edc..8ed659b5e 100644
--- a/frontend/src/views/app-store/installed/index.vue
+++ b/frontend/src/views/app-store/installed/index.vue
@@ -125,12 +125,16 @@
                                                     :width="400"
                                                     trigger="hover"
                                                     :content="installed.message"
+                                                    :popper-options="options"
                                                 >
                                                     <template #reference>
                                                         <el-button link type="danger">
                                                             <el-icon><Warning /></el-icon>
                                                         </el-button>
                                                     </template>
+                                                    <div class="app-error">
+                                                        {{ installed.message }}
+                                                    </div>
                                                 </el-popover>
                                             </span>
                                             <span class="ml-1">
@@ -362,6 +366,17 @@ const mode = ref('installed');
 const moreTag = ref('');
 const language = getLanguage();
 const appDetail = ref();
+const options = {
+    modifiers: [
+        {
+            name: 'flip',
+            options: {
+                padding: 5,
+                fallbackPlacements: ['bottom-start', 'top-start', 'right', 'left'],
+            },
+        },
+    ],
+};
 
 const sync = () => {
     ElMessageBox.confirm(i18n.global.t('app.syncAllAppHelper'), i18n.global.t('app.sync'), {
@@ -621,4 +636,9 @@ onUnmounted(() => {
         flex: 0 0 100%;
     }
 }
+
+.app-error {
+    max-height: 500px;
+    overflow-y: auto;
+}
 </style>