media.scss 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839
  1. @media (max-width: 992px){
  2. // 移动端样式覆盖
  3. .el-form-item {display: block;}
  4. .el-form-item__label {display: block;text-align: left;padding: 0 0 10px;}
  5. .el-dialog {width: 90%!important;}
  6. .el-dialog.is-fullscreen {width: 100%!important;}
  7. .el-drawer.rtl {width: 90%!important;}
  8. .el-form-item__content {margin-left: 0px!important;}
  9. .adminui-main {
  10. >.el-container {display: block;height:auto;}
  11. >.el-container > .el-aside {width: 100%!important;border: 0}
  12. }
  13. .scTable {
  14. .el-table,
  15. .el-table__body-wrapper {display: block!important;height:auto!important;}
  16. .scTable-page {padding: 0 5px!important;}
  17. .el-pagination__total,
  18. .el-pagination__jump,
  19. .scTable-do {display: none!important;}
  20. }
  21. .headerPublic {
  22. height: auto!important;display: block;
  23. .left-panel {overflow: auto;}
  24. .left-panel::-webkit-scrollbar{display: none;}
  25. .right-panel {display: block;border-top: 1px solid #ebeef5;margin-top: 15px;}
  26. .right-panel .right-panel-search {display: block;}
  27. .right-panel .right-panel-search >* {width: 100%;margin: 0;margin-top: 15px;}
  28. }
  29. .adminui-main > .el-container >*:first-child:not(.el-aside):not(.el-header) {border: 0;margin-top: 0;}
  30. .adminui-main > .el-container >*:first-child:not(.el-aside):not(.el-header) + .el-aside {margin-top: 0;}
  31. .adminui-main > .el-container > .el-aside {border-bottom: 1px solid #ebeef5!important;}
  32. .adminui-main > .el-container > .el-container {border-top: 1px solid #ebeef5;border-bottom: 1px solid #ebeef5;margin-top: 15px;}
  33. .adminui-main > .el-container > .el-header {@extend .headerPublic;border-bottom: 1px solid #ebeef5;}
  34. .adminui-main > .el-container > .el-main {border-top: 1px solid #ebeef5;border-bottom: 1px solid #ebeef5;margin-top: 15px;}
  35. .adminui-main > .el-container > .el-main + .el-aside {border-left: 0!important;border-top: 1px solid #ebeef5;margin-top: 15px;}
  36. .adminui-main > .el-container > .el-container > .el-header {@extend .headerPublic}
  37. }