seahi/blogflare
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: 重构系统与安全环境设置页面卡片布局样式
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
seahi committed 2026-09-27 21:46:57 +08:00
1 parent d11968d6da
commit 1c475a7e7a
1 file changed
+30 -31
Download Patch File Download Diff File Expand all files Collapse all files
src/routes/admin/settings/+page.svelte
+30 -31
View File
@@ -63,29 +63,26 @@
<div class="settings-container"> <div class="settings-container">
{#if activeTab === 'basic'} {#if activeTab === 'basic'}
<div class="settings-card full-width"> <div class="env-cards-grid">
<h3 class="section-title">系统与安全环境</h3> <div class="env-card">
<div class="info-grid" style="margin: 0;"> <span class="label">驱动框架</span>
<div class="info-item"> <span class="value">SvelteKit 5 + Cloudflare</span>
<span class="label">驱动框架</span> </div>
<span class="value">SvelteKit 5 + Cloudflare</span> <div class="env-card">
</div> <span class="label">当前管理员</span>
<div class="info-item"> <span class="value">{data.user?.email || '未知用户'}</span>
<span class="label">当前管理员</span> </div>
<span class="value">{data.user?.email || '未知用户'}</span> <div class="env-card">
</div> <span class="label">数据库绑定</span>
<div class="info-item"> <span class="value"><span class="badge">{data.platformEnv}</span></span>
<span class="label">数据库绑定</span> </div>
<span class="value"><span class="badge">{data.platformEnv}</span></span> <div class="env-card">
</div> <span class="label">R2存储绑定</span>
<div class="info-item"> <span class="value"><span class="badge">{data.r2Env}</span></span>
<span class="label">R2存储绑定</span> </div>
<span class="value"><span class="badge">{data.r2Env}</span></span> <div class="env-card">
</div> <span class="label">鉴权模式</span>
<div class="info-item"> <span class="value">Cloudflare Access (Zero Trust)</span>
<span class="label">鉴权模式</span>
<span class="value">Cloudflare Access (Zero Trust)</span>
</div>
</div> </div>
</div> </div>
@@ -393,28 +390,30 @@
flex-direction: column; flex-direction: column;
} }
.info-grid { .env-cards-grid {
display: grid; display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 24px 20px; gap: 16px;
background: transparent; width: 100%;
padding: 10px 0;
border: none;
} }
.info-item { .env-card {
background: rgba(0, 0, 0, 0.03);
border: none;
border-radius: 0;
padding: 16px 20px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 8px; gap: 8px;
} }
.info-item .label { .env-card .label {
color: var(--text-muted, rgba(0, 0, 0, 0.6)); color: var(--text-muted, rgba(0, 0, 0, 0.6));
font-size: 0.85rem; font-size: 0.85rem;
font-weight: 500; font-weight: 500;
} }
.info-item .value { .env-card .value {
color: var(--text-color); color: var(--text-color);
font-weight: 600; font-weight: 600;
font-size: 0.95rem; font-size: 0.95rem;