global.less 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. @import '~antd/es/style/themes/default.less';
  2. html,
  3. body,
  4. #root {
  5. height: 100%;
  6. }
  7. .colorWeak {
  8. filter: invert(80%);
  9. }
  10. .ant-layout {
  11. min-height: 100vh;
  12. }
  13. // .ant-menu-submenu-selected .ant-menu-submenu-title {
  14. // background: #595284;
  15. // border-left: 3px solid #886ab5;
  16. // }
  17. .ant-menu-dark .ant-menu-inline.ant-menu-sub {
  18. background: #ffffff;
  19. }
  20. .ant-menu-dark .ant-menu-item-only-child:hover {
  21. background: #423d68;
  22. }
  23. .ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-selected {
  24. background: #4a4473;
  25. border-right: 3px solid #24b3a4;
  26. }
  27. .ant-menu-inline .ant-menu-submenu-title {
  28. margin-bottom: 0;
  29. }
  30. canvas {
  31. display: block;
  32. }
  33. body {
  34. text-rendering: optimizeLegibility;
  35. -webkit-font-smoothing: antialiased;
  36. -moz-osx-font-smoothing: grayscale;
  37. }
  38. ul,
  39. ol {
  40. list-style: none;
  41. }
  42. @media (max-width: @screen-xs) {
  43. .ant-table {
  44. width: 100%;
  45. overflow-x: auto;
  46. &-thead > tr,
  47. &-tbody > tr {
  48. > th,
  49. > td {
  50. white-space: pre;
  51. > span {
  52. display: block;
  53. }
  54. }
  55. }
  56. }
  57. }
  58. // 兼容IE11
  59. @media screen and(-ms-high-contrast: active), (-ms-high-contrast: none) {
  60. body .ant-design-pro > .ant-layout {
  61. min-height: 100vh;
  62. }
  63. }
  64. input:-webkit-autofill,
  65. input:-webkit-autofill:hover,
  66. input:-webkit-autofill:focus,
  67. input:-webkit-autofill:active {
  68. -webkit-transition: color 11111s ease-out, background-color 111111s ease-out;
  69. -webkit-transition-delay: 111111s;
  70. }