plus-ui/src/assets/styles/components/_card-shell.scss

67 lines
1.6 KiB
SCSS
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

/* 业务列表/卡片页分页、树、列表、el-card 等(与 vendors/element-plus 通用覆盖叠加,入口顺序见 index.scss
* 属「页面模式」而非 EP 公共主题,故放在 components。 */
// --- 历史「表单分区标题」样式 ---
.form-header {
font-size: 15px;
color: #6379bb;
border-bottom: 1px solid #ddd;
margin: 8px 10px 25px 10px;
padding-bottom: 5px;
}
// --- 树形容器描边(暗色覆盖在 _search-panel ---
.tree-border {
margin-top: 8px;
border: 1px solid rgba(148, 163, 184, 0.16);
background: rgba(255, 255, 255, 0.42) none;
border-radius: 22px;
width: 100%;
padding: 12px;
}
@media (max-width: 768px) {
.pagination-container .el-pagination > .el-pagination__jump {
display: none !important;
}
.pagination-container .el-pagination > .el-pagination__sizes {
display: none !important;
}
}
.el-tree-node__content > .el-checkbox {
margin-right: 8px;
}
// --- el-card 本业务页外观(与 EP vendors 叠加) ---
.el-card__header {
padding: 14px 16px 10px !important;
min-height: auto;
background: transparent;
border-bottom: 1px solid rgba(148, 163, 184, 0.14);
}
.el-card__body {
padding: 16px !important;
}
.el-card {
border-radius: var(--app-radius-lg);
box-shadow: var(--app-shadow-sm);
border-color: var(--app-surface-border);
overflow: hidden;
transition: box-shadow 0.2s ease, border-color 0.2s ease;
background: var(--app-surface-bg);
}
.el-card:hover {
box-shadow: var(--app-shadow-md);
border-color: rgba(64, 158, 255, 0.16);
}
.card-box {
margin-bottom: 10px;
}