global.less 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101
  1. @import '~antd/es/style/themes/default.less';
  2. html,
  3. body,
  4. #root {
  5. height: 100%;
  6. }
  7. //---------------custom------------
  8. @primary-color: #00528E !important;
  9. @primary-color-rgba:rgba(0,82,142,0.3);
  10. .ant-pro-sider-logo {
  11. h1 {
  12. font-size:1rem;
  13. }
  14. }
  15. .ant-menu-submenu-selected {
  16. // color: @primary-color !important;
  17. .ant-menu-item-selected {
  18. // color: @primary-color !important;
  19. }
  20. }
  21. .ant-tree-checkbox-checked .ant-tree-checkbox-inner {
  22. background-color: #00528E;
  23. border-color: #00528E;
  24. }
  25. .ant-tabs-top > .ant-tabs-nav::before {
  26. border: none;
  27. }
  28. .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  29. color: #00528E;
  30. font-size: 16px;
  31. font-weight: bold;
  32. font-family: 'SourceHanSansCN-Bold, SourceHanSansCN';
  33. text-shadow: 0 0 0.25px currentColor;
  34. }
  35. .ant-tabs-large > .ant-tabs-nav .ant-tabs-tab {
  36. padding: 16px 0;
  37. font-size: 16px;
  38. padding-bottom:10px;
  39. }
  40. //---------------custom------------
  41. .colorWeak {
  42. filter: invert(80%);
  43. }
  44. .ant-layout {
  45. min-height: 100vh;
  46. }
  47. .ant-pro-sider.ant-layout-sider.ant-pro-sider-fixed {
  48. left: unset;
  49. }
  50. canvas {
  51. display: block;
  52. }
  53. body {
  54. text-rendering: optimizeLegibility;
  55. -webkit-font-smoothing: antialiased;
  56. -moz-osx-font-smoothing: grayscale;
  57. }
  58. ul,
  59. ol {
  60. list-style: none;
  61. }
  62. @media (max-width: @screen-xs) {
  63. .ant-table {
  64. width: 100%;
  65. overflow-x: auto;
  66. &-thead > tr,
  67. &-tbody > tr {
  68. > th,
  69. > td {
  70. white-space: pre;
  71. > span {
  72. display: block;
  73. }
  74. }
  75. }
  76. }
  77. }
  78. // Compatible with IE11
  79. @media screen and(-ms-high-contrast: active), (-ms-high-contrast: none) {
  80. body .ant-design-pro > .ant-layout {
  81. min-height: 100vh;
  82. }
  83. }