global.less 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133
  1. // @import 'styles/less/mix.less';
  2. // @import 'styles/less/top.less';
  3. @import 'styles/less/sundata.less';
  4. @import 'styles/less/font.less';
  5. //隐藏页面大标题
  6. .ant-page-header-heading {
  7. display: none !important;
  8. }
  9. //隐藏面包屑
  10. .ant-page-header-breadcrumb {
  11. display: none;
  12. }
  13. .ant-pro .ant-pro-layout .ant-pro-layout-content {
  14. padding-block: 0;
  15. padding-inline: 0;
  16. }
  17. //header区域底部填充清空
  18. .ant-page-header {
  19. padding-bottom: 0 !important;
  20. }
  21. //弹窗内容区域边框角度调整(去除提示框)
  22. .ant-modal-content .ant-modal-body:not(.ant-modal-confirm .ant-modal-content .ant-modal-body) {
  23. border-top-left-radius: var(--ant-border-radius) !important;
  24. border-top-right-radius: var(--ant-border-radius) !important;
  25. }
  26. //弹窗按钮区域上边距清除(去除提示框)
  27. .ant-modal-content .ant-modal-footer:not(.ant-modal-confirm .ant-modal-content .ant-modal-footer) {
  28. margin-top: 0 !important;
  29. }
  30. //弹窗按钮区域边框角度调整(去除提示框)
  31. .ant-modal-content .ant-modal-footer>div:not(.ant-modal-confirm .ant-modal-content .ant-modal-footer>div) {
  32. border-top: 1px solid #F0F0F0;
  33. border-bottom-left-radius: var(--ant-border-radius) !important;
  34. border-bottom-right-radius: var(--ant-border-radius) !important;
  35. }
  36. //表单组件最大宽度调整(去除查询条件,登录页面)
  37. .ant-form-item .ant-form-item-control-input-content:not(.ant-pro-table-search .ant-form-item .ant-form-item-control-input-content,.mainkuang .ant-form-item .ant-form-item-control-input-content) {
  38. max-width: 90% !important;
  39. }
  40. //列表行间隔变色
  41. // 偶数行
  42. .ant-table-tbody>tr:nth-child(odd)>td {
  43. background-color: #FCFCFC;
  44. }
  45. /* 隐藏表单底部空白 */
  46. .ant-form>.ant-pro-card {
  47. display: none;
  48. }
  49. /* 调整tab显示等级 */
  50. .runtime-keep-alive-tabs-layout>.ant-tabs>div {
  51. z-index: 3 !important;
  52. }
  53. //////////////////////////////////////////////////////////////////////
  54. /* tab头背景色调整 */
  55. .ant-tabs-card >div>.ant-tabs-nav .ant-tabs-tab {
  56. background: var(--ant-base-color) !important;
  57. border: 0 !important;
  58. }
  59. .ant-tabs-card.ant-tabs-top >div>.ant-tabs-nav .ant-tabs-tab-active {
  60. background: var(--ant-bg-color) !important;
  61. border-bottom-color: var(--ant-bg-color) !important;
  62. }
  63. //通知提醒框样式调整
  64. .ant-notification-notice-error {
  65. padding: 10px 0 !important;
  66. }
  67. .ant-notification .ant-notification-notice .ant-notification-notice-with-icon .ant-notification-notice-message {
  68. margin-inline-start: 16px !important;
  69. }
  70. //确认对话框样式调整
  71. .ant-modal-confirm .ant-modal-confirm-body .ant-modal-confirm-title +.ant-modal-confirm-content {
  72. max-width: 100% !important;
  73. }
  74. .ant-pro-form-group-title {
  75. margin-block-end: 0 !important;
  76. }
  77. //对话框按钮居中
  78. .ant-modal-confirm .ant-modal-confirm-btns {
  79. text-align: center !important;
  80. }
  81. //弹窗右角关闭按钮位置
  82. .ant-modal .ant-modal-close {
  83. top: 10px !important;
  84. inset-inline-end: 10px !important;
  85. }
  86. //弹窗标题底部间距
  87. .ant-modal-header {
  88. margin-bottom: 0 !important;
  89. }
  90. .ant-modal-confirm-paragraph {
  91. max-width: 100% !important;
  92. }
  93. //容器区域四周填充
  94. .ant-pro-page-container-children-container {
  95. padding-block: 0 !important;
  96. padding-inline: 0 !important;
  97. }
  98. .ant-pro-page-container .ant-pro-page-container-warp-page-header {
  99. padding-block-start: 0 !important;
  100. }
  101. //禁用状态光标
  102. input:disabled,
  103. textarea:disabled,
  104. .ant-input-disabled,
  105. .ant-input-outlined[disabled],
  106. .ant-picker-disabled,
  107. .ant-picker-outlined[disabled],
  108. .ant-input-number-disabled,
  109. .ant-input-number-outlined[disabled],
  110. .ant-checkbox-disabled,
  111. .ant-checkbox-wrapper-disabled,
  112. .ant-radio-disabled,
  113. .ant-radio-wrapper-disabled,
  114. .ant-select-selector
  115. {
  116. cursor: default !important;
  117. }