common.less 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127
  1. /*列表上方操作按钮区域*/
  2. .ant-card-body .table-operator {
  3. margin-bottom: 8px;
  4. }
  5. /** Button按钮间距 */
  6. .table-operator .ant-btn {
  7. margin: 0 8px 8px 0;
  8. }
  9. .table-operator .ant-btn-group .ant-btn {
  10. margin: 0;
  11. }
  12. .table-operator .ant-btn-group .ant-btn:last-child {
  13. margin: 0 8px 8px 0;
  14. }
  15. /*列表td的padding设置 可以控制列表大小*/
  16. .ant-table-tbody .ant-table-row td {
  17. padding-top: 15px;
  18. padding-bottom: 15px;
  19. }
  20. /*列表页面弹出modal*/
  21. .ant-modal-cust-warp {
  22. height: 100%
  23. }
  24. /*弹出modal Y轴滚动条*/
  25. .ant-modal-cust-warp .ant-modal-body {
  26. height: calc(100% - 110px) !important;
  27. overflow-y: auto
  28. }
  29. /*弹出modal 先有content后有body 故滚动条控制在body上*/
  30. .ant-modal-cust-warp .ant-modal-content {
  31. height: 90% !important;
  32. overflow-y: hidden
  33. }
  34. /*列表中有图片的加这个样式 参考用户管理*/
  35. .anty-img-wrap {
  36. height: 25px;
  37. position: relative;
  38. }
  39. .anty-img-wrap > img {
  40. max-height: 100%;
  41. }
  42. /*列表中范围查询样式*/
  43. .query-group-cust{width: calc(50% - 10px)}
  44. .query-group-split-cust:before{content:"~";width: 20px;display: inline-block;text-align: center}
  45. /*erp风格子表外框padding设置*/
  46. .ant-card-wider-padding.cust-erp-sub-tab>.ant-card-body{padding:5px 12px}
  47. /* 内嵌子表背景颜色 */
  48. .j-inner-table-wrapper /deep/ .ant-table-expanded-row .ant-table-wrapper .ant-table-tbody .ant-table-row {
  49. background-color: #FFFFFF;
  50. }
  51. /**隐藏样式-modal确定按钮 */
  52. .jee-hidden{display: none}
  53. .ant-table-tbody > tr > td {
  54. padding: 8px 8px !important
  55. }
  56. .ant-table{
  57. line-height: 1;
  58. }
  59. .ant-table .ant-table-row{
  60. height: 45px!important
  61. }
  62. .ant-table .ant-table-thead tr{
  63. height: 43px!important
  64. }
  65. .ant-modal-body{
  66. padding: 24px;
  67. }
  68. .ant-btn-link {
  69. color: #544BEB!important;
  70. background-color: transparent!important;
  71. border-color: transparent!important;
  72. box-shadow: none!important;
  73. height: auto!important;
  74. }
  75. .ant-form {
  76. .ant-form-item-label {
  77. width: auto;
  78. }
  79. }
  80. .table {
  81. width: 100%;
  82. }
  83. .googlleads,
  84. .home,
  85. .seo_keywords_rank_wrap,
  86. .seo-keywords-list,
  87. .adweb-enquiry-list,
  88. .adweb-waste-enquiry-list,
  89. .traffic-analysis-page,
  90. .enquiry-analysis-page{
  91. padding-top: 72px !important;
  92. .search-form {
  93. position: fixed;
  94. width: 100%;
  95. z-index: 999;
  96. top: 110px;
  97. background-color: #f5f5f5;
  98. //background-color: var(--header-bg-color) !important;
  99. .search-form-container {
  100. align-items: center;
  101. margin: 20px 0;
  102. }
  103. }
  104. }