🎨 style(query-editor): 收紧查询页标签与工具栏间距

- 去除主标签页与结果标签页默认下边距
- 缩小查询工具栏顶部留白
- 优化查询编辑器纵向空间利用
Refs #420
This commit is contained in:
Syngnat
2026-05-11 20:38:42 +08:00
parent b22d28b79c
commit 0f891be026
2 changed files with 3 additions and 1 deletions

View File

@@ -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="选择连接"

View File

@@ -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;