知与行后台管理端

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108
  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. background-color: #f8f8f8;
  13. }
  14. canvas {
  15. display: block;
  16. }
  17. body {
  18. text-rendering: optimizeLegibility;
  19. -webkit-font-smoothing: antialiased;
  20. -moz-osx-font-smoothing: grayscale;
  21. }
  22. ul,
  23. ol {
  24. list-style: none;
  25. }
  26. @media (max-width: @screen-xs) {
  27. .ant-table {
  28. width: 100%;
  29. overflow-x: auto;
  30. &-thead > tr,
  31. &-tbody > tr {
  32. > th,
  33. > td {
  34. white-space: pre;
  35. > span {
  36. display: block;
  37. }
  38. }
  39. }
  40. }
  41. }
  42. .ant-pro-global-header{
  43. background:linear-gradient(180deg,rgba(107,192,216,1) 0%,rgba(54,141,212,1) 100%);
  44. }
  45. .ant-pro-sider-menu-sider.light .ant-pro-sider-menu-logo{
  46. background:linear-gradient(180deg,rgba(107,192,216,1) 0%,rgba(54,141,212,1) 100%);
  47. box-shadow: none;
  48. border: none;
  49. }
  50. .ant-pro-global-header-trigger{
  51. display: none;
  52. }
  53. .ant-pro-sider-menu-sider.light{
  54. box-shadow: none;
  55. .ant-pro-sider-menu-logo h1{
  56. color: #fff;
  57. }
  58. }
  59. .ant-pro-page-header-wrap-page-header-warp{
  60. background:rgba(240,240,240,1);
  61. }
  62. .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected{
  63. background:rgb(230, 227, 227);
  64. border: none;
  65. }
  66. .ant-menu-inline .ant-menu-selected::after, .ant-menu-inline .ant-menu-item-selected::after{
  67. opacity: 0;
  68. }
  69. .ant-menu-inline > .ant-menu-item{
  70. height: 45px;
  71. line-height: 45px;
  72. font-size: 16px;
  73. margin: 0;
  74. }
  75. .ant-menu.ant-pro-sider-menu{
  76. padding: 0!important;
  77. }
  78. .ant-breadcrumb + .ant-page-header-heading{
  79. display: none;
  80. }
  81. .ant-page-header{
  82. height: 50px;
  83. padding:0 30px;
  84. line-height: 50px;
  85. .ant-breadcrumb{
  86. color: #333;
  87. }
  88. }
  89. .ant-pro-sider-menu-logo img{
  90. height: 41px;
  91. }
  92. .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active {
  93. color: #FF7E48;
  94. }
  95. .ant-table{
  96. line-height: 3;
  97. }