Files
SPDM/src/assets/styles/elementPlus.scss
2026-03-31 10:17:54 +08:00

136 lines
2.6 KiB
SCSS

.el-menu {
border-right: none !important;
&:not(.el-menu--collapse) {
width: 254px;
}
.el-sub-menu {
&.is-active {
> .el-sub-menu__title {
color: var(--el-color-primary);
}
}
}
}
.el-date-editor {
width: 100% !important;
}
.el-drawer {
.el-drawer__header {
margin-bottom: 0;
}
}
.el-breadcrumb {
.el-breadcrumb__item {
cursor: pointer;
}
}
.el-dialog {
.el-dialog__footer {
text-align: center;
}
}
.el-upload {
width: 100%;
justify-content: flex-start;
}
.el-tree {
.el-tree-node__content {
padding-top: 5px;
padding-bottom: 5px;
height: 36px;
}
}
.el-progress {
.el-progress__text {
font-size: 14px !important;
color: var(--el-text-color-primary);
}
}
.vxe-modal--body {
max-height: calc(100vh - 44px);
.vxe-modal--body-default {
padding: var(--padding-medium) !important;
// padding-left: 30px !important;
// padding-right: 30px !important;
}
}
.vxe-modal--footer {
text-align: center !important;
padding-left: 30px !important;
padding-right: 30px !important;
}
// .vxe-modal--wrapper.type--modal .vxe-modal--body .vxe-modal--content {
// padding-right: var(--padding-medium);
// }
.vxe-table--resizable-col-bar {
.vxe-table--resizable-number-tip {
background-color: var(--el-color-primary) !important;
}
&:before {
background-color: var(--el-color-primary) !important;
}
}
.vxe-table {
.vxe-table--border-line {
border: none !important;
}
.vxe-header--row {
.vxe-table--column {
&:hover {
background-color: var(--el-border-color-light);
.vxe-cell--col-resizable {
display: block;
}
}
.vxe-cell--col-resizable {
display: none;
}
.vxe-header-cell--wrapper {
display: flex;
align-items: center;
}
}
}
.vxe-cell--title {
color: var(--el-text-color-placeholder);
}
.vxe-table--header-wrapper {
background-color: var(--el-bg-color) !important;
}
.fixed--width {
overflow: hidden;
}
}
.el-notification-button-box {
width: 100%;
display: flex;
align-items: center;
justify-content: flex-end;
}
.el-tabs {
height: 100%;
.el-tab-pane {
height: 100%;
}
&--card {
> .el-tabs__header {
.el-tabs__nav {
border-radius: 8px 8px 0 0;
}
.el-tabs__item {
&:first-child {
border-radius: 8px 0 0 0;
}
&:last-child {
border-radius: 0 8px 0 0;
}
&.is-active {
background: var(--el-color-primary-light-9) !important;
}
}
}
}
}