feat(settings): 重构设置页面为标签页布局并提取通用样式

- 将设置页面从折叠面板改为标签页布局,提升操作体验
- 创建 common.less 文件集中管理全局样式(如 toast 动画)
- 移除各组件中重复的 toast 样式定义,统一维护
- 优化设置页面的视觉结构和交互逻辑
This commit is contained in:
anghunk
2026-02-02 17:09:46 +08:00
parent 4231928f9f
commit 49693ca46e
8 changed files with 545 additions and 518 deletions

View File

@@ -172,30 +172,6 @@
height: 260px;
}
.toast {
position: fixed;
top: 20px;
left: 50%;
transform: translateX(-50%);
min-width: 220px;
max-width: 320px;
padding: 10px 14px;
border-radius: 6px;
font-size: 13px;
box-shadow: var(--shadow-card);
z-index: 1000;
}
.toast-success {
background-color: var(--color-success);
color: var(--text-inverse);
}
.toast-error {
background-color: var(--color-danger);
color: var(--text-inverse);
}
@media (max-width: 768px) {
.stats-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));