tcjlj/OpenFlare
1
0
Fork 0
mirror of https://github.com/Rain-kl/OpenFlare.git synced 2026-10-01 14:46:36 +08:00
Code Issues Packages Projects Releases Wiki Activity

[优化] 设置ui优化

Browse Source
This commit is contained in:
ryan
2026-03-12 17:06:54 +08:00
parent 3a178473d5
commit ae6d871046
1 changed files with 85 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files
atsf_server/web/features/settings/components/settings-page.tsx
+85 -64
View File
@@ -1175,101 +1175,122 @@ export function SettingsPage() {
<div className="grid gap-6 xl:grid-cols-[1fr_1fr]">
<AppCard
title="通用与 SMTP 设置"
title="通用设置"
description="服务器地址会影响邮件链接、OAuth 回调和部署命令展示。"
action={
<PrimaryButton
type="button"
onClick={() =>
void runBusyAction('system-core', async () => {
void runBusyAction('system-general', async () => {
await saveOptionEntries(
[
[
'ServerAddress',
normalizeServerUrl(systemFields.ServerAddress),
],
],
'通用设置已保存。',
);
})
}
disabled={busyKey === 'system-general'}
>
{busyKey === 'system-general' ? '保存中...' : '保存通用设置'}
</PrimaryButton>
}
>
<ResourceField label="服务器地址">
<ResourceInput
value={systemFields.ServerAddress}
onChange={(event) =>
setSystemFields((previous) => ({
...previous,
ServerAddress: event.target.value,
}))
}
placeholder="https://yourdomain.com"
/>
</ResourceField>
</AppCard>
<AppCard
title="SMTP 设置"
description="用于邮件验证码、密码重置和其他邮件通知发送。"
action={
<PrimaryButton
type="button"
onClick={() =>
void runBusyAction('system-smtp', async () => {
await saveOptionEntries(
[
['SMTPServer', systemFields.SMTPServer.trim()],
['SMTPPort', systemFields.SMTPPort.trim()],
['SMTPAccount', systemFields.SMTPAccount.trim()],
['SMTPToken', systemFields.SMTPToken.trim()],
],
'通用与 SMTP 设置已保存。',
'SMTP 设置已保存。',
);
})
}
disabled={busyKey === 'system-core'}
disabled={busyKey === 'system-smtp'}
>
{busyKey === 'system-core' ? '保存中...' : '保存通用设置'}
{busyKey === 'system-smtp' ? '保存中...' : '保存 SMTP 设置'}
</PrimaryButton>
}
>
<div className="space-y-5">
<ResourceField label="服务器地址">
<div className="grid gap-5 md:grid-cols-2">
<ResourceField label="SMTP 服务器">
<ResourceInput
value={systemFields.ServerAddress}
value={systemFields.SMTPServer}
onChange={(event) =>
setSystemFields((previous) => ({
...previous,
ServerAddress: event.target.value,
SMTPServer: event.target.value,
}))
}
placeholder="https://yourdomain.com"
placeholder="smtp.qq.com"
/>
</ResourceField>
<ResourceField label="SMTP 端口">
<ResourceInput
value={systemFields.SMTPPort}
onChange={(event) =>
setSystemFields((previous) => ({
...previous,
SMTPPort: event.target.value,
}))
}
placeholder="587"
/>
</ResourceField>
<ResourceField label="SMTP 账户">
<ResourceInput
value={systemFields.SMTPAccount}
onChange={(event) =>
setSystemFields((previous) => ({
...previous,
SMTPAccount: event.target.value,
}))
}
placeholder="name@example.com"
/>
</ResourceField>
<ResourceField
label="SMTP 凭证"
hint="因安全原因不会回显历史密钥，留空表示不更新。"
>
<ResourceInput
type="password"
value={systemFields.SMTPToken}
onChange={(event) =>
setSystemFields((previous) => ({
...previous,
SMTPToken: event.target.value,
}))
}
placeholder="请输入新的 SMTP 凭证"
/>
</ResourceField>
<div className="grid gap-5 md:grid-cols-2">
<ResourceField label="SMTP 服务器">
<ResourceInput
value={systemFields.SMTPServer}
onChange={(event) =>
setSystemFields((previous) => ({
...previous,
SMTPServer: event.target.value,
}))
}
placeholder="smtp.qq.com"
/>
</ResourceField>
<ResourceField label="SMTP 端口">
<ResourceInput
value={systemFields.SMTPPort}
onChange={(event) =>
setSystemFields((previous) => ({
...previous,
SMTPPort: event.target.value,
}))
}
placeholder="587"
/>
</ResourceField>
<ResourceField label="SMTP 账户">
<ResourceInput
value={systemFields.SMTPAccount}
onChange={(event) =>
setSystemFields((previous) => ({
...previous,
SMTPAccount: event.target.value,
}))
}
placeholder="name@example.com"
/>
</ResourceField>
<ResourceField
label="SMTP 凭证"
hint="因安全原因不会回显历史密钥，留空表示不更新。"
>
<ResourceInput
type="password"
value={systemFields.SMTPToken}
onChange={(event) =>
setSystemFields((previous) => ({
...previous,
SMTPToken: event.target.value,
}))
}
placeholder="请输入新的 SMTP 凭证"
/>
</ResourceField>
</div>
</div>
</AppCard>