64 lines
4.6 KiB
SCSS
64 lines
4.6 KiB
SCSS
/* 覆盖element-plus样式 */
|
|
.el-menu {border: none!important;}
|
|
.el-menu-item.is-active {background: #ecf5ff;}
|
|
.el-menu .el-menu-item a {color: inherit;text-decoration: none;display: block;width:100%;height:100%;position: absolute;top:0px;left:0px;}
|
|
.el-form-item-msg {font-size: 12px;color: #999;}
|
|
.el-container {height: 100%;}
|
|
.el-aside {border-right: 1px solid #e6e6e6;background: #fff;}
|
|
.el-header {background: #fff;border-bottom: 1px solid #e6e6e6;padding:13px 15px;display: flex;justify-content: space-between;align-items: center;}
|
|
.el-header .left-panel {display: flex;align-items: center;}
|
|
.el-header .right-panel {display: flex;align-items: center;}
|
|
.el-header .right-panel > * + * {margin-left:10px;}
|
|
.el-footer {background: #fff;border-top: 1px solid #e6e6e6;padding:13px 15px;}
|
|
.el-main {padding:15px;}
|
|
.el-main.nopadding {padding:0;background: #fff;}
|
|
.el-drawer__body {overflow: auto;}
|
|
.el-popconfirm__main {margin: 14px 0;}
|
|
.el-card__header {border-bottom: 0;font-size: 17px;font-weight: bold;padding:15px 20px;}
|
|
.el-dialog__title {font-size: 17px;font-weight: bold;}
|
|
.el-drawer__header>:first-child {font-size: 17px;font-weight: bold;}
|
|
.el-tree.menu .el-tree-node__content {height:36px;}
|
|
.el-tree.menu .el-tree-node__content .el-tree-node__label .icon {margin-right: 5px;}
|
|
.el-input-number__decrease, .el-input-number__increase {top:2px;}
|
|
.el-menu-item [class^=sc-icon-] {font-size: 18px;display: inline-block;line-height: 1;}
|
|
.el-menu-item [class^=sc-icon-], .el-submenu [class^=sc-icon-] {margin-right: 5px;vertical-align: middle;width: 24px;text-align: center;}
|
|
.el-progress__text {font-size: 12px!important;}
|
|
.el-progress__text i {font-size: 14.4px!important;}
|
|
.el-step.is-horizontal .el-step__line {height:1px;}
|
|
.el-step__title {font-size: 14px;}
|
|
.drawerBG {background: #f6f8f9;}
|
|
.el-button+.el-dropdown {margin-left: 10px;}
|
|
.el-button-group+.el-dropdown {margin-left: 10px;}
|
|
.el-tag+.el-tag {margin-left: 10px;}
|
|
.el-button-group+.el-button-group {margin-left: 10px;}
|
|
.el-tabs__nav-wrap::after {height: 1px;}
|
|
.el-table th.is-sortable {transition: .1s;}
|
|
.el-table th.is-sortable:hover {background: #eee;}
|
|
.el-table .el-table__body-wrapper {background: #f6f8f9;}
|
|
.el-col .el-card {margin-bottom: 15px;}
|
|
|
|
/* 动态值 */
|
|
.el-button--default:active, .el-button--default.is-plain:active {border-color: var(--el-color-primary-darken-1, #0d84ff);color: var(--el-color-primary-darken-1, #0d84ff);}
|
|
.el-button--primary {background-color: var(--el-color-primary);border-color: var(--el-color-primary);}
|
|
.el-button--primary:focus, .el-button--primary:hover {background: var(--el-color-primary-light-2);border-color: var(--el-color-primary-light-2);}
|
|
.el-button--primary:active {background-color: var(--el-color-primary-darken-1, #0d84ff);border-color: var(--el-color-primary-darken-1, #0d84ff);color: #fff;}
|
|
.el-button--primary.is-plain {background: var(--el-color-primary-light-9);border-color: var(--el-color-primary-light-6);color: var(--el-color-primary);}
|
|
.el-button--primary.is-plain:focus, .el-button--primary.is-plain:hover {background-color: var(--el-color-primary);border-color: var(--el-color-primary);}
|
|
.el-button--primary.is-plain:active {background-color: var(--el-color-primary-darken-1, #0d84ff);border-color: var(--el-color-primary-darken-1, #0d84ff);}
|
|
.el-button--primary.is-plain.is-disabled, .el-button--primary.is-plain.is-disabled:active, .el-button--primary.is-plain.is-disabled:focus, .el-button--primary.is-plain.is-disabled:hover {background: var(--el-color-primary-light-9);border-color: var(--el-color-primary-light-8);color: var(--el-color-primary-light-4);}
|
|
.el-button--text:focus, .el-button--text:hover {color: var(--el-color-primary-light-2);border-color: transparent;background-color: transparent;}
|
|
.el-menu-item.is-active {background: var(--el-color-primary-light-9);color: var(--el-color-primary)!important;}
|
|
|
|
.adminui-header {background-color: var(--el-color-primary);}
|
|
.aminui-side-split li.active {background-color: var(--el-color-primary);}
|
|
.adminui-tags li:hover {background-color: var(--el-color-primary-light-9);}
|
|
.adminui-tags li.active {background-color: var(--el-color-primary)!important;}
|
|
.contextmenu li:hover {background-color: var(--el-color-primary-light-9)!important;color: var(--el-color-primary-light-2)!important;}
|
|
.data-box .item-background {background-color: var(--el-color-primary)!important;}
|
|
.layout-setting,.diy-grid-setting {background-color: var(--el-color-primary)!important;}
|
|
|
|
/* 覆盖tinymce样式 */
|
|
.sceditor .tox-tinymce {border: 1px solid #DCDFE6;}
|
|
.sceditor .tox .tox-statusbar {border-top: 1px solid #DCDFE6;}
|
|
.sceditor .tox .tox-toolbar__primary {background: #f6f8f9;border-bottom: 1px solid #DCDFE6;}
|