From 9a7e6a8934a4a56ea5b7124ea4d2f771cf78e0a3 Mon Sep 17 00:00:00 2001
From: CPTProgrammer <46586216+CPTProgrammer@users.noreply.github.com>
Date: Thu, 16 Jul 2026 13:02:51 +0800
Subject: [PATCH] Extract add config button and wrap selector with Flex

---
 src/components/ConfigSelector.tsx | 38 ++++++++++++++++---------------
 src/components/MainPage.tsx       |  1 -
 2 files changed, 20 insertions(+), 19 deletions(-)

diff --git a/src/components/ConfigSelector.tsx b/src/components/ConfigSelector.tsx
index 6e2097a..e381983 100644
--- a/src/components/ConfigSelector.tsx
+++ b/src/components/ConfigSelector.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { useState, useCallback } from "react";
-import { Select, Button, Space, App } from "antd";
+import { Select, Button, Space, Flex, App } from "antd";
 import { EditOutlined, PlusOutlined } from "@ant-design/icons";
 import { ConfigModal } from "./ConfigModal";
 import { getConfig } from "@/services/config";
@@ -97,25 +97,27 @@ export function ConfigSelector({
 
   return (
     <>
-      <Space.Compact style={{ width: "100%" }}>
-        <Select
-          style={{ flex: 1 }}
-          placeholder="选择配置…"
-          loading={selecting}
-          value={selectedFile}
-          onChange={handleChange}
-          options={configs.map((c) => ({
-            value: c.file,
-            label: c.name,
-          }))}
-        />
-        <Button icon={<EditOutlined />} onClick={openEdit}>
-          修改配置
-        </Button>
-        <Button icon={<PlusOutlined />} onClick={openAdd}>
+      <Flex gap="small" style={{ width: "100%" }}>
+        <Space.Compact style={{ flex: 1 }}>
+          <Select
+            style={{ flex: 1 }}
+            placeholder="选择配置…"
+            loading={selecting}
+            value={selectedFile}
+            onChange={handleChange}
+            options={configs.map((c) => ({
+              value: c.file,
+              label: c.name,
+            }))}
+          />
+          <Button icon={<EditOutlined />} onClick={openEdit}>
+            修改配置
+          </Button>
+        </Space.Compact>
+        <Button type="primary" icon={<PlusOutlined />} onClick={openAdd}>
           添加配置
         </Button>
-      </Space.Compact>
+      </Flex>
 
       <ConfigModal
         open={modalOpen}
diff --git a/src/components/MainPage.tsx b/src/components/MainPage.tsx
index 92ddd1a..2819a3d 100644
--- a/src/components/MainPage.tsx
+++ b/src/components/MainPage.tsx
@@ -105,7 +105,6 @@ export function MainPage({ initialConfigs }: MainPageProps) {
               <Button
                 type="primary"
                 icon={<CloudUploadOutlined />}
-                size="large"
                 onClick={() => setPublishOpen(true)}
                 disabled={!selectedConfig}
               >