antd.css 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141
  1. /*
  2. * <<
  3. * Davinci
  4. * ==
  5. * Copyright (C) 2016 - 2017 EDP
  6. * ==
  7. * Licensed under the Apache License, Version 2.0 (the "License");
  8. * you may not use this file except in compliance with the License.
  9. * You may obtain a copy of the License at
  10. *
  11. * http://www.apache.org/licenses/LICENSE-2.0
  12. *
  13. * Unless required by applicable law or agreed to in writing, software
  14. * distributed under the License is distributed on an "AS IS" BASIS,
  15. * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  16. * See the License for the specific language governing permissions and
  17. * limitations under the License.
  18. * >>
  19. */
  20. /**** react-grid *****/
  21. .react-grid-item {
  22. background-color: #fff;
  23. border-radius: 2px;
  24. cursor: move;
  25. }
  26. .react-grid-item.react-grid-placeholder {
  27. background-color: #586b84;
  28. }
  29. /***** antd *****/
  30. .ant-modal-small > .ant-modal {
  31. width: 400px !important;
  32. }
  33. .ant-modal-medium > .ant-modal {
  34. width: 600px !important;
  35. }
  36. .ant-modal-large > .ant-modal {
  37. width: 900px !important;
  38. }
  39. .ant-modal-xlarge {
  40. padding: 20px;
  41. }
  42. .ant-modal-xlarge > .ant-modal {
  43. width: auto !important;
  44. height: 100%;
  45. padding: 0;
  46. margin: 0;
  47. top: auto;
  48. display: flex;
  49. flex-direction: column;
  50. }
  51. .ant-modal-xlarge > .ant-modal > .ant-modal-content {
  52. flex: 1;
  53. display: flex;
  54. flex-direction: column;
  55. min-height: 0; /* firefox flex overflow issue */
  56. }
  57. .ant-modal-xlarge > .ant-modal > .ant-modal-content > .ant-modal-body {
  58. flex: 1;
  59. display: flex;
  60. flex-direction: column;
  61. min-height: 0; /* firefox flex overflow issue */
  62. }
  63. .ant-modal-center {
  64. display: flex;
  65. flex-direction: column;
  66. justify-content: center;
  67. align-items: center;
  68. }
  69. .ant-modal-center > .ant-modal {
  70. padding: 0;
  71. margin: 0;
  72. top: auto;
  73. min-height: 0;
  74. }
  75. /* 解决 RangePicker 与其他form元素不对齐 */
  76. .ant-calendar-range-picker-input {
  77. vertical-align: baseline;
  78. }
  79. @media (max-width: 1200px) {
  80. .ant-modal-xlarge {
  81. padding: 10px;
  82. }
  83. }
  84. @media (max-width: 900px) {
  85. .ant-modal-large > .ant-modal {
  86. width: auto !important;
  87. margin: 10px;
  88. }
  89. }
  90. @media (max-width: 768px) {
  91. .ant-modal-small > .ant-modal,
  92. .ant-modal-medium > .ant-modal {
  93. width: auto !important;
  94. }
  95. }
  96. /* action 栏按钮左右间距 */
  97. .ant-table-action-column .ant-btn {
  98. margin: 0 4px;
  99. }
  100. /* 缩小默认行高(override variable) */
  101. /* .ant-table-thead > tr > th,
  102. .ant-table-tbody > tr > td {
  103. padding: 10px 8px;
  104. } */
  105. /* 调整空列表与 BoxBody 下方间距 */
  106. .ant-table-empty {
  107. margin-bottom: 20px;
  108. }
  109. /* 调整因字体大小造成的 RangePicker input 位置不对 */
  110. .ant-calendar-picker-input {
  111. line-height: 1;
  112. }
  113. .ant-tree.ant-tree-show-line li span.ant-tree-switcher {
  114. background: inherit;
  115. }
  116. .ant-page-header-heading-extra {
  117. line-height: 32px;
  118. }