perf: 优化错误日志超长下的显示 (#4711)

1Panel-dev · Apr 26, 2024 · 3834703 · 3834703
1 parent e06e6e9
commit 3834703
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 1 deletion.
diff --git a/frontend/src/lang/modules/en.ts b/frontend/src/lang/modules/en.ts
@@ -1485,7 +1485,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
@@ -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>