// cover some element-ui styles
|
|
.el-breadcrumb__inner,
|
.el-breadcrumb__inner a {
|
font-weight: 400 !important;
|
}
|
|
.el-upload {
|
input[type="file"] {
|
display: none !important;
|
}
|
}
|
|
.el-upload__input {
|
display: none;
|
}
|
|
.cell {
|
.el-tag {
|
margin-right: 0px;
|
}
|
}
|
|
.small-padding {
|
.cell {
|
padding-left: 5px;
|
padding-right: 5px;
|
}
|
}
|
|
.fixed-width {
|
.el-button--mini {
|
padding: 7px 10px;
|
width: 60px;
|
}
|
}
|
|
.status-col {
|
.cell {
|
padding: 0 10px;
|
text-align: center;
|
|
.el-tag {
|
margin-right: 0px;
|
}
|
}
|
}
|
|
// to fixed https://github.com/ElemeFE/element/issues/2461
|
.el-dialog {
|
transform: none;
|
left: 0;
|
position: relative;
|
margin: 0 auto;
|
border-radius: 8px;
|
padding: 0 !important;
|
}
|
.el-dialog__header {
|
background: #f5f6f7;
|
padding: 12px 16px;
|
border-radius: 8px 8px 0 0;
|
}
|
.el-dialog__title {
|
font-weight: 400;
|
font-size: 16px;
|
color: #2e3033;
|
}
|
.el-dialog__body {
|
padding: 16px 40px 0 40px;
|
max-height: 74vh;
|
overflow-y: auto;
|
}
|
.el-dialog__footer {
|
text-align: center;
|
padding: 16px;
|
}
|
.el-message-box {
|
padding: 0 !important;
|
border-radius: 8px;
|
}
|
.el-message-box__header {
|
background: #f5f6f7;
|
padding: 12px 16px;
|
border-radius: 8px 8px 0 0;
|
}
|
.el-message-box__title {
|
font-weight: 400;
|
font-size: 16px;
|
color: #2e3033;
|
}
|
.el-message-box__content {
|
padding: 16px 40px 0 40px;
|
}
|
.el-message-box__container {
|
justify-content: center;
|
}
|
.el-message-box__btns {
|
text-align: center;
|
padding: 16px;
|
display: flex;
|
flex-direction: row-reverse;
|
justify-content: center;
|
align-items: center;
|
.el-button--primary {
|
margin-right: 12px;
|
}
|
}
|
.el-table__expanded-cell {
|
padding: 0 !important;
|
.el-table__header-wrapper {
|
background-color: #f5f8ff !important;
|
}
|
}
|
|
// refine element ui upload
|
.upload-container {
|
.el-upload {
|
width: 100%;
|
|
.el-upload-dragger {
|
width: 100%;
|
height: 200px;
|
}
|
}
|
}
|
|
// dropdown
|
.el-dropdown-menu {
|
a {
|
display: block;
|
}
|
}
|
|
// fix date-picker ui bug in filter-item
|
.el-range-editor.el-input__inner {
|
display: inline-flex !important;
|
}
|
|
// to fix el-date-picker css style
|
.el-range-separator {
|
box-sizing: content-box;
|
}
|
|
.el-menu--collapse
|
> div
|
> .el-submenu
|
> .el-submenu__title
|
.el-submenu__icon-arrow {
|
display: none;
|
}
|
|
.el-dropdown .el-dropdown-link {
|
color: var(--el-color-primary) !important;
|
}
|
