From 1bd38f1d6e2ff024b4e05384f2cd44979a295ee9 Mon Sep 17 00:00:00 2001
From: t8y2 <t8y2@users.noreply.github.com>
Date: Sat, 3 Oct 2026 13:42:07 +0800
Subject: [PATCH] fix(ui): make grid error banner full-width and mute body text

---
 apps/desktop/src/components/ui/ErrorBanner.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/desktop/src/components/ui/ErrorBanner.vue b/apps/desktop/src/components/ui/ErrorBanner.vue
index c868fbdba3..a3632f790b 100644
--- a/apps/desktop/src/components/ui/ErrorBanner.vue
+++ b/apps/desktop/src/components/ui/ErrorBanner.vue
@@ -41,8 +41,8 @@ async function copy() {
 </script>
 
 <template>
-  <!-- card: 卡片类报错信息面板（单层框架：标题行 + 正文，正文不再嵌套内框） -->
-  <div v-if="variant === 'card'" class="mx-3 my-2 rounded-lg border border-destructive/30 bg-destructive/10 px-3 py-2 shrink-0 select-text flex flex-col gap-1.5">
+  <!-- card: 通栏报错面板（标题行 + 正文，正文不再嵌套内框；上下与表格区和状态栏直接相接，不加外边距/圆角） -->
+  <div v-if="variant === 'card'" class="border-t border-destructive/30 bg-destructive/10 px-3 py-2 shrink-0 select-text flex flex-col gap-1.5">
     <div class="flex items-center justify-between gap-2">
       <div data-native-clipboard class="flex items-center gap-1.5 font-medium text-xs text-destructive">
         <TriangleAlert class="h-3.5 w-3.5 text-destructive shrink-0" aria-hidden="true" />
@@ -58,7 +58,7 @@ async function copy() {
         </Button>
       </div>
     </div>
-    <div data-native-clipboard class="max-h-40 overflow-y-auto text-xs font-mono leading-relaxed text-destructive break-words whitespace-pre-wrap select-text cursor-text" @mousedown.stop @click.stop>
+    <div data-native-clipboard class="max-h-40 overflow-y-auto text-xs font-mono leading-relaxed text-destructive/80 break-words whitespace-pre-wrap select-text cursor-text" @mousedown.stop @click.stop>
       {{ message }}
     </div>
   </div>