content.less 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  1. .acc-content {
  2. height: 100%;
  3. width: 100%;
  4. padding-bottom: 40px;
  5. background: #f0f0f0;
  6. .content-right {
  7. width: 84%;
  8. height: 100%;
  9. float: left;
  10. overflow-y: auto;
  11. padding: 20px;
  12. .ant-spin-nested-loading {
  13. height: 100%;
  14. .ant-spin-container {
  15. height: 100%;
  16. }
  17. }
  18. }
  19. .loading-container {
  20. text-align: center;
  21. margin-bottom: 20px;
  22. padding: 30px 50px;
  23. margin: 20px 0;
  24. }
  25. .content-container {
  26. background: #FFF;
  27. padding: 20px;
  28. }
  29. .content-title {
  30. color: #333;
  31. font-size: 16px;
  32. padding: 0 0 10px 0;
  33. }
  34. .content-body {
  35. min-height: 400px;
  36. }
  37. .content-search {
  38. margin-bottom: 6px;
  39. }
  40. .content-actions {
  41. float: right;
  42. margin-right: 20px;
  43. }
  44. }
  45. #content{
  46. box-sizing: border-box;
  47. padding: 10px 10px 50px;
  48. background: #ccc;
  49. .contact-wrap{
  50. padding: 0;
  51. margin: 10px!important;
  52. }
  53. }
  54. .ant-modal-body {
  55. .half-item {
  56. float: left;
  57. width: 50%;
  58. margin-bottom: 10px;
  59. }
  60. .third-item {
  61. float: left;
  62. width: 33%;
  63. margin-bottom: 10px;
  64. >p {
  65. line-height: 30px;
  66. }
  67. }
  68. .item-title {
  69. line-height: 30px;
  70. font-size: 14px;
  71. color: #666;
  72. min-width: 100px;
  73. display: inline-block;
  74. }
  75. .form-title {
  76. font-size: 16px;
  77. color: #333;
  78. }
  79. }