From 24d33244887aa2b14e65c607a9baa623e64458c7 Mon Sep 17 00:00:00 2001
From: Ryan Wang <i@ryanc.cc>
Date: Thu, 15 May 2025 11:06:06 +0800
Subject: [PATCH] Refine UI

Signed-off-by: Ryan Wang <i@ryanc.cc>
---
 .../plugins/components/PluginConditionsModal.vue     |  2 +-
 .../system/plugins/components/tabs/Detail.vue        | 12 ++++++------
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/ui/console-src/modules/system/plugins/components/PluginConditionsModal.vue b/ui/console-src/modules/system/plugins/components/PluginConditionsModal.vue
index 2bcaac9e1..ad52fcc00 100644
--- a/ui/console-src/modules/system/plugins/components/PluginConditionsModal.vue
+++ b/ui/console-src/modules/system/plugins/components/PluginConditionsModal.vue
@@ -72,7 +72,7 @@ const modal = ref();
             {{ condition.reason || "-" }}
           </td>
           <td class="whitespace-nowrap px-4 py-3 text-sm text-gray-500">
-            {{ condition.message || "-" }}
+            <pre>{{ condition.message || "-" }}</pre>
           </td>
           <td
             v-tooltip="formatDatetime(condition.lastTransitionTime)"
diff --git a/ui/console-src/modules/system/plugins/components/tabs/Detail.vue b/ui/console-src/modules/system/plugins/components/tabs/Detail.vue
index 0a3a3939d..d8930a71f 100644
--- a/ui/console-src/modules/system/plugins/components/tabs/Detail.vue
+++ b/ui/console-src/modules/system/plugins/components/tabs/Detail.vue
@@ -117,12 +117,12 @@ const lastCondition = computed(() => {
         v-if="errorAlertVisible && lastCondition"
         class="w-full px-4 pb-2 sm:px-6"
       >
-        <VAlert
-          type="error"
-          :title="lastCondition.reason"
-          :description="lastCondition.message"
-          :closable="false"
-        >
+        <VAlert type="error" :title="lastCondition.reason" :closable="false">
+          <template #description>
+            <div class="overflow-x-auto">
+              <pre>{{ lastCondition.message }}</pre>
+            </div>
+          </template>
           <template #actions>
             <VButton size="sm" @click="conditionsModalVisible = true">
               {{ $t("core.plugin.detail.operations.view_conditions.button") }}