引入 Element Plus 主题定制和主题皮肤 composable,将全局 样式拆分为组件级独立 CSS 文件(侧边栏、顶栏、工作台等), 统一色彩变量和间距规范,重构所有视图和组件样式以适配新 主题系统,优化图表和知识图谱组件视觉表现,提取审计和差 旅报销相关子组件。
56 lines
1.0 KiB
CSS
56 lines
1.0 KiB
CSS
.archive-page .status-tag.archived {
|
|
color: var(--theme-primary-active);
|
|
background: var(--theme-primary-soft);
|
|
border: 1px solid rgba(var(--theme-primary-rgb), 0.22);
|
|
}
|
|
|
|
.archive-page .risk-tag.none {
|
|
background: #f1f5f9;
|
|
color: #64748b;
|
|
}
|
|
|
|
.archive-filter-control {
|
|
display: inline-flex;
|
|
}
|
|
|
|
.archive-filter-trigger {
|
|
gap: 10px;
|
|
}
|
|
|
|
.archive-filter-trigger:focus-visible {
|
|
border-color: var(--theme-primary);
|
|
box-shadow: 0 0 0 3px var(--theme-focus-ring);
|
|
outline: none;
|
|
}
|
|
|
|
:global(.archive-filter-menu) {
|
|
min-width: 156px;
|
|
}
|
|
|
|
:global(.archive-filter-menu .el-dropdown-menu) {
|
|
padding: 6px;
|
|
}
|
|
|
|
:global(.archive-filter-option) {
|
|
min-height: 34px;
|
|
border-radius: 4px;
|
|
color: #334155;
|
|
font-size: 13px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
:global(.archive-filter-option .mdi-check) {
|
|
margin-right: 8px;
|
|
color: var(--theme-primary-active);
|
|
}
|
|
|
|
:global(.archive-filter-option.is-active),
|
|
:global(.archive-filter-option:hover) {
|
|
background: var(--theme-primary-soft);
|
|
color: var(--theme-primary-active);
|
|
}
|
|
|
|
.archive-page .hint {
|
|
color: #475569;
|
|
}
|