From 6c4d9affaefc9a4a3699e40117f989890915eb1e Mon Sep 17 00:00:00 2001
From: lanyuanxiaoyao <lanyuanxiaoyao@gmail.com>
Date: Sat, 6 Jun 2026 23:28:59 +0800
Subject: [PATCH] =?UTF-8?q?fix(settings):=20Radio.Group=20=E6=8C=89?=
 =?UTF-8?q?=E9=92=AE=E6=A8=A1=E5=BC=8F,help=20=E8=AF=B4=E6=98=8E,=E7=A7=BB?=
 =?UTF-8?q?=E9=99=A4=E5=A4=9A=E4=BD=99=E5=BA=95=E8=BE=B9=E8=B7=9D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/web/features/settings/index.tsx | 13 ++++++++++---
 src/web/styles.css                  |  5 +++++
 2 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/web/features/settings/index.tsx b/src/web/features/settings/index.tsx
index 21961e2..760d779 100644
--- a/src/web/features/settings/index.tsx
+++ b/src/web/features/settings/index.tsx
@@ -51,8 +51,15 @@ export function SettingsPage() {
 
   return (
     <Card title="主题" type="inner">
-      <Form colon={false} disabled={isUpdating} labelAlign="left" labelCol={{ flex: "120px" }} layout="horizontal">
-        <Form.Item colon={false} label="主题模式">
+      <Form
+        className="settings-form"
+        colon={false}
+        disabled={isUpdating}
+        labelAlign="left"
+        labelCol={{ flex: "120px" }}
+        layout="horizontal"
+      >
+        <Form.Item colon={false} help="选择跟随系统将自动适配操作系统的深浅色偏好" label="主题模式">
           <Radio.Group
             buttonStyle="solid"
             onChange={(e) => handleThemeChange(parseThemePreference(e.target.value))}
@@ -61,7 +68,7 @@ export function SettingsPage() {
             value={preference}
           />
         </Form.Item>
-        <Form.Item colon={false} label="紧凑模式" tooltip="开启后控件间距和高度变小,显示更多内容">
+        <Form.Item colon={false} help="开启后控件间距和高度变小,显示更多内容" label="紧凑模式">
           <Switch checked={compact} onChange={handleCompactChange} />
         </Form.Item>
       </Form>
diff --git a/src/web/styles.css b/src/web/styles.css
index bf84fc2..cc27e99 100644
--- a/src/web/styles.css
+++ b/src/web/styles.css
@@ -455,3 +455,8 @@ body {
 .markdown-table tbody tr:hover td {
   background: var(--ant-color-fill-quaternary);
 }
+
+/* 设置页表单:最后一项无底边距 */
+.settings-form .ant-form-item:last-child {
+  margin-bottom: 0;
+}