form.scss 725 B

12345678910111213141516171819202122232425262728293031
  1. @import './index.scss';
  2. /* 页面宽度小于576px
  3. ------------------------------- */
  4. @media screen and (max-width: $xs) {
  5. .el-form-item__label {
  6. width: 100% !important;
  7. text-align: left !important;
  8. // 移动端 label 右对齐问题
  9. justify-content: flex-start !important;
  10. }
  11. .el-form-item__content {
  12. margin-left: 0 !important;
  13. }
  14. .el-form-item {
  15. // 响应式表单时,登录页需要重新处理
  16. display: unset !important;
  17. }
  18. // 表格演示中的表单筛选
  19. .table-form-btn {
  20. display: flex !important;
  21. .el-form-item__label {
  22. width: auto !important;
  23. }
  24. }
  25. // 表格演示中的表单筛选最大高度,适配移动端
  26. .table-search-container {
  27. max-height: 160px;
  28. overflow: auto;
  29. }
  30. }