From 54d2025a6efbc8c69e7341de5b6bea79662abf35 Mon Sep 17 00:00:00 2001
From: CNWei <t6g888@163.com>
Date: Sun, 1 Nov 2026 19:55:54 +0800
Subject: [PATCH] =?UTF-8?q?style(admin):=20=E5=86=85=E5=AE=B9=E9=A1=B5?=
 =?UTF-8?q?=E6=94=B9=E4=B8=BA=E6=95=B0=E6=8D=AE=E7=AE=A1=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Tab 名称：内容 -> 数据管理
- 说明文案：数据只属于一个分组；前面加「说明：」
- 新建条目 -> 新建数据，与分组下拉按 8px 间距紧挨
- 操作列：编辑、删除配上图标
---
 stash-web/src/App.css                        | 11 +++++++++++
 stash-web/src/components/admin/AdminNext.tsx | 15 +++++++++------
 2 files changed, 20 insertions(+), 6 deletions(-)

diff --git a/stash-web/src/App.css b/stash-web/src/App.css
index b881d65..d352b61 100644
--- a/stash-web/src/App.css
+++ b/stash-web/src/App.css
@@ -975,6 +975,17 @@
   gap: var(--su-space-2);
 }
 
+/* 数据管理：分组下拉与「新建数据」紧挨着 */
+.entry-toolbar {
+  display: flex;
+  align-items: center;
+  gap: var(--su-space-2);
+}
+
+.entry-toolbar-select {
+  width: 260px;
+}
+
 /* 折叠箭头：与前台侧栏 Menu 的 caret 同一套画法（CSS 画的 6px 角标） */
 .group-caret {
   display: inline-flex;
diff --git a/stash-web/src/components/admin/AdminNext.tsx b/stash-web/src/components/admin/AdminNext.tsx
index b9f33e2..0c6ddf5 100644
--- a/stash-web/src/components/admin/AdminNext.tsx
+++ b/stash-web/src/components/admin/AdminNext.tsx
@@ -281,7 +281,7 @@ export function AdminNext() {
                 className="admin-tabs"
                 items={[
                   { key: 'groups', label: '分组管理' },
-                  { key: 'content', label: '内容' },
+                  { key: 'content', label: '数据管理' },
                   { key: 'home', label: '首页' },
                   { key: 'header', label: '页头' },
                   { key: 'profile', label: '资料' },
@@ -973,11 +973,11 @@ function ContentPanel({ groups, onReload }: { groups: GroupNode[]; onReload: ()
   return (
     <Space direction="column" gap="md" align="stretch" className="admin-form">
       <Text size="sm" tone="muted">
-        条目只属于一个分组；选中主分组时会连同其所有子分组的条目一起列出。
+        说明：数据只属于一个分组；选中主分组时会连同其所有子分组的数据一起列出。
       </Text>
 
-      <Space gap="sm" wrap>
-        <div style={{ width: 260 }}>
+      <div className="entry-toolbar">
+        <div className="entry-toolbar-select">
           <Select
             options={options.map((option) => ({
               value: option.key,
@@ -988,13 +988,14 @@ function ContentPanel({ groups, onReload }: { groups: GroupNode[]; onReload: ()
           />
         </div>
         <Button
+          variant="secondary"
           icon={<Icon name="add_line" />}
           disabled={group === undefined}
           onClick={() => setDialog({ key: null, groupKey })}
         >
-          新增条目
+          新建数据
         </Button>
-      </Space>
+      </div>
 
       <Text size="sm" tone="muted">
         {group?.title ?? ''} 下共 {rows.length} 条（含子分组）
@@ -1035,6 +1036,7 @@ function ContentPanel({ groups, onReload }: { groups: GroupNode[]; onReload: ()
                       className="group-action"
                       onClick={() => setDialog({ key: entry.id, groupKey: owner.key })}
                     >
+                      <Icon name="edit_4_line" />
                       编辑
                     </button>
                     <button
@@ -1050,6 +1052,7 @@ function ContentPanel({ groups, onReload }: { groups: GroupNode[]; onReload: ()
                         onReload()
                       }}
                     >
+                      <Icon name="delete_2_line" />
                       删除
                     </button>
                   </div>