Files
X-Financial/web/src/assets/styles/views/archive-center-view.css
caoxiaozhu 2dcc72102d style: 全局 UI 主题皮肤重构与样式模块化
引入 Element Plus 主题定制和主题皮肤 composable,将全局
样式拆分为组件级独立 CSS 文件(侧边栏、顶栏、工作台等),
统一色彩变量和间距规范,重构所有视图和组件样式以适配新
主题系统,优化图表和知识图谱组件视觉表现,提取审计和差
旅报销相关子组件。
2026-05-27 09:17:57 +08:00

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;
}