ZRAdmin-vue/src/assets/styles/element-ui.scss
2022-04-29 19:52:59 +08:00

148 lines
2.3 KiB
SCSS

// 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;
// }
// 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;
// }
// element ui 移动端组件适配
.el-icon {
vertical-align: middle;
}
@media screen and (max-width: 500px) {
.el-message {
min-width: 300px !important;
}
}
@media screen and (max-width: 500px) {
.el-message-box {
width: 300px !important;
}
.el-pagination__jump {
display: none !important;
}
.el-pagination__sizes {
display: none !important;
}
}
// dialog
@media screen and (max-width: 700px) {
.el-dialog {
--el-dialog-width: 100% !important;
--el-dialog-margin-top: 0 !important;
}
.el-dialog:not(.is-fullscreen){
margin-top: 0 !important;
}
}
/** 表格更多操作下拉样式 */
.el-table .el-dropdown-link {
cursor: pointer;
color: #409eff;
margin-left: 5px;
}
.el-table .el-dropdown,
.el-icon-arrow-down {
font-size: 12px;
}
//适配完毕
// 隐藏picture-card 上传按钮
.hide .el-upload--picture-card {
display: none;
}