Victor_Jay
0b948cf70f
新增 4 项可配置站点设置（DB持久化+内存缓存，即时生效）： - site.brand 品牌名（页面标题/页脚/管理面板，默认 MetaLab） - site.framework 框架名（页脚标识，默认 MetaZone） - site.copyright_start 版权起始年（页脚，默认 2024） - registration.enabled 注册开关（关闭后禁止新用户注册，默认 true） 实现方式： - InjectSiteInfo 中间件：全局注入 Brand/Framework/CopyrightStart 到 gin.Context - BuildPageData 读取 context，所有 SSR 页面自动获取站点信息 - AuthService.Register 最先检查 IsRegistrationEnabled() - 管理后台新增「基本设置」+「注册设置」区块，文本输入手动保存 + Toggle 即时生效
97 lines
2.7 KiB
CSS
97 lines
2.7 KiB
CSS
/* =====================================================
|
|
MetaLab 管理面板 - 站点设置
|
|
单一职责：设置页面布局、表单分组、开关组件
|
|
===================================================== */
|
|
|
|
/* --- 设置区块 --- */
|
|
.settings-section {
|
|
background: var(--bg-card);
|
|
border-radius: var(--radius);
|
|
box-shadow: var(--shadow);
|
|
margin-bottom: 20px;
|
|
overflow: hidden;
|
|
}
|
|
.section-title {
|
|
font-size: 15px; font-weight: 600;
|
|
color: var(--text);
|
|
padding: 16px 20px;
|
|
border-bottom: 1px solid var(--border);
|
|
background: #fafafa;
|
|
}
|
|
.section-body { padding: 4px 0; }
|
|
|
|
/* --- 设置条目 --- */
|
|
.setting-item {
|
|
display: flex; align-items: center; justify-content: space-between;
|
|
padding: 14px 20px;
|
|
border-bottom: 1px solid #f5f5f5;
|
|
gap: 20px;
|
|
}
|
|
.setting-item:last-child { border-bottom: none; }
|
|
.setting-info { flex: 1; min-width: 0; }
|
|
.setting-label {
|
|
font-size: 13px; font-weight: 500;
|
|
color: var(--text); display: block;
|
|
}
|
|
.setting-desc {
|
|
font-size: 12px; color: var(--text-muted);
|
|
margin-top: 2px;
|
|
}
|
|
.setting-value {
|
|
font-size: 12px; color: var(--text-muted);
|
|
margin-top: 2px; font-family: monospace;
|
|
background: #f5f6fa; padding: 2px 6px; border-radius: 3px;
|
|
display: inline-block;
|
|
word-break: break-all;
|
|
}
|
|
|
|
/* --- 文本输入框 + 保存按钮 --- */
|
|
.setting-input-wrap {
|
|
display: flex; gap: 8px; align-items: center; flex-shrink: 0;
|
|
}
|
|
.setting-input {
|
|
padding: 6px 10px; border: 1px solid var(--border);
|
|
border-radius: 4px; font-size: 13px; width: 200px;
|
|
outline: none; transition: border-color 0.2s;
|
|
}
|
|
.setting-input:focus { border-color: var(--primary); }
|
|
.btn-save { width: 56px; text-align: center; }
|
|
.btn-save:disabled { opacity: 0.5; cursor: not-allowed; }
|
|
|
|
/* --- 空状态 --- */
|
|
.settings-empty {
|
|
text-align: center; padding: 28px 20px;
|
|
color: var(--text-muted); font-size: 13px;
|
|
}
|
|
|
|
/* --- Toggle 开关 --- */
|
|
.toggle-switch {
|
|
position: relative; display: inline-block;
|
|
width: 44px; height: 24px; flex-shrink: 0;
|
|
}
|
|
.toggle-switch input { opacity: 0; width: 0; height: 0; }
|
|
.toggle-slider {
|
|
position: absolute; cursor: pointer;
|
|
top: 0; left: 0; right: 0; bottom: 0;
|
|
background: #ccc;
|
|
border-radius: 24px;
|
|
transition: background 0.2s;
|
|
}
|
|
.toggle-slider::before {
|
|
position: absolute; content: "";
|
|
height: 18px; width: 18px;
|
|
left: 3px; bottom: 3px;
|
|
background: #fff;
|
|
border-radius: 50%;
|
|
transition: transform 0.2s;
|
|
}
|
|
.toggle-switch input:checked + .toggle-slider {
|
|
background: var(--primary);
|
|
}
|
|
.toggle-switch input:checked + .toggle-slider::before {
|
|
transform: translateX(20px);
|
|
}
|
|
.toggle-switch input:disabled + .toggle-slider {
|
|
opacity: 0.4; cursor: not-allowed;
|
|
}
|