refactor: 优化后台管理设置页面的标签页与系统信息布局
continuous-integration/drone/push Build is passing

This commit is contained in:
seahi committed 2026-08-14 18:22:21 +08:00
1 parent 8af72abe80
commit ee981b1785
1 file changed
+29 -32
+29 -32
View File
@@ -31,8 +31,7 @@
tabs={[ tabs={[
{ id: 'basic', label: '基础信息' }, { id: 'basic', label: '基础信息' },
{ id: 'appearance', label: '外观与主页' }, { id: 'appearance', label: '外观与主页' },
{ id: 'terms', label: '术语设定' }, { id: 'terms', label: '术语设定' }
{ id: 'system', label: '系统与安全' }
]} ]}
bind:activeTab bind:activeTab
/> />
@@ -102,6 +101,34 @@
</div> </div>
</form> </form>
</div> </div>
<div class="settings-card">
<h3>系统信息</h3>
<div class="info-row">
<span class="label">主题风格</span>
<span class="value">Typecho Theme VOID</span>
</div>
<div class="info-row">
<span class="label">驱动框架</span>
<span class="value">SvelteKit 5 + Cloudflare</span>
</div>
</div>
<div class="settings-card">
<h3>安全与环境</h3>
<div class="info-row">
<span class="label">当前管理员</span>
<span class="value">{data.user?.email || '未知用户'}</span>
</div>
<div class="info-row">
<span class="label">数据库绑定</span>
<span class="value"><span class="badge">{data.platformEnv}</span></span>
</div>
<div class="info-row">
<span class="label">鉴权模式</span>
<span class="value">Cloudflare Access (Zero Trust)</span>
</div>
</div>
{/if} {/if}
{#if activeTab === 'appearance'} {#if activeTab === 'appearance'}
@@ -156,36 +183,6 @@
</div> </div>
{/if} {/if}
{#if activeTab === 'system'}
<div class="settings-card">
<h3>系统信息</h3>
<div class="info-row">
<span class="label">主题风格</span>
<span class="value">Typecho Theme VOID</span>
</div>
<div class="info-row">
<span class="label">驱动框架</span>
<span class="value">SvelteKit 5 + Cloudflare</span>
</div>
</div>
<div class="settings-card">
<h3>安全与环境</h3>
<div class="info-row">
<span class="label">当前管理员</span>
<span class="value">{data.user?.email || '未知用户'}</span>
</div>
<div class="info-row">
<span class="label">数据库绑定</span>
<span class="value"><span class="badge">{data.platformEnv}</span></span>
</div>
<div class="info-row">
<span class="label">鉴权模式</span>
<span class="value">Cloudflare Access (Zero Trust)</span>
</div>
</div>
{/if}
{#if activeTab === 'terms'} {#if activeTab === 'terms'}
<div class="settings-card full-width"> <div class="settings-card full-width">
<h3>个性化术语设定</h3> <h3>个性化术语设定</h3>