common.scss 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121
  1. .description {
  2. margin-bottom: 35px;
  3. p:nth-child(1) {
  4. color: rgba(18, 18, 18, 1);
  5. font-weight: 500;
  6. font-size: 16px;
  7. margin-bottom: 8px;
  8. line-height: 23px;
  9. }
  10. p:nth-child(2) {
  11. font-weight: 400;
  12. font-size: 14px;
  13. color: rgba(100, 100, 100, 1);
  14. margin-bottom: 8px;
  15. line-height: 21px;
  16. }
  17. p:nth-child(3) {
  18. color: rgba(18, 18, 18, 1);
  19. font-weight: 400;
  20. font-size: 14px;
  21. line-height: 32px;
  22. span {
  23. font-weight: 400;
  24. font-size: 22px;
  25. color: rgba(22, 122, 240, 1);
  26. line-height: 32px;
  27. padding: 0 2px;
  28. }
  29. }
  30. }
  31. .card-tabs {
  32. display: flex;
  33. margin-bottom: 42px;
  34. .card-tab {
  35. padding: 0 12px;
  36. height: 32px;
  37. line-height: 30px;
  38. border: 1px solid rgba(22, 122, 240, 1);
  39. text-align: center;
  40. color: rgba(22, 122, 240, 1);
  41. cursor: pointer;
  42. border-right: none;
  43. &.active {
  44. background: rgba(22, 122, 240, 1);
  45. color: #ffffff;
  46. }
  47. }
  48. .card-tab:last-child {
  49. border-right: 1px solid rgba(22, 122, 240, 1);
  50. }
  51. }
  52. .card-title {
  53. line-height: 19px;
  54. font-size: 16px;
  55. padding-left: 12px;
  56. position: relative;
  57. margin-bottom: 23px;
  58. font-weight: 500;
  59. font-family: Source Han Sans SC;
  60. svg {
  61. // line-height: 19px;
  62. // height: 19px;
  63. // vertical-align: middle;
  64. }
  65. &::before {
  66. content: '';
  67. position: absolute;
  68. left: 0;
  69. top: 50%;
  70. transform: translateY(-50%);
  71. width: 4px;
  72. height: 14px;
  73. background: rgba(22, 122, 240, 1);
  74. }
  75. &.no-padding {
  76. padding-left: 0;
  77. &::before {
  78. display: none;
  79. }
  80. }
  81. }
  82. .table-container {
  83. position: relative;
  84. .btn-toggle-table {
  85. font-weight: 500;
  86. font-size: 14px;
  87. line-height: 20px;
  88. color: rgba(22, 122, 240, 1);
  89. margin-bottom: 20px;
  90. cursor: pointer;
  91. svg {
  92. transition: transform 0.3s ease-in-out;
  93. }
  94. &.hide-table svg {
  95. transform: rotate(-180deg);
  96. }
  97. }
  98. .export-button {
  99. position: absolute;
  100. right: 0;
  101. top: 0;
  102. color: rgba(22, 122, 240, 1);
  103. font-weight: 500;
  104. font-size: 14px;
  105. cursor: pointer;
  106. svg {
  107. margin-left: 8px;
  108. margin-right: 0;
  109. }
  110. }
  111. }