From aed87665f4312bfe8a35a381d58da70ca0037705 Mon Sep 17 00:00:00 2001
From: Syngnat <yangguofeng919@gmail.com>
Date: Mon, 29 Jun 2026 15:18:35 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20fix(query-results):=20=E5=8C=BA?=
 =?UTF-8?q?=E5=88=86=E6=89=A7=E8=A1=8C=E6=B6=88=E6=81=AF=E5=86=85=E5=AE=B9?=
 =?UTF-8?q?=E5=8C=BA=E5=9F=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 为执行消息正文滚动区增加独立边框和浅背景
- 保留标题与复制按钮在顶部区域，正文内容单独成框
- 补充消息块样式断言，覆盖边框、背景和内边距
---
 .../src/components/QueryEditor.results-and-drop.test.tsx     | 5 +++++
 frontend/src/components/QueryEditorResultsPanel.tsx          | 4 +++-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/QueryEditor.results-and-drop.test.tsx b/frontend/src/components/QueryEditor.results-and-drop.test.tsx
index 286382cd..a6707676 100644
--- a/frontend/src/components/QueryEditor.results-and-drop.test.tsx
+++ b/frontend/src/components/QueryEditor.results-and-drop.test.tsx
@@ -1241,7 +1241,9 @@ describe('QueryEditor external SQL save', () => {
       overflow: 'auto',
       width: '100%',
       minWidth: 0,
+      padding: '10px 12px',
     });
+    expect(messageTextarea.props.style.padding).not.toBe(0);
     expect(messageTextarea.props.style.minWidth).not.toBe('max-content');
     expect(messageBlock.props.style).toMatchObject({
       alignItems: 'stretch',
@@ -1253,7 +1255,10 @@ describe('QueryEditor external SQL save', () => {
       width: '100%',
       overflow: 'hidden',
       minWidth: 0,
+      borderRadius: 6,
     });
+    expect(messageScrollBody.props.style.border).toContain('1px solid');
+    expect(messageScrollBody.props.style.background).toBeTruthy();
     expect(messageTextarea.props.value).not.toContain('mssql:');
   });
 
diff --git a/frontend/src/components/QueryEditorResultsPanel.tsx b/frontend/src/components/QueryEditorResultsPanel.tsx
index 9cfdf3ae..0307b6b1 100644
--- a/frontend/src/components/QueryEditorResultsPanel.tsx
+++ b/frontend/src/components/QueryEditorResultsPanel.tsx
@@ -180,6 +180,8 @@ const QueryEditorResultsPanel: React.FC<QueryEditorResultsPanelProps> = ({
                     overflow: 'hidden',
                     minWidth: 0,
                     borderRadius: 6,
+                    border: darkMode ? '1px solid rgba(255,255,255,0.14)' : '1px solid rgba(0,0,0,0.10)',
+                    background: darkMode ? 'rgba(0,0,0,0.18)' : 'rgba(0,0,0,0.018)',
                 }}
             >
                 <textarea
@@ -197,7 +199,7 @@ const QueryEditorResultsPanel: React.FC<QueryEditorResultsPanelProps> = ({
                         minWidth: 0,
                         height: '100%',
                         minHeight: compact ? 72 : 0,
-                        padding: 0,
+                        padding: compact ? '8px 10px' : '10px 12px',
                         margin: 0,
                         border: 'none',
                         resize: 'none',