global.less 1.6KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
  1. @import '~antd/es/style/variable.less';
  2. html,
  3. body,
  4. #root {
  5. height: 100%;
  6. }
  7. .ant-pro-sider-actions {
  8. display: none !important;
  9. }
  10. .colorWeak {
  11. filter: invert(80%);
  12. }
  13. .ant-layout {
  14. min-height: 100vh;
  15. }
  16. .ant-pro .ant-layout-header.ant-pro-layout-header {
  17. padding: 0;
  18. }
  19. .ant-pro-top-nav-header-menu {
  20. line-height: 64px !important;
  21. }
  22. .ant-pro-layout .ant-pro-top-nav-header-base-menu.ant-menu-light .ant-menu-item-selected {
  23. border-radius: 0;
  24. }
  25. .ant-pro-sider.ant-layout-sider.ant-pro-sider-fixed {
  26. left: unset;
  27. }
  28. canvas {
  29. display: block;
  30. }
  31. body {
  32. text-rendering: optimizeLegibility;
  33. -webkit-font-smoothing: antialiased;
  34. -moz-osx-font-smoothing: grayscale;
  35. }
  36. ul,
  37. ol {
  38. list-style: none;
  39. }
  40. @media (max-width: @screen-xs) {
  41. .ant-table {
  42. width: 100%;
  43. overflow-x: auto;
  44. &-thead > tr,
  45. &-tbody > tr {
  46. > th,
  47. > td {
  48. white-space: pre;
  49. > span {
  50. display: block;
  51. }
  52. }
  53. }
  54. }
  55. }
  56. .ant-page-header {
  57. background-color: #fff !important;
  58. // box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04);
  59. }
  60. // 兼容 360
  61. .ant-pro-sider-collapsed-button {
  62. top: 18px;
  63. right: -13px;
  64. }
  65. // .ant-pro .ant-pro-layout .ant-pro-sider-mix {
  66. // top: 64px;
  67. // }
  68. .ant-layout-sider-children {
  69. padding: 8px;
  70. }
  71. .ant-pro .ant-pro-layout .ant-pro-sider-logo {
  72. padding: 16px;
  73. }
  74. .ant-pro-page-container .ant-pro-page-container-warp-page-header ~ .ant-pro-grid-content .ant-pro-page-container-children-content {
  75. margin: 8px 40px 40px 40px;
  76. }
  77. .ant-pro-table-list-toolbar-container {
  78. padding: 16px 0;
  79. }
  80. .ant-pro-card .ant-pro-card-body {
  81. padding: 16px 24px;
  82. }