From 2e96e2acf77ef9dd56f2400b142ec42a5dfc32a4 Mon Sep 17 00:00:00 2001
From: Nixevol <guaotiantang@gmail.com>
Date: Tue, 19 May 2026 14:46:28 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E8=B0=83=E6=95=B4=E4=B8=8A=E4=BC=A0?=
 =?UTF-8?q?=E9=A1=B5=E8=BF=9C=E7=A8=8B=E6=8C=89=E9=92=AE=E6=8D=A2=E8=A1=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/project_context.md                  | 6 ++++++
 frontend/src/components/FileWorkflow.vue | 2 +-
 frontend/src/styles.css                  | 4 ++--
 3 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/docs/project_context.md b/docs/project_context.md
index 785e632..8138d4b 100644
--- a/docs/project_context.md
+++ b/docs/project_context.md
@@ -1,5 +1,11 @@
 # 项目上下文记录
 
+## 2026-05-19：调整上传框操作按钮为换行显示
+
+- `frontend/src/components/FileWorkflow.vue` 移除上传框操作区里无效的 `<br>`，避免在 flex 布局中形成异常间距。
+- `frontend/src/styles.css` 将 `.upload-zone-actions` 改为纵向 flex 布局，使“或者点击选择文件”和“远程下载并处理”按钮固定分两行显示。
+- 已执行 `npm run build`，构建通过；本次按用户要求未启动浏览器或 headless Chrome。
+
 ## 2026-05-19：调整连接配置页卡片布局
 
 - `frontend/src/components/SettingsPanel.vue` 将连接配置页改成左列堆叠“数据库配置”和“处理历史保留”，右列显示“远程数据源”，避免右侧远程数据源卡片高度把处理历史保留卡片挤到很下面。
diff --git a/frontend/src/components/FileWorkflow.vue b/frontend/src/components/FileWorkflow.vue
index b21b178..9fa1aea 100644
--- a/frontend/src/components/FileWorkflow.vue
+++ b/frontend/src/components/FileWorkflow.vue
@@ -21,7 +21,7 @@
       <h3>拖拽文件夹或文件到这里</h3>
       <p>支持 .zip, .xlsx, .xls, .csv 格式</p>
       <div class="upload-zone-actions">
-        <span class="upload-hint">或者点击选择文件</span><br>
+        <span class="upload-hint">或者点击选择文件</span>
         <n-tooltip trigger="hover" placement="bottom">
           <template #trigger>
             <span class="remote-run-trigger" @click.stop @keydown.stop>
diff --git a/frontend/src/styles.css b/frontend/src/styles.css
index dfecd7b..df3e894 100644
--- a/frontend/src/styles.css
+++ b/frontend/src/styles.css
@@ -600,9 +600,9 @@ select {
   display: flex;
   align-items: center;
   justify-content: center;
-  gap: 12px;
+  flex-direction: column;
+  gap: 10px;
   margin-top: 12px;
-  flex-wrap: wrap;
 }
 
 .remote-run-trigger {