site.css 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
  2. /* stylelint-disable no-duplicate-selectors */
  3. /* stylelint-disable */
  4. /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
  5. html,
  6. body,
  7. #root,
  8. #app,
  9. app {
  10. height: 100%;
  11. }
  12. .colorWeak {
  13. filter: invert(80%);
  14. }
  15. .ant-layout {
  16. min-height: 100vh;
  17. }
  18. canvas {
  19. display: block;
  20. }
  21. body {
  22. text-rendering: optimizeLegibility;
  23. -webkit-font-smoothing: antialiased;
  24. -moz-osx-font-smoothing: grayscale;
  25. }
  26. ul,
  27. ol {
  28. list-style: none;
  29. }
  30. .chart-container {
  31. display: flex;
  32. flex-direction: row;
  33. flex-wrap: wrap;
  34. justify-content: flex-start;
  35. padding-left: 20px;
  36. padding-bottom: 20px;
  37. padding-right: 0px;
  38. padding-top: 0px;
  39. height: 95%;
  40. width: 95%;
  41. }
  42. .chart-normal {
  43. border-radius: 4px;
  44. height: 400px;
  45. width: 600px;
  46. margin-top: 20px;
  47. }
  48. .chart-fill {
  49. width: 100%;
  50. height: 720px;
  51. margin-top: 20px;
  52. margin-right: 20px;
  53. }
  54. @media (max-width: 480px) {
  55. .ant-table {
  56. width: 100%;
  57. overflow-x: auto;
  58. }
  59. .ant-table-thead > tr > th,
  60. .ant-table-tbody > tr > th,
  61. .ant-table-thead > tr > td,
  62. .ant-table-tbody > tr > td {
  63. white-space: pre;
  64. }
  65. .ant-table-thead > tr > th > span,
  66. .ant-table-tbody > tr > th > span,
  67. .ant-table-thead > tr > td > span,
  68. .ant-table-tbody > tr > td > span {
  69. display: block;
  70. }
  71. }
  72. @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  73. body .ant-design-pro > .ant-layout {
  74. min-height: 100vh;
  75. }
  76. }