feat(settings): 重构设置页面为标签页布局并提取通用样式
- 将设置页面从折叠面板改为标签页布局,提升操作体验 - 创建 common.less 文件集中管理全局样式(如 toast 动画) - 移除各组件中重复的 toast 样式定义,统一维护 - 优化设置页面的视觉结构和交互逻辑
This commit is contained in:
@@ -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));
|
||||
|
||||
Reference in New Issue
Block a user