// 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; }