global.less 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127
  1. html,
  2. body,
  3. #root {
  4. height: 100%;
  5. margin: 0;
  6. padding: 0;
  7. font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
  8. 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
  9. 'Noto Color Emoji';
  10. }
  11. .colorWeak {
  12. filter: invert(80%);
  13. }
  14. .ant-layout {
  15. min-height: 100vh;
  16. }
  17. .ant-pro-sider.ant-layout-sider.ant-pro-sider-fixed {
  18. left: unset;
  19. }
  20. canvas {
  21. display: block;
  22. }
  23. body {
  24. text-rendering: optimizeLegibility;
  25. -webkit-font-smoothing: antialiased;
  26. -moz-osx-font-smoothing: grayscale;
  27. }
  28. ul,
  29. ol {
  30. list-style: none;
  31. }
  32. @media (max-width: 768px) {
  33. .ant-table {
  34. width: 100%;
  35. overflow-x: auto;
  36. &-thead>tr,
  37. &-tbody>tr {
  38. >th,
  39. >td {
  40. white-space: pre;
  41. >span {
  42. display: block;
  43. }
  44. }
  45. }
  46. }
  47. }
  48. .minw-32 {
  49. min-width: 32px;
  50. }
  51. .minw-48 {
  52. min-width: 48px;
  53. }
  54. .minw-64 {
  55. min-width: 64px;
  56. }
  57. .minw-80 {
  58. min-width: 80px;
  59. }
  60. .minw-120 {
  61. min-width: 120px;
  62. }
  63. .minw-160 {
  64. min-width: 160px;
  65. }
  66. .minw-240 {
  67. min-width: 240px;
  68. }
  69. .minw-320 {
  70. min-width: 320px;
  71. }
  72. .yb-pro-desc {
  73. &.hide-header {
  74. & .ant-descriptions-header {
  75. display: none;
  76. }
  77. }
  78. }
  79. .ant-pro-global-header-header-actions-avatar {
  80. padding-inline-start: 0;
  81. padding-inline-end: 0;
  82. }
  83. .ant-pro-layout .ant-pro-sider-menu {
  84. padding-top: 8px;
  85. }
  86. .ant-pro-table-search-query-filter {
  87. margin-block-end: 4px !important;
  88. }
  89. .ant-page-header-breadcrumb {
  90. padding-block-start: 4px !important;
  91. }
  92. .yb-row-error {
  93. & .ant-table-cell {
  94. // background-color: #f5222d22;
  95. color: #f00;
  96. }
  97. // & .ant-table-cell-row-hover {
  98. // background-color: #f5222d22 !important;
  99. // }
  100. }