content.less 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. .admin-content {
  2. background: #fff;
  3. padding: 20px;
  4. color: #666;
  5. .admin-content-title {
  6. font-size: 16px;
  7. }
  8. .admin-content-warp {
  9. padding: 10px;
  10. .admin-content-header {
  11. margin-bottom: 10px;
  12. line-height: 28px;
  13. >span {
  14. font-size: 14px
  15. }
  16. >button {
  17. float: right;
  18. }
  19. }
  20. .admin-content-search {
  21. margin-bottom: 10px;
  22. >* {
  23. margin-top: 10px;
  24. margin-right: 10px;
  25. }
  26. }
  27. }
  28. }
  29. .ant-modal-body {
  30. .modal-box {
  31. overflow: hidden;
  32. line-height: 28px;
  33. margin-bottom: 10px;
  34. .modal-box-title {
  35. float: left;
  36. width: 60px;
  37. margin-right: 20px;
  38. }
  39. .modal-box-detail {
  40. float: left;
  41. width: 400px;
  42. >span {
  43. margin-right: 6px;
  44. }
  45. }
  46. >button {
  47. margin-right: 20px;
  48. }
  49. }
  50. }
  51. .avatar-uploader,
  52. .avatar-uploader-trigger,
  53. .avatar {
  54. width: 150px;
  55. height: 150px;
  56. }
  57. .avatar-uploader {
  58. display: block;
  59. padding: 1px;
  60. border: 1px dashed #d9d9d9;
  61. border-radius: 6px;
  62. cursor: pointer;
  63. position: relative;
  64. img {
  65. position: absolute;
  66. top: -1px;
  67. left: -1px;
  68. height: 150px;
  69. } //
  70. float: left;
  71. margin-right: 20px;
  72. }
  73. .avatar-uploader-trigger {
  74. display: table-cell;
  75. vertical-align: middle;
  76. font-size: 28px;
  77. color: #999;
  78. }