From 0f891be026642fbe3c2c2b2f617208ba6e2bdf37 Mon Sep 17 00:00:00 2001
From: Syngnat <yangguofeng919@gmail.com>
Date: Mon, 11 May 2026 20:38:42 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20style(query-editor):=20=E6=94=B6?=
 =?UTF-8?q?=E7=B4=A7=E6=9F=A5=E8=AF=A2=E9=A1=B5=E6=A0=87=E7=AD=BE=E4=B8=8E?=
 =?UTF-8?q?=E5=B7=A5=E5=85=B7=E6=A0=8F=E9=97=B4=E8=B7=9D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 去除主标签页与结果标签页默认下边距
- 缩小查询工具栏顶部留白
- 优化查询编辑器纵向空间利用
Refs #420
---
 frontend/src/components/QueryEditor.tsx | 3 ++-
 frontend/src/components/TabManager.tsx  | 1 +
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/QueryEditor.tsx b/frontend/src/components/QueryEditor.tsx
index 3ea2e89..8f896b8 100644
--- a/frontend/src/components/QueryEditor.tsx
+++ b/frontend/src/components/QueryEditor.tsx
@@ -2435,6 +2435,7 @@ const QueryEditor: React.FC<{ tab: TabData; isActive?: boolean }> = ({ tab, isAc
         }
         .query-result-tabs .ant-tabs-nav {
           flex: 0 0 auto;
+          margin: 0;
         }
         .query-result-tabs .ant-tabs-content-holder {
           flex: 1 1 auto;
@@ -2468,7 +2469,7 @@ const QueryEditor: React.FC<{ tab: TabData; isActive?: boolean }> = ({ tab, isAc
         }
       `}</style>
       <div ref={editorPaneRef}>
-      <div style={{ padding: '8px', display: 'flex', gap: '8px', flexShrink: 0, alignItems: 'center' }}>
+      <div style={{ padding: '4px 8px 8px', display: 'flex', gap: '8px', flexShrink: 0, alignItems: 'center' }}>
         <Select 
             style={{ width: 150 }} 
             placeholder="选择连接"
diff --git a/frontend/src/components/TabManager.tsx b/frontend/src/components/TabManager.tsx
index d17f453..399d0a2 100644
--- a/frontend/src/components/TabManager.tsx
+++ b/frontend/src/components/TabManager.tsx
@@ -285,6 +285,7 @@ const TabManager: React.FC = () => {
             }
             .main-tabs .ant-tabs-nav {
               flex: 0 0 auto;
+              margin: 0;
             }
             .main-tabs .ant-tabs-content-holder {
               flex: 1 1 auto;