feat(desktop): 收口桌面工作台视觉与活动反馈
This commit is contained in:
Cheng Zhou
@@ -638,6 +638,237 @@ body {
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
/* Desktop workbench density */
|
||||
.desktop-workbench {
|
||||
--ctms-radius-sm: 5px;
|
||||
--ctms-radius: 6px;
|
||||
--ctms-radius-lg: 8px;
|
||||
--ctms-shadow-sm: none;
|
||||
--ctms-shadow: none;
|
||||
--ctms-shadow-md: none;
|
||||
--ctms-shadow-lg: none;
|
||||
}
|
||||
|
||||
.desktop-workbench .desktop-route-shell {
|
||||
color: var(--ctms-text-regular);
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.desktop-workbench .desktop-route-shell .page,
|
||||
.desktop-workbench .desktop-route-shell .ctms-page {
|
||||
gap: 10px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.desktop-workbench .desktop-route-shell .el-card,
|
||||
.desktop-workbench .desktop-route-shell .unified-shell,
|
||||
.desktop-workbench .desktop-route-shell .ctms-state,
|
||||
.desktop-workbench .desktop-route-shell .ctms-section-card,
|
||||
.desktop-workbench .desktop-route-shell .ctms-table-card,
|
||||
.desktop-workbench .desktop-route-shell .table-card,
|
||||
.desktop-workbench .desktop-route-shell .detail-card,
|
||||
.desktop-workbench .desktop-route-shell .stats-card,
|
||||
.desktop-workbench .desktop-route-shell .notifications-card,
|
||||
.desktop-workbench .desktop-route-shell .hero-card,
|
||||
.desktop-workbench .desktop-route-shell .hero-banner,
|
||||
.desktop-workbench .desktop-route-shell .faq-hero {
|
||||
border: 1px solid #d9e2ec;
|
||||
border-radius: 6px !important;
|
||||
background: #ffffff;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.desktop-workbench .desktop-route-shell .hero-banner,
|
||||
.desktop-workbench .desktop-route-shell .hero-card,
|
||||
.desktop-workbench .desktop-route-shell .faq-hero {
|
||||
min-height: 0;
|
||||
padding: 12px 14px !important;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.desktop-workbench .desktop-route-shell .hero-banner::before,
|
||||
.desktop-workbench .desktop-route-shell .hero-banner::after,
|
||||
.desktop-workbench .desktop-route-shell .hero-card::before,
|
||||
.desktop-workbench .desktop-route-shell .hero-card::after,
|
||||
.desktop-workbench .desktop-route-shell .faq-hero::before,
|
||||
.desktop-workbench .desktop-route-shell .faq-hero::after,
|
||||
.desktop-workbench .desktop-route-shell .hero-bg-pattern,
|
||||
.desktop-workbench .desktop-route-shell .hero-accent {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.desktop-workbench .desktop-route-shell .hero-top,
|
||||
.desktop-workbench .desktop-route-shell .hero-content,
|
||||
.desktop-workbench .desktop-route-shell .hero-body {
|
||||
margin-bottom: 10px !important;
|
||||
}
|
||||
|
||||
.desktop-workbench .desktop-route-shell .hero-title,
|
||||
.desktop-workbench .desktop-route-shell .faq-hero h1 {
|
||||
color: var(--ctms-text-main) !important;
|
||||
font-size: 16px !important;
|
||||
font-weight: 750 !important;
|
||||
line-height: 1.35;
|
||||
}
|
||||
|
||||
.desktop-workbench .desktop-route-shell .hero-stats,
|
||||
.desktop-workbench .desktop-route-shell .hero-meta,
|
||||
.desktop-workbench .desktop-route-shell .hero-status-row {
|
||||
gap: 6px !important;
|
||||
}
|
||||
|
||||
.desktop-workbench .desktop-route-shell .hero-stat,
|
||||
.desktop-workbench .desktop-route-shell .hero-status-item {
|
||||
min-height: 0;
|
||||
padding: 8px 10px !important;
|
||||
border: 1px solid #e1e8f0;
|
||||
border-radius: 6px !important;
|
||||
background: #f8fafc !important;
|
||||
box-shadow: none !important;
|
||||
transform: none !important;
|
||||
}
|
||||
|
||||
.desktop-workbench .desktop-route-shell .table-card-toolbar,
|
||||
.desktop-workbench .desktop-route-shell .ctms-page-header,
|
||||
.desktop-workbench .desktop-route-shell .ctms-section-header {
|
||||
min-height: 0;
|
||||
padding: 9px 12px;
|
||||
border-bottom-color: #d9e2ec;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.desktop-workbench .desktop-route-shell .toolbar-filters,
|
||||
.desktop-workbench .desktop-route-shell .toolbar-right,
|
||||
.desktop-workbench .desktop-route-shell .ctms-page-actions,
|
||||
.desktop-workbench .desktop-route-shell .ctms-section-actions {
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.desktop-workbench .desktop-route-shell .el-card__header {
|
||||
padding: 10px 12px;
|
||||
}
|
||||
|
||||
.desktop-workbench .desktop-route-shell .el-card__body {
|
||||
padding: 12px;
|
||||
}
|
||||
|
||||
.desktop-workbench .desktop-route-shell .el-button {
|
||||
min-height: 28px;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.desktop-workbench .desktop-route-shell .el-button--small {
|
||||
min-height: 26px;
|
||||
padding: 0 8px;
|
||||
}
|
||||
|
||||
.desktop-workbench .desktop-route-shell .el-input__wrapper,
|
||||
.desktop-workbench .desktop-route-shell .el-select .el-input__wrapper,
|
||||
.desktop-workbench .desktop-route-shell .el-textarea__inner {
|
||||
border-radius: 6px;
|
||||
min-height: 30px;
|
||||
}
|
||||
|
||||
.desktop-workbench .desktop-route-shell .el-form-item {
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.desktop-workbench .desktop-route-shell .el-form-item__label,
|
||||
.desktop-workbench .desktop-route-shell .filter-label,
|
||||
.desktop-workbench .desktop-route-shell .ctms-filter-label {
|
||||
font-size: 11px;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.desktop-workbench .desktop-route-shell .form-section {
|
||||
padding-bottom: 4px;
|
||||
}
|
||||
|
||||
.desktop-workbench .desktop-route-shell .form-section + .form-section {
|
||||
margin-top: 14px;
|
||||
padding-top: 14px;
|
||||
}
|
||||
|
||||
.desktop-workbench .desktop-route-shell .form-section-title,
|
||||
.desktop-workbench .desktop-route-shell .ctms-section-title {
|
||||
margin-bottom: 10px;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.desktop-workbench .desktop-route-shell .el-table th.el-table__cell {
|
||||
height: 34px;
|
||||
padding: 8px 10px;
|
||||
border-bottom: 1px solid #d9e2ec !important;
|
||||
background: #f4f7fa;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.desktop-workbench .desktop-route-shell .el-table td.el-table__cell {
|
||||
padding: 7px 10px;
|
||||
border-bottom-color: #edf1f5;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.desktop-workbench .desktop-route-shell .el-table--enable-row-hover .el-table__row:hover > td.el-table__cell {
|
||||
background-color: #eef4fa;
|
||||
}
|
||||
|
||||
.desktop-workbench .desktop-route-shell .el-descriptions__cell {
|
||||
padding: 8px 10px;
|
||||
}
|
||||
|
||||
.desktop-workbench .desktop-route-shell .el-drawer__header {
|
||||
margin-bottom: 0;
|
||||
padding: 14px 18px 8px;
|
||||
}
|
||||
|
||||
.desktop-workbench .desktop-route-shell .el-drawer__body {
|
||||
padding: 0 18px 4px;
|
||||
}
|
||||
|
||||
.desktop-workbench .desktop-route-shell .el-drawer__footer {
|
||||
padding: 10px 18px 14px;
|
||||
border-top: 1px solid #d9e2ec;
|
||||
}
|
||||
|
||||
:root[data-ctms-theme="dark"] .desktop-workbench .desktop-route-shell .el-card,
|
||||
:root[data-ctms-theme="dark"] .desktop-workbench .desktop-route-shell .unified-shell,
|
||||
:root[data-ctms-theme="dark"] .desktop-workbench .desktop-route-shell .ctms-state,
|
||||
:root[data-ctms-theme="dark"] .desktop-workbench .desktop-route-shell .ctms-section-card,
|
||||
:root[data-ctms-theme="dark"] .desktop-workbench .desktop-route-shell .ctms-table-card,
|
||||
:root[data-ctms-theme="dark"] .desktop-workbench .desktop-route-shell .table-card,
|
||||
:root[data-ctms-theme="dark"] .desktop-workbench .desktop-route-shell .detail-card,
|
||||
:root[data-ctms-theme="dark"] .desktop-workbench .desktop-route-shell .stats-card,
|
||||
:root[data-ctms-theme="dark"] .desktop-workbench .desktop-route-shell .notifications-card,
|
||||
:root[data-ctms-theme="dark"] .desktop-workbench .desktop-route-shell .hero-card,
|
||||
:root[data-ctms-theme="dark"] .desktop-workbench .desktop-route-shell .hero-banner,
|
||||
:root[data-ctms-theme="dark"] .desktop-workbench .desktop-route-shell .faq-hero {
|
||||
border-color: #26364a;
|
||||
background: #172033;
|
||||
}
|
||||
|
||||
:root[data-ctms-theme="dark"] .desktop-workbench .desktop-route-shell .hero-stat,
|
||||
:root[data-ctms-theme="dark"] .desktop-workbench .desktop-route-shell .hero-status-item {
|
||||
border-color: #26364a;
|
||||
background: #111827 !important;
|
||||
}
|
||||
|
||||
:root[data-ctms-theme="dark"] .desktop-workbench .desktop-route-shell .table-card-toolbar,
|
||||
:root[data-ctms-theme="dark"] .desktop-workbench .desktop-route-shell .ctms-page-header,
|
||||
:root[data-ctms-theme="dark"] .desktop-workbench .desktop-route-shell .ctms-section-header,
|
||||
:root[data-ctms-theme="dark"] .desktop-workbench .desktop-route-shell .el-drawer__footer {
|
||||
border-color: #26364a;
|
||||
}
|
||||
|
||||
:root[data-ctms-theme="dark"] .desktop-workbench .desktop-route-shell .el-table th.el-table__cell {
|
||||
border-bottom-color: #26364a !important;
|
||||
background: #111827;
|
||||
}
|
||||
|
||||
:root[data-ctms-theme="dark"] .desktop-workbench .desktop-route-shell .el-table td.el-table__cell {
|
||||
border-bottom-color: #26364a;
|
||||
}
|
||||
|
||||
/* ============================================================
|
||||
* 全局弹窗定位修复：弹窗仅显示在主内容区域，不覆盖左侧菜单栏
|
||||
* --ctms-sidebar-width 由 Layout.vue 在 body 上动态设置
|
||||
|
||||
Reference in New Issue
Block a user