sys-config.component.less 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. .sysConfig {
  2. height: calc(100vh - 88px);
  3. display: flex;
  4. flex-direction: column;
  5. justify-content: space-between;
  6. .avatar {
  7. width: 86px;
  8. max-height: 86px;
  9. }
  10. .upload-icon {
  11. font-size: 32px;
  12. color: #999;
  13. }
  14. .ant-upload-text {
  15. margin-top: 8px;
  16. color: #666;
  17. }
  18. .main {
  19. height: calc(100vh - 161px);
  20. h2 {
  21. font-size: 22px;
  22. color: #333;
  23. text-align: center;
  24. margin-top: 56px;
  25. margin-bottom: 0;
  26. }
  27. .forms{
  28. width: 885px;
  29. margin: 32px auto 0;
  30. display: flex;
  31. justify-content: space-between;
  32. .form {
  33. width: 410px;
  34. h3{
  35. font-size: 16px;
  36. padding-bottom: 8px;
  37. border-bottom: 1px solid #e5e9ed;
  38. }
  39. .formItem {
  40. margin-bottom: 8px;
  41. .label {
  42. color: #333;
  43. }
  44. [nz-input] {
  45. height: 34px;
  46. }
  47. }
  48. }
  49. }
  50. }
  51. .submit {
  52. margin: 0 8px;
  53. border-top: 1px solid #e5e9ed;
  54. display: flex;
  55. justify-content: center;
  56. align-items: center;
  57. height: 73px;
  58. min-height: 73px;
  59. .save {
  60. width: 80px;
  61. height: 34px;
  62. }
  63. .refresh{
  64. margin-left: 8px;
  65. height: 34px;
  66. }
  67. }
  68. }