@cloudtower/eagle 0.34.3 → 0.34.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (29) hide show
  1. package/dist/cjs/core/ImmersiveDialog/index.js +33 -11
  2. package/dist/cjs/core/MediumDialog/MediumDialog.js +6 -3
  3. package/dist/cjs/core/SmallDialog/SmallDialog.js +30 -10
  4. package/dist/cjs/core/SmallDialog/SmallDialog.style.js +6 -0
  5. package/dist/cjs/core/SmallDialog/SmallDialog.widget.js +28 -0
  6. package/dist/cjs/index.js +3 -0
  7. package/dist/cjs/stats1.html +1 -1
  8. package/dist/components.css +1494 -1435
  9. package/dist/esm/core/ImmersiveDialog/index.js +32 -11
  10. package/dist/esm/core/MediumDialog/MediumDialog.js +6 -3
  11. package/dist/esm/core/SmallDialog/SmallDialog.js +30 -10
  12. package/dist/esm/core/SmallDialog/SmallDialog.style.js +4 -1
  13. package/dist/esm/core/SmallDialog/SmallDialog.widget.js +20 -0
  14. package/dist/esm/index.js +1 -1
  15. package/dist/esm/stats1.html +1 -1
  16. package/dist/linaria.merged.scss +1641 -1570
  17. package/dist/src/core/ImmersiveDialog/type.d.ts +4 -0
  18. package/dist/src/core/MediumDialog/MediumDialog.d.ts +2 -2
  19. package/dist/src/core/MediumDialog/MediumDialog.type.d.ts +5 -0
  20. package/dist/src/core/SmallDialog/SmallDialog.style.d.ts +3 -0
  21. package/dist/src/core/SmallDialog/SmallDialog.type.d.ts +8 -0
  22. package/dist/src/core/SmallDialog/SmallDialog.widget.d.ts +8 -0
  23. package/dist/stories/docs/core/ImmersiveDialog.stories.d.ts +6 -0
  24. package/dist/stories/docs/core/MediumDialog.stories.d.ts +8 -0
  25. package/dist/stories/docs/core/SmallDialog.stories.d.ts +4 -0
  26. package/dist/stories/docs/core/WizardDialog.stories.d.ts +3 -0
  27. package/dist/stories/utils.d.ts +12 -0
  28. package/dist/style.css +1494 -1435
  29. package/package.json +4 -4
@@ -1,31 +1,3 @@
1
- .E_c18gxmrl {
2
- border: 1px solid $gray-40;
3
- border-radius: 4px;
4
-
5
- & + & {
6
- margin-top: 8px;
7
- }
8
-
9
- &:hover {
10
- border-color: $blue-60;
11
-
12
- > header {
13
- background: rgba($blue-60, 0.1);
14
- }
15
- }
16
-
17
- &.active {
18
- header {
19
- border-bottom: 1px solid $gray-40;
20
- }
21
- }
22
-
23
- > header {
24
- padding: 8px 12px;
25
- }
26
- }
27
-
28
-
29
1
  .E_m74vjol {
30
2
  display: flex;
31
3
  justify-content: space-between;
@@ -51,62 +23,30 @@
51
23
  }
52
24
 
53
25
 
54
- .E_b1nip9bk {
55
- padding: 4px 11px;
56
- }
57
-
58
- .E_bqamoqe {
59
- white-space: nowrap;
60
- filter: drop-shadow(0px 2px 8px rgba(0, 136, 255, 0.1));
61
-
62
- & > .ant-btn {
63
- &.ant-btn-ordinary-onTint:not(.ant-btn-dangerous) {
64
- --color: #{$text-light-general};
26
+ .E_c18gxmrl {
27
+ border: 1px solid $gray-40;
28
+ border-radius: 4px;
65
29
 
66
- &[disabled],
67
- &:hover[disabled] {
68
- --color: #{$text-light-general};
69
- }
70
- }
30
+ & + & {
31
+ margin-top: 8px;
71
32
  }
72
33
 
73
- & > .ant-btn:not(:only-child) {
74
- & + .ant-btn {
75
- margin-left: 1px;
76
- }
77
-
78
- &:first-child {
79
- border-top-right-radius: 0;
80
- border-bottom-right-radius: 0;
81
- }
34
+ &:hover {
35
+ border-color: $blue-60;
82
36
 
83
- &:last-child {
84
- border-top-left-radius: 0;
85
- border-bottom-left-radius: 0;
37
+ > header {
38
+ background: rgba($blue-60, 0.1);
86
39
  }
40
+ }
87
41
 
88
- &:not(:first-child, :last-child) {
89
- border-radius: unset;
42
+ &.active {
43
+ header {
44
+ border-bottom: 1px solid $gray-40;
90
45
  }
91
46
  }
92
- }
93
-
94
-
95
- .E_berrcjl {
96
- color: $text-terdiary-light;
97
- margin-bottom: 4px;
98
-
99
- .breadcrumb-link {
100
- color: $text-terdiary-light;
101
- cursor: pointer;
102
- transition: color 160ms ease;
103
47
 
104
- &:hover {
105
- color: $blue-60;
106
- }
107
- &:active {
108
- color: $blue-80;
109
- }
48
+ > header {
49
+ padding: 8px 12px;
110
50
  }
111
51
  }
112
52
 
@@ -136,24 +76,6 @@
136
76
  }
137
77
 
138
78
 
139
- .E_d133fzv0 {
140
- .ant-dropdown-menu-item-group {
141
- .ant-dropdown-menu-item-group-title {
142
- padding: 4px 8px 0 8px;
143
- color: $text-light-secondary;
144
- font-size: 12px;
145
- }
146
- .ant-dropdown-menu-item-group-list {
147
- padding-bottom: 6px;
148
- }
149
- &:not(:first-child) {
150
- padding-top: 4px;
151
- border-top: 1px solid $strokes-light-trans-2;
152
- }
153
- }
154
- }
155
-
156
-
157
79
  .E_d1bw7c5z {
158
80
  position: relative;
159
81
  max-width: 388px;
@@ -245,6 +167,25 @@
245
167
  }
246
168
 
247
169
 
170
+ .E_berrcjl {
171
+ color: $text-terdiary-light;
172
+ margin-bottom: 4px;
173
+
174
+ .breadcrumb-link {
175
+ color: $text-terdiary-light;
176
+ cursor: pointer;
177
+ transition: color 160ms ease;
178
+
179
+ &:hover {
180
+ color: $blue-60;
181
+ }
182
+ &:active {
183
+ color: $blue-80;
184
+ }
185
+ }
186
+ }
187
+
188
+
248
189
  .E_b1wx3t3t {
249
190
  &.ant-btn-icon-only {
250
191
  justify-content: center;
@@ -603,6 +544,65 @@
603
544
  }
604
545
 
605
546
 
547
+ .E_d133fzv0 {
548
+ .ant-dropdown-menu-item-group {
549
+ .ant-dropdown-menu-item-group-title {
550
+ padding: 4px 8px 0 8px;
551
+ color: $text-light-secondary;
552
+ font-size: 12px;
553
+ }
554
+ .ant-dropdown-menu-item-group-list {
555
+ padding-bottom: 6px;
556
+ }
557
+ &:not(:first-child) {
558
+ padding-top: 4px;
559
+ border-top: 1px solid $strokes-light-trans-2;
560
+ }
561
+ }
562
+ }
563
+
564
+
565
+ .E_b1nip9bk {
566
+ padding: 4px 11px;
567
+ }
568
+
569
+ .E_bqamoqe {
570
+ white-space: nowrap;
571
+ filter: drop-shadow(0px 2px 8px rgba(0, 136, 255, 0.1));
572
+
573
+ & > .ant-btn {
574
+ &.ant-btn-ordinary-onTint:not(.ant-btn-dangerous) {
575
+ --color: #{$text-light-general};
576
+
577
+ &[disabled],
578
+ &:hover[disabled] {
579
+ --color: #{$text-light-general};
580
+ }
581
+ }
582
+ }
583
+
584
+ & > .ant-btn:not(:only-child) {
585
+ & + .ant-btn {
586
+ margin-left: 1px;
587
+ }
588
+
589
+ &:first-child {
590
+ border-top-right-radius: 0;
591
+ border-bottom-right-radius: 0;
592
+ }
593
+
594
+ &:last-child {
595
+ border-top-left-radius: 0;
596
+ border-bottom-left-radius: 0;
597
+ }
598
+
599
+ &:not(:first-child, :last-child) {
600
+ border-radius: unset;
601
+ }
602
+ }
603
+ }
604
+
605
+
606
606
  .E_fzh9mnb {
607
607
  width: 100%;
608
608
  height: 100%;
@@ -620,13 +620,6 @@
620
620
  }
621
621
 
622
622
 
623
- .E_sx1bpnu {
624
- .ant-input-sm {
625
- line-height: 18px;
626
- }
627
- }
628
-
629
-
630
623
  .E_f7pxqmh {
631
624
  width: 100%;
632
625
  margin-bottom: 0 !important;
@@ -669,12 +662,45 @@
669
662
  }
670
663
 
671
664
 
672
- .E_atcz0kf {
673
- .ant-input-suffix {
674
- margin-left: 8px;
665
+ .E_iouxfgt {
666
+ display: inline-flex;
667
+ align-items: center;
668
+
669
+ .icon-inner {
670
+ display: inline-flex;
671
+ align-items: center;
672
+ justify-content: center;
675
673
  }
676
- &.ant-input-affix-wrapper.ant-input-affix-wrapper-sm {
677
- padding: 2px 7px 2px 12px;
674
+ .icon-inner + span,
675
+ span + .icon-inner.suffix {
676
+ margin-left: 4px;
677
+ }
678
+ &.is-rotate {
679
+ img,
680
+ svg {
681
+ animation: rotate 680ms linear infinite;
682
+ }
683
+ }
684
+ }
685
+
686
+
687
+ .E_i1inqkme {
688
+ height: 18px;
689
+ line-height: 18px;
690
+ padding: 0 4px;
691
+ border-radius: 4px;
692
+ background: rgba(235, 239, 245, 0.6);
693
+ border: 1px solid rgba(223, 228, 235, 0.6);
694
+ display: flex;
695
+ align-items: center;
696
+ white-space: nowrap;
697
+ margin-right: 4px;
698
+ }
699
+
700
+
701
+ .E_sx1bpnu {
702
+ .ant-input-sm {
703
+ line-height: 18px;
678
704
  }
679
705
  }
680
706
 
@@ -760,37 +786,15 @@
760
786
  }
761
787
 
762
788
 
763
- .E_iouxfgt {
764
- display: inline-flex;
765
- align-items: center;
766
-
767
- .icon-inner {
768
- display: inline-flex;
769
- align-items: center;
770
- justify-content: center;
789
+ .E_a1wfy30z {
790
+ .ant-input-number-handler-wrap {
791
+ display: var(--a1wfy30z-0);
771
792
  }
772
- .icon-inner + span,
773
- span + .icon-inner.suffix {
774
- margin-left: 4px;
775
- }
776
- &.is-rotate {
777
- img,
778
- svg {
779
- animation: rotate 680ms linear infinite;
780
- }
781
- }
782
- }
783
-
784
-
785
- .E_a1wfy30z {
786
- .ant-input-number-handler-wrap {
787
- display: var(--a1wfy30z-0);
788
- }
789
- .ant-input-number-input-wrap {
790
- padding: 4px 11px;
791
- display: inline-flex;
792
- line-height: 1.5715;
793
- height: inherit;
793
+ .ant-input-number-input-wrap {
794
+ padding: 4px 11px;
795
+ display: inline-flex;
796
+ line-height: 1.5715;
797
+ height: inherit;
794
798
  }
795
799
 
796
800
  .ant-input-number-input-wrap::after {
@@ -819,6 +823,16 @@
819
823
  }
820
824
 
821
825
 
826
+ .E_atcz0kf {
827
+ .ant-input-suffix {
828
+ margin-left: 8px;
829
+ }
830
+ &.ant-input-affix-wrapper.ant-input-affix-wrapper-sm {
831
+ padding: 2px 7px 2px 12px;
832
+ }
833
+ }
834
+
835
+
822
836
  .E_itxley7 {
823
837
  &.ant-input-group.ant-input-group-compact {
824
838
  display: flex;
@@ -874,29 +888,58 @@
874
888
  }
875
889
 
876
890
 
877
- .E_i1inqkme {
878
- height: 18px;
879
- line-height: 18px;
880
- padding: 0 4px;
881
- border-radius: 4px;
882
- background: rgba(235, 239, 245, 0.6);
883
- border: 1px solid rgba(223, 228, 235, 0.6);
891
+ .E_owd0kml {
892
+ display: inline-block;
893
+ }
894
+
895
+ .E_h1jsgezc {
896
+ visibility: hidden;
897
+ position: absolute;
898
+ }
899
+
900
+
901
+ .E_c1bus5hc {
902
+ --color: white;
903
+ height: 14px;
904
+ width: 14px;
905
+ border-radius: 50%;
906
+ flex-shrink: 0;
884
907
  display: flex;
885
908
  align-items: center;
886
- white-space: nowrap;
887
- margin-right: 4px;
888
- }
909
+ justify-content: center;
910
+ border: 1px solid var(--color);
889
911
 
912
+ .circle-inner {
913
+ position: relative;
914
+ height: 10px;
915
+ width: 10px;
916
+ border-radius: 50%;
917
+ overflow: hidden;
918
+ }
890
919
 
891
- .E_ivqqkzv {
892
- height: 24px;
893
- width: 56px !important;
894
- margin-right: 4px;
895
- }
920
+ .circle-content {
921
+ position: absolute;
922
+ height: 100%;
923
+ width: 100%;
924
+ left: 0;
925
+ top: 0;
926
+ border-radius: 50%;
927
+ background: linear-gradient(to right, var(--color) 50%, white 50%);
928
+ transform: rotate(180deg);
929
+ }
896
930
 
897
- .E_c1wk4q29 {
898
- color: $text-secondary-light;
899
- }
931
+ .circle-child {
932
+ position: absolute;
933
+ height: 100%;
934
+ width: 100%;
935
+ left: 0;
936
+ top: 0;
937
+ margin-left: 50%;
938
+ transform-origin: left;
939
+ background: white;
940
+ transform: rotate(0deg);
941
+ }
942
+ }
900
943
 
901
944
 
902
945
  .E_phljevk {
@@ -998,49 +1041,16 @@
998
1041
  }
999
1042
 
1000
1043
 
1001
- .E_c1bus5hc {
1002
- --color: white;
1003
- height: 14px;
1004
- width: 14px;
1005
- border-radius: 50%;
1006
- flex-shrink: 0;
1007
- display: flex;
1008
- align-items: center;
1009
- justify-content: center;
1010
- border: 1px solid var(--color);
1011
-
1012
- .circle-inner {
1013
- position: relative;
1014
- height: 10px;
1015
- width: 10px;
1016
- border-radius: 50%;
1017
- overflow: hidden;
1018
- }
1019
-
1020
- .circle-content {
1021
- position: absolute;
1022
- height: 100%;
1023
- width: 100%;
1024
- left: 0;
1025
- top: 0;
1026
- border-radius: 50%;
1027
- background: linear-gradient(to right, var(--color) 50%, white 50%);
1028
- transform: rotate(180deg);
1029
- }
1030
-
1031
- .circle-child {
1032
- position: absolute;
1033
- height: 100%;
1034
- width: 100%;
1035
- left: 0;
1036
- top: 0;
1037
- margin-left: 50%;
1038
- transform-origin: left;
1039
- background: white;
1040
- transform: rotate(0deg);
1041
- }
1044
+ .E_ivqqkzv {
1045
+ height: 24px;
1046
+ width: 56px !important;
1047
+ margin-right: 4px;
1042
1048
  }
1043
1049
 
1050
+ .E_c1wk4q29 {
1051
+ color: $text-secondary-light;
1052
+ }
1053
+
1044
1054
 
1045
1055
  .E_rapgekc {
1046
1056
  &.ant-radio-wrapper {
@@ -1223,6 +1233,107 @@
1223
1233
  }
1224
1234
 
1225
1235
 
1236
+ .E_tju3gfj {
1237
+ .date {
1238
+ margin-right: 4px;
1239
+ }
1240
+ }
1241
+
1242
+
1243
+ .E_s1dni7lo {
1244
+ width: 430px !important;
1245
+ }
1246
+
1247
+ .E_d1wwmmm5 {
1248
+ .ant-select-item-group {
1249
+ padding: 8px 16px;
1250
+ line-height: 18px;
1251
+ border-top: 1px solid rgba(211, 218, 235, 0.6);
1252
+ height: 34px;
1253
+ min-height: 34px;
1254
+ box-sizing: border-box;
1255
+ margin-top: 8px;
1256
+ }
1257
+ }
1258
+
1259
+ .E_o1ugr09p {
1260
+ display: flex;
1261
+ flex-direction: column;
1262
+ margin: 1px 8px;
1263
+ padding: 8px;
1264
+ border-radius: 4px;
1265
+
1266
+ .selected-icon {
1267
+ display: none;
1268
+ }
1269
+
1270
+ &.ant-select-item-option-grouped {
1271
+ padding-left: 8px;
1272
+ }
1273
+
1274
+ &.ant-select-item-option-selected {
1275
+ background-color: white;
1276
+ .timezone-title {
1277
+ color: #0080ff;
1278
+ }
1279
+ .selected-icon {
1280
+ display: block;
1281
+ }
1282
+ }
1283
+
1284
+ &.ant-select-item-option-active {
1285
+ background: rgba(0, 136, 255, 0.16);
1286
+ .timezone-title {
1287
+ color: #0080ff;
1288
+ }
1289
+ .timezone-tag {
1290
+ background: rgba(0, 136, 255, 0.1);
1291
+ color: #0080ff;
1292
+ }
1293
+ }
1294
+ }
1295
+
1296
+ .E_o1ifxsq4 {
1297
+ display: flex;
1298
+ justify-content: space-between;
1299
+ height: 20px;
1300
+ line-height: 20px;
1301
+
1302
+ .timezone-title {
1303
+ color: #2d3a56;
1304
+ overflow: hidden;
1305
+ text-overflow: ellipsis;
1306
+ }
1307
+ }
1308
+
1309
+ .E_o1zue7 {
1310
+ display: flex;
1311
+ justify-content: space-between;
1312
+ color: $text-light-secondary;
1313
+ height: 18px;
1314
+ line-height: 18px;
1315
+ margin-top: 2px;
1316
+ }
1317
+
1318
+ .E_tyfmlxg {
1319
+ border: none;
1320
+ margin-right: 0;
1321
+ background: rgba(225, 230, 241, 0.6);
1322
+ }
1323
+
1324
+ .E_o18uybox {
1325
+ pointer-events: none;
1326
+ height: 32px;
1327
+ width: 100%;
1328
+ opacity: 0;
1329
+ }
1330
+
1331
+
1332
+ .E_iq1gosr {
1333
+ display: inline-block;
1334
+ }
1335
+
1336
+
1226
1337
  .E_s1dizucg {
1227
1338
  &.ant-switch {
1228
1339
  min-width: 40px;
@@ -1283,16 +1394,6 @@
1283
1394
  }
1284
1395
 
1285
1396
 
1286
- .E_owd0kml {
1287
- display: inline-block;
1288
- }
1289
-
1290
- .E_h1jsgezc {
1291
- visibility: hidden;
1292
- position: absolute;
1293
- }
1294
-
1295
-
1296
1397
  .E_cnujxq2 {
1297
1398
  display: flex;
1298
1399
  flex-direction: column;
@@ -2107,9 +2208,146 @@
2107
2208
  }
2108
2209
 
2109
2210
 
2110
- .E_dsnbhzf {
2111
- @include Inter(bold);
2112
- font-size: 32px;
2211
+ .E_s1sck0th {
2212
+ padding: 0 8px;
2213
+ border-radius: 4px;
2214
+ }
2215
+
2216
+ .E_m855nr1 {
2217
+ padding: 2px 8px;
2218
+ border-radius: 3px;
2219
+ }
2220
+
2221
+ .E_l1270xpg {
2222
+ padding: 3px 8px;
2223
+ border-radius: 2px;
2224
+ }
2225
+
2226
+ .E_t14rextb {
2227
+ &.ant-tag:hover {
2228
+ opacity: unset;
2229
+ }
2230
+ &.ant-tag.ui-kit-token:not(.ant-tag-hidden) {
2231
+ margin: 0;
2232
+ margin-right: 8px;
2233
+ display: inline-flex;
2234
+ align-items: center;
2235
+ border: none;
2236
+ & .ant-tag-close-icon {
2237
+ width: 16px;
2238
+ height: 16px;
2239
+ color: inherit;
2240
+ margin-left: 4px;
2241
+ opacity: 0.6;
2242
+ display: inline-flex;
2243
+ &:hover {
2244
+ opacity: 1;
2245
+ }
2246
+ }
2247
+ &.ant-tag-blue {
2248
+ color: $fills-light-general-general;
2249
+ background-color: $fills-light-general-general-light;
2250
+ }
2251
+ &.ant-tag-red {
2252
+ color: $fills-light-serious-serious;
2253
+ background-color: $fills-light-serious-serious-light;
2254
+ }
2255
+ &.ant-tag-yellow {
2256
+ color: $fills-light-notice-notice-dark;
2257
+ background-color: $fills-light-notice-notice-light;
2258
+ }
2259
+ &.ant-tag-green {
2260
+ color: $fills-light-positive-positive-dark;
2261
+ background-color: $fills-light-positive-positive-light;
2262
+ }
2263
+ &.ant-tag-gray {
2264
+ color: $text-light-super;
2265
+ background-color: $fills-element-light-container-general;
2266
+ }
2267
+ &.ant-tag-purple {
2268
+ color: $text-colorful-purple;
2269
+ background-color: $fill-purple-light;
2270
+ }
2271
+
2272
+ &.ui-kit-token-checked {
2273
+ color: $text-light-on-tint;
2274
+ &.ant-tag-red {
2275
+ background-color: $fills-light-serious-serious;
2276
+ }
2277
+ &.ant-tag-yellow {
2278
+ background-color: $fills-light-notice-notice;
2279
+ }
2280
+ &.ant-tag-green {
2281
+ background-color: $fills-light-positive-positive;
2282
+ }
2283
+ &.ant-tag-blue {
2284
+ background-color: $fills-light-general-general;
2285
+ }
2286
+ &.ant-tag-gray {
2287
+ background-color: $gray-70;
2288
+ }
2289
+ &.ant-tag-purple {
2290
+ background-color: $fill-purple-base;
2291
+ }
2292
+ }
2293
+ }
2294
+ }
2295
+
2296
+
2297
+ .E_a1b5xrg3 {
2298
+ .user-icon-inner {
2299
+ display: inline-flex;
2300
+ align-items: center;
2301
+ justify-content: center;
2302
+ color: $white;
2303
+ font-weight: bold;
2304
+ font-size: 12px;
2305
+ width: 24px;
2306
+ height: 24px;
2307
+ border-radius: 50%;
2308
+ background: var(--a1b5xrg3-0);
2309
+ }
2310
+ &.btn-item {
2311
+ transition: all 160ms ease;
2312
+ cursor: pointer;
2313
+ width: 56px;
2314
+ height: 40px;
2315
+ display: inline-flex;
2316
+ align-items: center;
2317
+ justify-content: center;
2318
+ border-radius: 6px;
2319
+
2320
+ &:hover {
2321
+ box-shadow:
2322
+ 0px 0px 20px rgba(107, 125, 153, 0.18),
2323
+ 0px 25px 80px rgba(45, 58, 86, 0.3);
2324
+ }
2325
+
2326
+ &:active {
2327
+ transform: translateY(2px);
2328
+ transition: all 320ms ease;
2329
+ }
2330
+ }
2331
+ }
2332
+
2333
+
2334
+ .E_t1m2x205 {
2335
+ .ant-tooltip-arrow {
2336
+ display: none;
2337
+ }
2338
+ .ant-tooltip-inner {
2339
+ background: $gray-a80-9;
2340
+ border-radius: 4px;
2341
+ &:has(.eagle-ellipsis-content) {
2342
+ visibility: hidden;
2343
+ }
2344
+ }
2345
+ }
2346
+
2347
+
2348
+ .E_dsnbhzf {
2349
+ @include Inter(bold);
2350
+ font-size: 32px;
2113
2351
  line-height: 40px;
2114
2352
  }
2115
2353
 
@@ -2461,329 +2699,91 @@
2461
2699
  }
2462
2700
 
2463
2701
 
2464
- .E_a1b5xrg3 {
2465
- .user-icon-inner {
2466
- display: inline-flex;
2467
- align-items: center;
2468
- justify-content: center;
2469
- color: $white;
2470
- font-weight: bold;
2471
- font-size: 12px;
2472
- width: 24px;
2473
- height: 24px;
2474
- border-radius: 50%;
2475
- background: var(--a1b5xrg3-0);
2702
+ .E_m196gn1d {
2703
+ min-width: 1280px;
2704
+ }
2705
+
2706
+
2707
+ .E_c1yyuluq {
2708
+ border-radius: 8px;
2709
+ .ant-card-body {
2710
+ padding: 20px 24px 24px 24px;
2476
2711
  }
2477
- &.btn-item {
2478
- transition: all 160ms ease;
2479
- cursor: pointer;
2480
- width: 56px;
2481
- height: 40px;
2482
- display: inline-flex;
2483
- align-items: center;
2484
- justify-content: center;
2485
- border-radius: 6px;
2712
+ }
2486
2713
 
2487
- &:hover {
2488
- box-shadow:
2489
- 0px 0px 20px rgba(107, 125, 153, 0.18),
2490
- 0px 25px 80px rgba(45, 58, 86, 0.3);
2491
- }
2492
2714
 
2493
- &:active {
2494
- transform: translateY(2px);
2495
- transition: all 320ms ease;
2715
+ .E_ccrbeuz {
2716
+ .ant-collapse-item {
2717
+ border: 0px;
2718
+ background-color: $fills-light-white;
2719
+
2720
+ .ant-collapse-header {
2721
+ padding-top: 0px;
2722
+ padding-bottom: 0px;
2723
+ padding-left: 0px !important;
2724
+ padding-right: 24px;
2725
+ .ant-collapse-arrow {
2726
+ right: 0px;
2727
+ }
2728
+ }
2729
+ .ant-collapse-content {
2730
+ .ant-collapse-content-box {
2731
+ padding: 0px;
2732
+ }
2496
2733
  }
2497
2734
  }
2498
2735
  }
2499
2736
 
2500
-
2501
- .E_m196gn1d {
2502
- min-width: 1280px;
2737
+ .E_c1fljvag {
2738
+ .ant-collapse-item {
2739
+ .ant-collapse-header {
2740
+ padding-right: 0px;
2741
+ cursor: default;
2742
+ }
2743
+ }
2503
2744
  }
2504
2745
 
2505
2746
 
2506
- .E_tju3gfj {
2507
- .date {
2508
- margin-right: 4px;
2747
+ .E_ryby9ds {
2748
+ display: flex;
2749
+ align-items: center;
2750
+ .order {
2751
+ height: 24px;
2752
+ width: 24px;
2753
+ border-radius: 20px;
2754
+ color: $text-light-general;
2755
+ background: $fill-light-element-container-outstanding;
2756
+ display: flex;
2757
+ align-items: center;
2758
+ justify-content: center;
2759
+ margin-right: 6px;
2509
2760
  }
2510
2761
  }
2511
2762
 
2512
2763
 
2513
- .E_iq1gosr {
2514
- display: inline-block;
2764
+ .E_suhck3k {
2765
+ height: 24px;
2766
+ width: 24px;
2767
+ border-radius: 6px;
2768
+ padding: 4px;
2769
+ &:hover {
2770
+ background-color: $fill-outstanding-light;
2771
+ svg {
2772
+ path {
2773
+ fill: blue;
2774
+ }
2775
+ }
2776
+ }
2515
2777
  }
2516
2778
 
2517
2779
 
2518
- .E_s1dni7lo {
2519
- width: 430px !important;
2780
+ .E_hrhfj7c {
2781
+ display: none;
2520
2782
  }
2521
2783
 
2522
- .E_d1wwmmm5 {
2523
- .ant-select-item-group {
2524
- padding: 8px 16px;
2525
- line-height: 18px;
2526
- border-top: 1px solid rgba(211, 218, 235, 0.6);
2527
- height: 34px;
2528
- min-height: 34px;
2529
- box-sizing: border-box;
2530
- margin-top: 8px;
2531
- }
2532
- }
2533
-
2534
- .E_o1ugr09p {
2535
- display: flex;
2536
- flex-direction: column;
2537
- margin: 1px 8px;
2538
- padding: 8px;
2539
- border-radius: 4px;
2540
-
2541
- .selected-icon {
2542
- display: none;
2543
- }
2544
-
2545
- &.ant-select-item-option-grouped {
2546
- padding-left: 8px;
2547
- }
2548
-
2549
- &.ant-select-item-option-selected {
2550
- background-color: white;
2551
- .timezone-title {
2552
- color: #0080ff;
2553
- }
2554
- .selected-icon {
2555
- display: block;
2556
- }
2557
- }
2558
-
2559
- &.ant-select-item-option-active {
2560
- background: rgba(0, 136, 255, 0.16);
2561
- .timezone-title {
2562
- color: #0080ff;
2563
- }
2564
- .timezone-tag {
2565
- background: rgba(0, 136, 255, 0.1);
2566
- color: #0080ff;
2567
- }
2568
- }
2569
- }
2570
-
2571
- .E_o1ifxsq4 {
2572
- display: flex;
2573
- justify-content: space-between;
2574
- height: 20px;
2575
- line-height: 20px;
2576
-
2577
- .timezone-title {
2578
- color: #2d3a56;
2579
- overflow: hidden;
2580
- text-overflow: ellipsis;
2581
- }
2582
- }
2583
-
2584
- .E_o1zue7 {
2585
- display: flex;
2586
- justify-content: space-between;
2587
- color: $text-light-secondary;
2588
- height: 18px;
2589
- line-height: 18px;
2590
- margin-top: 2px;
2591
- }
2592
-
2593
- .E_tyfmlxg {
2594
- border: none;
2595
- margin-right: 0;
2596
- background: rgba(225, 230, 241, 0.6);
2597
- }
2598
-
2599
- .E_o18uybox {
2600
- pointer-events: none;
2601
- height: 32px;
2602
- width: 100%;
2603
- opacity: 0;
2604
- }
2605
-
2606
-
2607
- .E_s1sck0th {
2608
- padding: 0 8px;
2609
- border-radius: 4px;
2610
- }
2611
-
2612
- .E_m855nr1 {
2613
- padding: 2px 8px;
2614
- border-radius: 3px;
2615
- }
2616
-
2617
- .E_l1270xpg {
2618
- padding: 3px 8px;
2619
- border-radius: 2px;
2620
- }
2621
-
2622
- .E_t14rextb {
2623
- &.ant-tag:hover {
2624
- opacity: unset;
2625
- }
2626
- &.ant-tag.ui-kit-token:not(.ant-tag-hidden) {
2627
- margin: 0;
2628
- margin-right: 8px;
2629
- display: inline-flex;
2630
- align-items: center;
2631
- border: none;
2632
- & .ant-tag-close-icon {
2633
- width: 16px;
2634
- height: 16px;
2635
- color: inherit;
2636
- margin-left: 4px;
2637
- opacity: 0.6;
2638
- display: inline-flex;
2639
- &:hover {
2640
- opacity: 1;
2641
- }
2642
- }
2643
- &.ant-tag-blue {
2644
- color: $fills-light-general-general;
2645
- background-color: $fills-light-general-general-light;
2646
- }
2647
- &.ant-tag-red {
2648
- color: $fills-light-serious-serious;
2649
- background-color: $fills-light-serious-serious-light;
2650
- }
2651
- &.ant-tag-yellow {
2652
- color: $fills-light-notice-notice-dark;
2653
- background-color: $fills-light-notice-notice-light;
2654
- }
2655
- &.ant-tag-green {
2656
- color: $fills-light-positive-positive-dark;
2657
- background-color: $fills-light-positive-positive-light;
2658
- }
2659
- &.ant-tag-gray {
2660
- color: $text-light-super;
2661
- background-color: $fills-element-light-container-general;
2662
- }
2663
- &.ant-tag-purple {
2664
- color: $text-colorful-purple;
2665
- background-color: $fill-purple-light;
2666
- }
2667
-
2668
- &.ui-kit-token-checked {
2669
- color: $text-light-on-tint;
2670
- &.ant-tag-red {
2671
- background-color: $fills-light-serious-serious;
2672
- }
2673
- &.ant-tag-yellow {
2674
- background-color: $fills-light-notice-notice;
2675
- }
2676
- &.ant-tag-green {
2677
- background-color: $fills-light-positive-positive;
2678
- }
2679
- &.ant-tag-blue {
2680
- background-color: $fills-light-general-general;
2681
- }
2682
- &.ant-tag-gray {
2683
- background-color: $gray-70;
2684
- }
2685
- &.ant-tag-purple {
2686
- background-color: $fill-purple-base;
2687
- }
2688
- }
2689
- }
2690
- }
2691
-
2692
-
2693
- .E_t1m2x205 {
2694
- .ant-tooltip-arrow {
2695
- display: none;
2696
- }
2697
- .ant-tooltip-inner {
2698
- background: $gray-a80-9;
2699
- border-radius: 4px;
2700
- &:has(.eagle-ellipsis-content) {
2701
- visibility: hidden;
2702
- }
2703
- }
2704
- }
2705
-
2706
-
2707
- .E_c1yyuluq {
2708
- border-radius: 8px;
2709
- .ant-card-body {
2710
- padding: 20px 24px 24px 24px;
2711
- }
2712
- }
2713
-
2714
-
2715
- .E_ccrbeuz {
2716
- .ant-collapse-item {
2717
- border: 0px;
2718
- background-color: $fills-light-white;
2719
-
2720
- .ant-collapse-header {
2721
- padding-top: 0px;
2722
- padding-bottom: 0px;
2723
- padding-left: 0px !important;
2724
- padding-right: 24px;
2725
- .ant-collapse-arrow {
2726
- right: 0px;
2727
- }
2728
- }
2729
- .ant-collapse-content {
2730
- .ant-collapse-content-box {
2731
- padding: 0px;
2732
- }
2733
- }
2734
- }
2735
- }
2736
-
2737
- .E_c1fljvag {
2738
- .ant-collapse-item {
2739
- .ant-collapse-header {
2740
- padding-right: 0px;
2741
- cursor: default;
2742
- }
2743
- }
2744
- }
2745
-
2746
-
2747
- .E_suhck3k {
2748
- height: 24px;
2749
- width: 24px;
2750
- border-radius: 6px;
2751
- padding: 4px;
2752
- &:hover {
2753
- background-color: $fill-outstanding-light;
2754
- svg {
2755
- path {
2756
- fill: blue;
2757
- }
2758
- }
2759
- }
2760
- }
2761
-
2762
-
2763
- .E_ryby9ds {
2764
- display: flex;
2765
- align-items: center;
2766
- .order {
2767
- height: 24px;
2768
- width: 24px;
2769
- border-radius: 20px;
2770
- color: $text-light-general;
2771
- background: $fill-light-element-container-outstanding;
2772
- display: flex;
2773
- align-items: center;
2774
- justify-content: center;
2775
- margin-right: 6px;
2776
- }
2777
- }
2778
-
2779
-
2780
- .E_hrhfj7c {
2781
- display: none;
2782
- }
2783
-
2784
- .E_dt9qoak {
2785
- .bottom {
2786
- color: $text-neutral-secondary;
2784
+ .E_dt9qoak {
2785
+ .bottom {
2786
+ color: $text-neutral-secondary;
2787
2787
  }
2788
2788
  .left {
2789
2789
  min-width: 0;
@@ -3079,12 +3079,61 @@
3079
3079
  --modal-content-max-height: calc(
3080
3080
  100vh - 136px - var(--header-height) - var(--footer-height)
3081
3081
  );
3082
- --modal-header-padding: 36px 60px 0;
3083
- --modal-content-padding-y: 36px;
3082
+ --modal-header-padding: 40px 60px 8px;
3083
+ --modal-content-padding-top: 24px;
3084
+ --modal-content-padding-bottom: 32px;
3084
3085
  --modal-content-padding-x: 60px;
3085
3086
  --modal-footer-padding: 0 60px;
3086
- }
3087
-
3087
+
3088
+ &.content-full.ant-modal {
3089
+ height: calc(100vh - 80px);
3090
+ width: calc(100vw - 160px);
3091
+ .ant-modal-content {
3092
+ width: 100%;
3093
+ height: 100%;
3094
+ max-width: unset;
3095
+ max-height: unset;
3096
+ display: flex;
3097
+ flex-direction: column;
3098
+ }
3099
+ .ant-modal-body {
3100
+ flex: 1;
3101
+ }
3102
+ }
3103
+
3104
+ .initializing-title {
3105
+ height: 32px;
3106
+ }
3107
+ }
3108
+
3109
+
3110
+ .E_oa99sl3 {
3111
+ display: flex;
3112
+ justify-content: space-between;
3113
+ align-items: center;
3114
+ gap: 8px;
3115
+
3116
+ &,
3117
+ :first-child {
3118
+ // unset the global style
3119
+ line-height: inherit !important;
3120
+ }
3121
+ }
3122
+
3123
+ .E_lvp5pj7 {
3124
+ display: flex;
3125
+ justify-content: space-between;
3126
+ align-items: center;
3127
+ gap: 8px;
3128
+ min-width: 0;
3129
+ }
3130
+
3131
+ .E_s1io1lws {
3132
+ display: flex;
3133
+ align-items: center;
3134
+ flex-shrink: 0;
3135
+ }
3136
+
3088
3137
 
3089
3138
  .E_s4ivdfu {
3090
3139
  &.ant-select {
@@ -3287,31 +3336,19 @@
3287
3336
  }
3288
3337
 
3289
3338
 
3290
- .E_oa99sl3 {
3339
+ .E_w1dxz879 {
3291
3340
  display: flex;
3292
- justify-content: space-between;
3293
- align-items: center;
3294
- gap: 8px;
3295
-
3296
- &,
3297
- :first-child {
3298
- // unset the global style
3299
- line-height: inherit !important;
3341
+ flex-direction: column;
3342
+ gap: 6px;
3343
+ .ellipsis-tooltip {
3344
+ max-height: var(--w1dxz879-0);
3345
+ text-overflow: clip;
3346
+ overflow: hidden;
3347
+ }
3348
+ .tips {
3349
+ color: #fff;
3350
+ opacity: 0.8;
3300
3351
  }
3301
- }
3302
-
3303
- .E_lvp5pj7 {
3304
- display: flex;
3305
- justify-content: space-between;
3306
- align-items: center;
3307
- gap: 8px;
3308
- min-width: 0;
3309
- }
3310
-
3311
- .E_s1io1lws {
3312
- display: flex;
3313
- align-items: center;
3314
- flex-shrink: 0;
3315
3352
  }
3316
3353
 
3317
3354
 
@@ -3585,18 +3622,23 @@
3585
3622
  }
3586
3623
 
3587
3624
 
3588
- .E_w1dxz879 {
3625
+ .E_r77hffu {
3626
+ display: flex;
3627
+ align-items: center;
3628
+ justify-content: space-between;
3629
+ column-gap: 6px;
3630
+ }
3631
+
3632
+ .E_p1cmxsf7 {
3589
3633
  display: flex;
3590
3634
  flex-direction: column;
3591
- gap: 6px;
3592
- .ellipsis-tooltip {
3593
- max-height: var(--w1dxz879-0);
3594
- text-overflow: clip;
3595
- overflow: hidden;
3596
- }
3597
- .tips {
3598
- color: #fff;
3599
- opacity: 0.8;
3635
+ justify-content: center;
3636
+ row-gap: var(--p1cmxsf7-0);
3637
+
3638
+ .antd5-progress-line {
3639
+ font-size: 0;
3640
+ margin-bottom: unset;
3641
+ margin-inline-end: unset;
3600
3642
  }
3601
3643
  }
3602
3644
 
@@ -3660,27 +3702,46 @@
3660
3702
  }
3661
3703
 
3662
3704
 
3663
- .E_r77hffu {
3664
- display: flex;
3665
- align-items: center;
3666
- justify-content: space-between;
3667
- column-gap: 6px;
3705
+ .E_b14q2gmw {
3706
+ box-shadow: 0px 0.119595px 0.438513px rgba(129, 138, 153, 0.14),
3707
+ 0px 0.271728px 0.996336px rgba(129, 138, 153, 0.106447),
3708
+ 0px 0.472931px 1.73408px rgba(129, 138, 153, 0.0912224),
3709
+ 0px 0.751293px 2.75474px rgba(129, 138, 153, 0.0799253),
3710
+ 0px 1.15919px 4.25036px rgba(129, 138, 153, 0.07),
3711
+ 0px 1.80882px 6.63236px rgba(129, 138, 153, 0.0600747),
3712
+ 0px 3.00293px 11.0107px rgba(129, 138, 153, 0.0487776),
3713
+ 0px 6px 22px rgba(129, 138, 153, 0.0335534);
3668
3714
  }
3669
3715
 
3670
- .E_p1cmxsf7 {
3671
- display: flex;
3672
- flex-direction: column;
3673
- justify-content: center;
3674
- row-gap: var(--p1cmxsf7-0);
3716
+ .E_c1eym6el {
3717
+ border-radius: 8px;
3718
+ background-color: white;
3719
+ &.hoverable {
3720
+ cursor: pointer;
3675
3721
 
3676
- .antd5-progress-line {
3677
- font-size: 0;
3678
- margin-bottom: unset;
3679
- margin-inline-end: unset;
3722
+ &:hover {
3723
+ transition: all 200ms ease;
3724
+ box-shadow: 0px 9px 22px rgb(107 125 153 / 23%),
3725
+ 0px 1.12694px 2.75474px rgb(107 125 153 / 12%);
3726
+ transform: translateY(-4px);
3727
+ }
3680
3728
  }
3681
3729
  }
3682
3730
 
3683
3731
 
3732
+ .E_ckui4s7 {
3733
+ color: $text-primary-light;
3734
+ line-height: 22px;
3735
+ display: inline-flex;
3736
+ .ant-checkbox { height: 22px; display: flex; align-items: center; top: 0; } .ant-checkbox-checked::after { border: none; } &.ant-checkbox-wrapper:hover .ant-checkbox-inner, &.ant-checkbox-wrapper.__pseudo-states-hover .ant-checkbox-inner, .ant-checkbox:hover .ant-checkbox-inner { border-color: $fills-light-general-general; } .ant-checkbox .ant-checkbox-inner { border: 1px solid $strokes-light-trans-4; } .ant-checkbox.ant-checkbox-checked, .ant-checkbox.ant-checkbox-indeterminate { .ant-checkbox-inner { border: 1px solid $fills-light-general-general; } } .ant-checkbox.ant-checkbox-indeterminate .ant-checkbox-inner { background: $fills-light-general-general; &:after { background-color: $white; height: 2px; width: 10px; border-radius: 2px; } } &.ant-checkbox-wrapper-disabled { opacity: 0.5; .ant-checkbox-disabled .ant-checkbox-inner { background: $fills-light-trans-3; border-color: $strokes-light-trans-4 !important; } .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner:after { border-color: $text-primary-light; } .ant-checkbox-disabled.ant-checkbox-indeterminate .ant-checkbox-inner:after { background: $text-primary-light; } } .ant-checkbox + span, .ant-checkbox-disabled + span { padding: 0; .main { display: inline-block; margin-left: 12px; color: $text-primary-light; } .sub { margin-left: 28px; color: $text-secondary-light; } } &.compact { .ant-checkbox + span, .ant-checkbox-disabled + span { .main { margin-left: 8px; } .sub { margin-left: 24px; } } }
3737
+ }
3738
+
3739
+
3740
+ .E_c1yd35n {
3741
+ padding: 0 12px 14px 12px;
3742
+ }
3743
+
3744
+
3684
3745
  .E_c1kghdax {
3685
3746
  color: $text-primary-light;
3686
3747
  padding: 7px 12px;
@@ -3729,46 +3790,6 @@
3729
3790
  }
3730
3791
 
3731
3792
 
3732
- .E_b14q2gmw {
3733
- box-shadow: 0px 0.119595px 0.438513px rgba(129, 138, 153, 0.14),
3734
- 0px 0.271728px 0.996336px rgba(129, 138, 153, 0.106447),
3735
- 0px 0.472931px 1.73408px rgba(129, 138, 153, 0.0912224),
3736
- 0px 0.751293px 2.75474px rgba(129, 138, 153, 0.0799253),
3737
- 0px 1.15919px 4.25036px rgba(129, 138, 153, 0.07),
3738
- 0px 1.80882px 6.63236px rgba(129, 138, 153, 0.0600747),
3739
- 0px 3.00293px 11.0107px rgba(129, 138, 153, 0.0487776),
3740
- 0px 6px 22px rgba(129, 138, 153, 0.0335534);
3741
- }
3742
-
3743
- .E_c1eym6el {
3744
- border-radius: 8px;
3745
- background-color: white;
3746
- &.hoverable {
3747
- cursor: pointer;
3748
-
3749
- &:hover {
3750
- transition: all 200ms ease;
3751
- box-shadow: 0px 9px 22px rgb(107 125 153 / 23%),
3752
- 0px 1.12694px 2.75474px rgb(107 125 153 / 12%);
3753
- transform: translateY(-4px);
3754
- }
3755
- }
3756
- }
3757
-
3758
-
3759
- .E_c1yd35n {
3760
- padding: 0 12px 14px 12px;
3761
- }
3762
-
3763
-
3764
- .E_ckui4s7 {
3765
- color: $text-primary-light;
3766
- line-height: 22px;
3767
- display: inline-flex;
3768
- .ant-checkbox { height: 22px; display: flex; align-items: center; top: 0; } .ant-checkbox-checked::after { border: none; } &.ant-checkbox-wrapper:hover .ant-checkbox-inner, &.ant-checkbox-wrapper.__pseudo-states-hover .ant-checkbox-inner, .ant-checkbox:hover .ant-checkbox-inner { border-color: $fills-light-general-general; } .ant-checkbox .ant-checkbox-inner { border: 1px solid $strokes-light-trans-4; } .ant-checkbox.ant-checkbox-checked, .ant-checkbox.ant-checkbox-indeterminate { .ant-checkbox-inner { border: 1px solid $fills-light-general-general; } } .ant-checkbox.ant-checkbox-indeterminate .ant-checkbox-inner { background: $fills-light-general-general; &:after { background-color: $white; height: 2px; width: 10px; border-radius: 2px; } } &.ant-checkbox-wrapper-disabled { opacity: 0.5; .ant-checkbox-disabled .ant-checkbox-inner { background: $fills-light-trans-3; border-color: $strokes-light-trans-4 !important; } .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner:after { border-color: $text-primary-light; } .ant-checkbox-disabled.ant-checkbox-indeterminate .ant-checkbox-inner:after { background: $text-primary-light; } } .ant-checkbox + span, .ant-checkbox-disabled + span { padding: 0; .main { display: inline-block; margin-left: 12px; color: $text-primary-light; } .sub { margin-left: 28px; color: $text-secondary-light; } } &.compact { .ant-checkbox + span, .ant-checkbox-disabled + span { .main { margin-left: 8px; } .sub { margin-left: 24px; } } }
3769
- }
3770
-
3771
-
3772
3793
  .E_lht19u8 {
3773
3794
  width: 64px;
3774
3795
  height: 64px;
@@ -4063,6 +4084,29 @@
4063
4084
  }
4064
4085
 
4065
4086
 
4087
+ .E_t1gvlxt5 {
4088
+ min-width: 0;
4089
+ flex: 1;
4090
+ .tag {
4091
+ flex: 0 0 auto;
4092
+ }
4093
+ .progress-title {
4094
+ flex: 2;
4095
+ max-width: fit-content;
4096
+ }
4097
+ .progress-desc {
4098
+ flex: 1;
4099
+ max-width: fit-content;
4100
+ }
4101
+ }
4102
+
4103
+ .E_a1ji6r68 {
4104
+ display: flex;
4105
+ align-items: center;
4106
+ column-gap: var(--a1ji6r68-0);
4107
+ }
4108
+
4109
+
4066
4110
  .E_msn7nxt {
4067
4111
  color: $text-light-secondary;
4068
4112
  text-align: center;
@@ -4244,30 +4288,231 @@
4244
4288
  }
4245
4289
 
4246
4290
 
4247
- .E_t1gvlxt5 {
4248
- min-width: 0;
4249
- flex: 1;
4250
- .tag {
4251
- flex: 0 0 auto;
4291
+ .E_sjob3jg {
4292
+ $item: ant-steps-item;
4293
+ --item-min-width: 60px;
4294
+ .#{$item} {
4295
+ &-tail,
4296
+ &-icon {
4297
+ display: none !important;
4298
+ }
4252
4299
  }
4253
- .progress-title {
4254
- flex: 2;
4255
- max-width: fit-content;
4300
+ .#{$item}.#{$item}-active {
4301
+ flex-shrink: 0 !important;
4302
+ .step-item-prefix-container {
4303
+ color: $text-colorful-outstanding;
4304
+ }
4305
+ .#{$item}-container .#{$item}-content .#{$item}-title {
4306
+ color: $text-colorful-outstanding;
4307
+ font-weight: normal;
4308
+ }
4256
4309
  }
4257
- .progress-desc {
4258
- flex: 1;
4259
- max-width: fit-content;
4310
+ .#{$item}.#{$item}-finish {
4311
+ .#{$item}-container .#{$item}-content .#{$item}-title,
4312
+ & .#{$item}-container:hover .#{$item}-content .#{$item}-title {
4313
+ color: $text-neutral-tertiary;
4314
+ }
4260
4315
  }
4261
- }
4262
-
4263
- .E_a1ji6r68 {
4264
- display: flex;
4265
- align-items: center;
4266
- column-gap: var(--a1ji6r68-0);
4267
- }
4268
-
4269
-
4270
- .E_l48ei06 {
4316
+ .#{$item}.#{$item}-wait {
4317
+ .#{$item}-container .#{$item}-content .#{$item}-title {
4318
+ color: $text-neutral-primary;
4319
+ }
4320
+ }
4321
+ .step-item-text {
4322
+ display: inline-block;
4323
+ }
4324
+ .step-item-title {
4325
+ overflow: hidden;
4326
+ white-space: nowrap;
4327
+ text-overflow: ellipsis;
4328
+ }
4329
+ }
4330
+
4331
+ .E_hjvj6s6 {
4332
+ $item: ant-steps-item;
4333
+ @mixin rightTriangle($color: $fills-light-trans-1) {
4334
+ content: "";
4335
+ width: 0;
4336
+ height: 0;
4337
+ border: 13px solid transparent;
4338
+ position: absolute;
4339
+ top: 0;
4340
+ border-left: 8px solid $color;
4341
+ }
4342
+ .#{$item}-container {
4343
+ min-width: var(--item-min-width);
4344
+ }
4345
+ .#{$item}-disabled {
4346
+ cursor: not-allowed !important;
4347
+ }
4348
+ .ant-steps-horizontal.ant-steps-label-horizontal {
4349
+ flex-direction: row;
4350
+ justify-content: stretch;
4351
+ .#{$item} {
4352
+ padding: 0;
4353
+ margin-right: 4px;
4354
+ flex: 1;
4355
+ overflow: visible;
4356
+ .#{$item}-content {
4357
+ width: 100%;
4358
+ min-height: unset;
4359
+ .#{$item}-title {
4360
+ height: 26px;
4361
+ line-height: 26px;
4362
+ width: 100%;
4363
+ padding: 0;
4364
+ font-size: 12px;
4365
+ .step-count {
4366
+ margin-right: 10px;
4367
+ }
4368
+ &::after {
4369
+ display: none;
4370
+ }
4371
+ }
4372
+ }
4373
+ &:first-child {
4374
+ .#{$item}-container {
4375
+ padding-left: 8px;
4376
+ padding-right: 4px;
4377
+ border-radius: 4px 0 0 4px;
4378
+ }
4379
+ }
4380
+ &:last-child {
4381
+ margin-right: 0;
4382
+ .#{$item}-container {
4383
+ padding-right: 8px;
4384
+ padding-left: 12px;
4385
+ border-radius: 0 4px 4px 0;
4386
+ }
4387
+ }
4388
+ &:not(&:last-child) {
4389
+ &::after {
4390
+ @include rightTriangle();
4391
+ z-index: 2;
4392
+ position: relative;
4393
+ top: -50%;
4394
+ right: -100%;
4395
+ }
4396
+ }
4397
+ &:not(:first-child):not(:last-child) {
4398
+ .#{$item}-container {
4399
+ padding: 0 4px 0 12px;
4400
+ }
4401
+ }
4402
+ &:not(&:first-child) {
4403
+ &::before {
4404
+ @include rightTriangle(#fff);
4405
+ left: 0;
4406
+ }
4407
+ }
4408
+ }
4409
+ .#{$item}-active {
4410
+ max-width: calc(100% - var(--item-min-width) * 2);
4411
+ .#{$item}-container {
4412
+ background-color: $fills-light-general-general-light;
4413
+ }
4414
+ &::after {
4415
+ border-left-color: $fills-light-general-general-light !important;
4416
+ }
4417
+ }
4418
+ .#{$item}-finish {
4419
+ cursor: pointer;
4420
+ min-width: var(--item-min-width);
4421
+ }
4422
+ .#{$item}-wait,
4423
+ .#{$item}-finish {
4424
+ min-width: var(--item-min-width);
4425
+ .#{$item}-container {
4426
+ background-color: $fills-light-trans-1;
4427
+ }
4428
+ }
4429
+ }
4430
+ .ant-steps:not(.ant-steps-dot):not(.ant-steps-navigation):not(
4431
+ .ant-steps-vertical
4432
+ )
4433
+ .#{$item} {
4434
+ padding: 0;
4435
+ }
4436
+ }
4437
+
4438
+ .E_v4tv3mf {
4439
+ $item: ant-steps-item;
4440
+ .ant-steps.ant-steps-vertical {
4441
+ width: 192px;
4442
+ row-gap: 2px;
4443
+
4444
+ .preview-mode:not(.#{$item}-active) .#{$item}-container {
4445
+ &:hover {
4446
+ background-color: $fill-neutral-trans-2;
4447
+ }
4448
+ .#{$item}-title {
4449
+ color: $text-neutral-primary !important;
4450
+ }
4451
+ }
4452
+ .#{$item}:not(.#{$item}-active):not(.#{$item}-disabled)
4453
+ .#{$item}-container:hover {
4454
+ background-color: $fill-neutral-trans-2;
4455
+ }
4456
+ .#{$item}-container {
4457
+ padding: 0 8px;
4458
+ border-radius: 4px;
4459
+ height: 32px;
4460
+ display: flex;
4461
+ align-items: center;
4462
+ .#{$item}-content {
4463
+ min-height: auto;
4464
+ white-space: nowrap;
4465
+ & .ant-steps-item-title {
4466
+ font-size: 13px;
4467
+ line-height: 20px;
4468
+ max-width: 100%;
4469
+ padding-right: 0;
4470
+ }
4471
+ }
4472
+ }
4473
+ .#{$item}-active {
4474
+ .ant-steps-item-container {
4475
+ background: rgba($blue-60, 0.1);
4476
+ }
4477
+ }
4478
+ }
4479
+ }
4480
+
4481
+ .E_h6l1tj4 {
4482
+ width: 100%;
4483
+ display: inline-flex;
4484
+ align-items: center;
4485
+ justify-content: center;
4486
+ column-gap: 4px;
4487
+ .step-item-prefix-container {
4488
+ display: inline-flex;
4489
+ align-items: center;
4490
+ width: 18px;
4491
+ height: 18px;
4492
+ color: $gray-a75-8;
4493
+ justify-content: center;
4494
+ }
4495
+ }
4496
+
4497
+ .E_v18frne8 {
4498
+ width: 100%;
4499
+ display: flex;
4500
+ align-items: center;
4501
+ justify-content: center;
4502
+ column-gap: 6px;
4503
+ font-size: 13px;
4504
+ .step-item-prefix-container {
4505
+ display: inline-flex;
4506
+ align-items: center;
4507
+ min-width: 20px;
4508
+ min-height: 20px;
4509
+ color: $gray-a75-8;
4510
+ justify-content: center;
4511
+ }
4512
+ }
4513
+
4514
+
4515
+ .E_l48ei06 {
4271
4516
  @at-root {
4272
4517
  button#{&}.ant-btn,
4273
4518
  button#{&}.ant-btn.ant-btn-sm,
@@ -4944,308 +5189,23 @@
4944
5189
  }
4945
5190
 
4946
5191
 
4947
- .E_sjob3jg {
4948
- $item: ant-steps-item;
4949
- --item-min-width: 60px;
4950
- .#{$item} {
4951
- &-tail,
4952
- &-icon {
4953
- display: none !important;
4954
- }
4955
- }
4956
- .#{$item}.#{$item}-active {
4957
- flex-shrink: 0 !important;
4958
- .step-item-prefix-container {
4959
- color: $text-colorful-outstanding;
4960
- }
4961
- .#{$item}-container .#{$item}-content .#{$item}-title {
4962
- color: $text-colorful-outstanding;
4963
- font-weight: normal;
4964
- }
4965
- }
4966
- .#{$item}.#{$item}-finish {
4967
- .#{$item}-container .#{$item}-content .#{$item}-title,
4968
- & .#{$item}-container:hover .#{$item}-content .#{$item}-title {
4969
- color: $text-neutral-tertiary;
4970
- }
4971
- }
4972
- .#{$item}.#{$item}-wait {
4973
- .#{$item}-container .#{$item}-content .#{$item}-title {
4974
- color: $text-neutral-primary;
5192
+ .E_w7ob4th {
5193
+ &.outside-tag {
5194
+ padding-left: 0;
5195
+ .inside-tag {
5196
+ border-radius: 4px 0 0 4px;
5197
+ padding-right: 4px;
5198
+ margin-right: 4px;
4975
5199
  }
4976
5200
  }
4977
- .step-item-text {
4978
- display: inline-block;
4979
- }
4980
- .step-item-title {
4981
- overflow: hidden;
4982
- white-space: nowrap;
4983
- text-overflow: ellipsis;
4984
- }
4985
5201
  }
4986
5202
 
4987
- .E_hjvj6s6 {
4988
- $item: ant-steps-item;
4989
- @mixin rightTriangle($color: $fills-light-trans-1) {
4990
- content: "";
4991
- width: 0;
4992
- height: 0;
4993
- border: 13px solid transparent;
4994
- position: absolute;
4995
- top: 0;
4996
- border-left: 8px solid $color;
4997
- }
4998
- .#{$item}-container {
4999
- min-width: var(--item-min-width);
5000
- }
5001
- .#{$item}-disabled {
5002
- cursor: not-allowed !important;
5003
- }
5004
- .ant-steps-horizontal.ant-steps-label-horizontal {
5005
- flex-direction: row;
5006
- justify-content: stretch;
5007
- .#{$item} {
5008
- padding: 0;
5009
- margin-right: 4px;
5010
- flex: 1;
5011
- overflow: visible;
5012
- .#{$item}-content {
5013
- width: 100%;
5014
- min-height: unset;
5015
- .#{$item}-title {
5016
- height: 26px;
5017
- line-height: 26px;
5018
- width: 100%;
5019
- padding: 0;
5020
- font-size: 12px;
5021
- .step-count {
5022
- margin-right: 10px;
5023
- }
5024
- &::after {
5025
- display: none;
5026
- }
5027
- }
5028
- }
5029
- &:first-child {
5030
- .#{$item}-container {
5031
- padding-left: 8px;
5032
- padding-right: 4px;
5033
- border-radius: 4px 0 0 4px;
5034
- }
5035
- }
5036
- &:last-child {
5037
- margin-right: 0;
5038
- .#{$item}-container {
5039
- padding-right: 8px;
5040
- padding-left: 12px;
5041
- border-radius: 0 4px 4px 0;
5042
- }
5043
- }
5044
- &:not(&:last-child) {
5045
- &::after {
5046
- @include rightTriangle();
5047
- z-index: 2;
5048
- position: relative;
5049
- top: -50%;
5050
- right: -100%;
5051
- }
5052
- }
5053
- &:not(:first-child):not(:last-child) {
5054
- .#{$item}-container {
5055
- padding: 0 4px 0 12px;
5056
- }
5057
- }
5058
- &:not(&:first-child) {
5059
- &::before {
5060
- @include rightTriangle(#fff);
5061
- left: 0;
5062
- }
5063
- }
5064
- }
5065
- .#{$item}-active {
5066
- max-width: calc(100% - var(--item-min-width) * 2);
5067
- .#{$item}-container {
5068
- background-color: $fills-light-general-general-light;
5069
- }
5070
- &::after {
5071
- border-left-color: $fills-light-general-general-light !important;
5072
- }
5073
- }
5074
- .#{$item}-finish {
5075
- cursor: pointer;
5076
- min-width: var(--item-min-width);
5077
- }
5078
- .#{$item}-wait,
5079
- .#{$item}-finish {
5080
- min-width: var(--item-min-width);
5081
- .#{$item}-container {
5082
- background-color: $fills-light-trans-1;
5083
- }
5084
- }
5085
- }
5086
- .ant-steps:not(.ant-steps-dot):not(.ant-steps-navigation):not(
5087
- .ant-steps-vertical
5088
- )
5089
- .#{$item} {
5090
- padding: 0;
5091
- }
5092
- }
5093
-
5094
- .E_v4tv3mf {
5095
- $item: ant-steps-item;
5096
- .ant-steps.ant-steps-vertical {
5097
- width: 192px;
5098
- row-gap: 2px;
5099
-
5100
- .preview-mode:not(.#{$item}-active) .#{$item}-container {
5101
- &:hover {
5102
- background-color: $fill-neutral-trans-2;
5103
- }
5104
- .#{$item}-title {
5105
- color: $text-neutral-primary !important;
5106
- }
5107
- }
5108
- .#{$item}:not(.#{$item}-active):not(.#{$item}-disabled)
5109
- .#{$item}-container:hover {
5110
- background-color: $fill-neutral-trans-2;
5111
- }
5112
- .#{$item}-container {
5113
- padding: 0 8px;
5114
- border-radius: 4px;
5115
- height: 32px;
5116
- display: flex;
5117
- align-items: center;
5118
- .#{$item}-content {
5119
- min-height: auto;
5120
- white-space: nowrap;
5121
- & .ant-steps-item-title {
5122
- font-size: 13px;
5123
- line-height: 20px;
5124
- max-width: 100%;
5125
- padding-right: 0;
5126
- }
5127
- }
5128
- }
5129
- .#{$item}-active {
5130
- .ant-steps-item-container {
5131
- background: rgba($blue-60, 0.1);
5132
- }
5133
- }
5134
- }
5135
- }
5136
-
5137
- .E_h6l1tj4 {
5138
- width: 100%;
5139
- display: inline-flex;
5140
- align-items: center;
5141
- justify-content: center;
5142
- column-gap: 4px;
5143
- .step-item-prefix-container {
5144
- display: inline-flex;
5145
- align-items: center;
5146
- width: 18px;
5147
- height: 18px;
5148
- color: $gray-a75-8;
5149
- justify-content: center;
5150
- }
5151
- }
5152
-
5153
- .E_v18frne8 {
5154
- width: 100%;
5155
- display: flex;
5156
- align-items: center;
5157
- justify-content: center;
5158
- column-gap: 6px;
5159
- font-size: 13px;
5160
- .step-item-prefix-container {
5161
- display: inline-flex;
5162
- align-items: center;
5163
- min-width: 20px;
5164
- min-height: 20px;
5165
- color: $gray-a75-8;
5166
- justify-content: center;
5167
- }
5168
- }
5169
-
5170
-
5171
- .E_w7ob4th {
5172
- &.outside-tag {
5173
- padding-left: 0;
5174
- .inside-tag {
5175
- border-radius: 4px 0 0 4px;
5176
- padding-right: 4px;
5177
- margin-right: 4px;
5178
- }
5179
- }
5180
- }
5181
-
5182
-
5183
- .E_slr2ynn {
5184
- padding: 0 8px;
5185
- height: 18px;
5186
- }
5187
-
5188
- .E_m140wbb6 {
5189
- padding: 2px 8px;
5190
- height: 24px;
5191
- }
5192
5203
 
5193
- .E_t1fozc1i {
5194
- margin: 0;
5195
- }
5196
-
5197
- .E_i1vxv4ln {
5204
+ .E_i1g85yz3 {
5198
5205
  margin-right: 4px;
5199
5206
  height: 16px;
5200
5207
  }
5201
5208
 
5202
- .E_n1afl31m {
5203
- &.ant-tag.ant-tag-gray {
5204
- font-weight: 700;
5205
- color: $text-neutral-primary;
5206
- background-color: $fill-neutral-trans-1;
5207
- border: 1px solid $stroke-neutral-trans-2;
5208
- word-break: break-all;
5209
- display: inline;
5210
- white-space: normal;
5211
- }
5212
- }
5213
-
5214
-
5215
- .E_t13ef470 {
5216
- height: 100%;
5217
- .table-loading-item {
5218
- padding: 12px 4px;
5219
- border-bottom: 1px solid rgba($gray-50, 0.18);
5220
- display: flex;
5221
-
5222
- > * {
5223
- height: 16px;
5224
- margin: 4px;
5225
- background: rgba($gray-50, 0.18);
5226
- border-radius: 2px;
5227
- }
5228
- .checkbox-loading {
5229
- width: 16px;
5230
- }
5231
- .td-loading {
5232
- flex: 1;
5233
- }
5234
- }
5235
-
5236
- :nth-child(1) {
5237
- padding: 8px 4px;
5238
- > * {
5239
- background: rgba($gray-70, 0.18);
5240
- }
5241
- }
5242
- :nth-child(1) {
5243
- > * {
5244
- background: rgba($gray-60, 0.18);
5245
- }
5246
- }
5247
- }
5248
-
5249
5209
 
5250
5210
  .E_t1dtlqs1 {
5251
5211
  margin-bottom: 4px;
@@ -5465,14 +5425,75 @@
5465
5425
  }
5466
5426
 
5467
5427
 
5468
- .E_i1g85yz3 {
5469
- margin-right: 4px;
5470
- height: 16px;
5471
- }
5472
-
5428
+ .E_slr2ynn {
5429
+ padding: 0 8px;
5430
+ height: 18px;
5431
+ }
5473
5432
 
5474
- .E_bpgac8u {
5475
- color: #FFFFFF;
5433
+ .E_m140wbb6 {
5434
+ padding: 2px 8px;
5435
+ height: 24px;
5436
+ }
5437
+
5438
+ .E_t1fozc1i {
5439
+ margin: 0;
5440
+ }
5441
+
5442
+ .E_i1vxv4ln {
5443
+ margin-right: 4px;
5444
+ height: 16px;
5445
+ }
5446
+
5447
+ .E_n1afl31m {
5448
+ &.ant-tag.ant-tag-gray {
5449
+ font-weight: 700;
5450
+ color: $text-neutral-primary;
5451
+ background-color: $fill-neutral-trans-1;
5452
+ border: 1px solid $stroke-neutral-trans-2;
5453
+ word-break: break-all;
5454
+ display: inline;
5455
+ white-space: normal;
5456
+ }
5457
+ }
5458
+
5459
+
5460
+ .E_t13ef470 {
5461
+ height: 100%;
5462
+ .table-loading-item {
5463
+ padding: 12px 4px;
5464
+ border-bottom: 1px solid rgba($gray-50, 0.18);
5465
+ display: flex;
5466
+
5467
+ > * {
5468
+ height: 16px;
5469
+ margin: 4px;
5470
+ background: rgba($gray-50, 0.18);
5471
+ border-radius: 2px;
5472
+ }
5473
+ .checkbox-loading {
5474
+ width: 16px;
5475
+ }
5476
+ .td-loading {
5477
+ flex: 1;
5478
+ }
5479
+ }
5480
+
5481
+ :nth-child(1) {
5482
+ padding: 8px 4px;
5483
+ > * {
5484
+ background: rgba($gray-70, 0.18);
5485
+ }
5486
+ }
5487
+ :nth-child(1) {
5488
+ > * {
5489
+ background: rgba($gray-60, 0.18);
5490
+ }
5491
+ }
5492
+ }
5493
+
5494
+
5495
+ .E_bpgac8u {
5496
+ color: #FFFFFF;
5476
5497
  display: flex;
5477
5498
  gap: 8px;
5478
5499
  padding: 8px 0;
@@ -5555,6 +5576,19 @@
5555
5576
  }
5556
5577
  }
5557
5578
 
5579
+ &.initializing-error {
5580
+ .ant-modal-body {
5581
+ display: flex;
5582
+ justify-content: center;
5583
+ align-items: center;
5584
+ height: 100%;
5585
+ }
5586
+ }
5587
+
5588
+ .initializing-title {
5589
+ height: 40px;
5590
+ }
5591
+
5558
5592
  .ant-modal-footer {
5559
5593
  border-top: 1px solid rgba(225, 230, 241, 0.6);
5560
5594
  padding: 24px 0 60px 0;
@@ -5749,39 +5783,6 @@
5749
5783
  }
5750
5784
 
5751
5785
 
5752
- .E_s20iney {
5753
- &.skeleton-box {
5754
- display: flex;
5755
- align-items: center;
5756
- justify-content: center;
5757
- position: relative;
5758
- border-radius: 2px;
5759
- background: #E1E6F199;
5760
- overflow: hidden;
5761
-
5762
- & > .skeleton-shimmer {
5763
- width: 200%;
5764
- height: 200%;
5765
- transform: rotate(15deg);
5766
- position: absolute;
5767
- top: -50%;
5768
- flex-shrink: 0;
5769
- opacity: 0.8;
5770
- background: linear-gradient(
5771
- 90deg,
5772
- rgba(255, 255, 255, 0) 15%,
5773
- #FFFFFF99 50%,
5774
- rgba(255, 255, 255, 0) 85%
5775
- );
5776
-
5777
- animation: shimmer 1100ms infinite;
5778
- }
5779
-
5780
- @keyframes shimmer { from { left: -120%; } to { left: 100%; } }
5781
- }
5782
- }
5783
-
5784
-
5785
5786
  .E_dxyv8bv {
5786
5787
  --footer-height: 80px;
5787
5788
  --header-height: 56px;
@@ -5791,7 +5792,8 @@
5791
5792
  100vh - 144px - var(--header-height) - var(--footer-height)
5792
5793
  );
5793
5794
  --modal-header-padding: 32px 40px 0;
5794
- --modal-content-padding-y: 32px;
5795
+ --modal-content-padding-top: 32px;
5796
+ --modal-content-padding-bottom: 32px;
5795
5797
  --modal-content-padding-x: 40px;
5796
5798
  --modal-footer-padding: 0 40px;
5797
5799
 
@@ -5818,8 +5820,11 @@
5818
5820
  }
5819
5821
 
5820
5822
  .ant-modal-body {
5821
- padding: var(--modal-content-padding-y) var(--modal-content-padding-x);
5822
- padding-right: calc(var(--modal-content-padding-x) - 6px);
5823
+ padding: var(--modal-content-padding-top) var(--modal-content-padding-x)
5824
+ var(--modal-content-padding-bottom);
5825
+ padding-right: calc(
5826
+ var(--modal-content-padding-x) - 6px
5827
+ ); // Reserve 6px width for scrollbar
5823
5828
  min-height: var(--modal-content-min-height);
5824
5829
  max-height: var(--modal-content-max-height);
5825
5830
  overflow-y: auto;
@@ -5837,6 +5842,15 @@
5837
5842
  }
5838
5843
  }
5839
5844
 
5845
+ &.initializing-error {
5846
+ .ant-modal-body {
5847
+ display: flex;
5848
+ justify-content: center;
5849
+ align-items: center;
5850
+ height: 100%;
5851
+ }
5852
+ }
5853
+
5840
5854
  .ant-modal-footer {
5841
5855
  height: var(--footer-height);
5842
5856
  padding: var(--modal-footer-padding);
@@ -5879,6 +5893,63 @@
5879
5893
  }
5880
5894
  }
5881
5895
 
5896
+ .E_m1k84ymw {
5897
+ width: 132px;
5898
+ height: 24px;
5899
+ }
5900
+
5901
+ .E_m15ds5xe {
5902
+ width: 100%;
5903
+ height: 100%;
5904
+ .skeleton-wrapper {
5905
+ width: 100%;
5906
+ height: 32px;
5907
+ }
5908
+ }
5909
+
5910
+ .E_ma56n19 {
5911
+ display: flex;
5912
+ flex-direction: column;
5913
+ gap: 4px;
5914
+ justify-content: center;
5915
+ align-items: center;
5916
+ height: 100%;
5917
+ color: #0015404D;
5918
+ }
5919
+
5920
+
5921
+ .E_s20iney {
5922
+ &.skeleton-box {
5923
+ display: flex;
5924
+ align-items: center;
5925
+ justify-content: center;
5926
+ position: relative;
5927
+ border-radius: 2px;
5928
+ background: #E1E6F199;
5929
+ overflow: hidden;
5930
+
5931
+ & > .skeleton-shimmer {
5932
+ width: 200%;
5933
+ height: 200%;
5934
+ transform: rotate(15deg);
5935
+ position: absolute;
5936
+ top: -50%;
5937
+ flex-shrink: 0;
5938
+ opacity: 0.8;
5939
+ background: linear-gradient(
5940
+ 90deg,
5941
+ rgba(255, 255, 255, 0) 15%,
5942
+ #FFFFFF99 50%,
5943
+ rgba(255, 255, 255, 0) 85%
5944
+ );
5945
+
5946
+ animation: shimmer 1100ms infinite;
5947
+ }
5948
+
5949
+ @keyframes shimmer { from { left: -120%; } to { left: 100%; } }
5950
+ }
5951
+ }
5952
+
5882
5953
 
5883
5954
  .E_sqv6dmy {
5884
5955
  display: flex;
@@ -5917,6 +5988,11 @@
5917
5988
  }
5918
5989
 
5919
5990
 
5991
+ .E_t1616y1o {
5992
+ color: $text-light-on-tint;
5993
+ }
5994
+
5995
+
5920
5996
  .E_t1g36k2w {
5921
5997
  overflow: hidden;
5922
5998
  height: 100%;
@@ -5949,11 +6025,6 @@
5949
6025
  }
5950
6026
 
5951
6027
 
5952
- .E_t1616y1o {
5953
- color: $text-light-on-tint;
5954
- }
5955
-
5956
-
5957
6028
  .E_a9y3flr {
5958
6029
  margin-left: 8px;
5959
6030
  }
@@ -6041,73 +6112,6 @@
6041
6112
  }
6042
6113
 
6043
6114
 
6044
- .E_s1ebs0ra {
6045
- display: flex;
6046
- align-items: center;
6047
- justify-content: space-between;
6048
- background: $backgrounds-light-grouped;
6049
- padding: 8px 12px;
6050
- position: sticky;
6051
- top: 0;
6052
- z-index: 1;
6053
- margin-bottom: -52px;
6054
-
6055
- .select-total {
6056
- display: flex;
6057
- align-items: center;
6058
- font-weight: 700;
6059
- flex-shrink: 0;
6060
-
6061
- .icon-wrapper {
6062
- cursor: pointer;
6063
- margin-left: 8px;
6064
- width: 32px;
6065
- height: 32px;
6066
- border-radius: 50%;
6067
- justify-content: center;
6068
-
6069
- &:hover {
6070
- background: $fills-light-trans-2;
6071
- }
6072
- }
6073
- }
6074
- .action-group {
6075
- flex: 1;
6076
- margin-left: 88px;
6077
- white-space: nowrap;
6078
- text-align: right;
6079
- position: relative;
6080
- padding: 4px 0;
6081
- margin-top: -4px;
6082
- overflow: hidden;
6083
- .sub-menu-delete {
6084
- transform: translateY(-4px);
6085
- }
6086
- button {
6087
- border: none;
6088
- }
6089
- > *:not(:last-child) {
6090
- margin-right: 8px;
6091
- }
6092
-
6093
- > button:last-child {
6094
- margin-right: 4px;
6095
- }
6096
- .more-btn {
6097
- cursor: pointer;
6098
- width: 32px;
6099
- height: 32px;
6100
- justify-content: center;
6101
- border-radius: 50%;
6102
-
6103
- &:hover {
6104
- background: $white;
6105
- }
6106
- }
6107
- }
6108
- }
6109
-
6110
-
6111
6115
  .E_skwah65 {
6112
6116
  height: 8px;
6113
6117
  box-sizing: border-box;
@@ -6123,57 +6127,15 @@
6123
6127
  }
6124
6128
 
6125
6129
 
6126
- .E_c18bcrac {
6127
- display: inline-block;
6128
- width: 100%;
6129
- .recharts-wrapper {
6130
- margin-left: 4px;
6130
+ .E_gmyahx3 {
6131
+ cursor: pointer;
6132
+
6133
+ .link-text {
6134
+ color: $text-light-tertiary;
6131
6135
  }
6132
- }
6133
6136
 
6134
- .E_cro7kg2 {
6135
- padding: 4px;
6136
-
6137
- .unit {
6138
- color: white;
6139
- }
6140
- }
6141
-
6142
- .E_c14wcxf0 {
6143
- display: flex;
6144
- justify-content: space-between;
6145
- align-items: center;
6146
- font-size: 13px;
6147
- line-height: 24px;
6148
- color: #cccccc;
6149
- white-space: nowrap;
6150
-
6151
- label {
6152
- margin-right: 32px;
6153
- }
6154
- }
6155
-
6156
- .E_coy29mj.E_c14wcxf0 {
6157
- font-weight: bold;
6158
- color: white;
6159
- }
6160
-
6161
- .E_s11212zy {
6162
- width: 8px;
6163
- height: 8px;
6164
- border-radius: 2px;
6165
- display: inline-block;
6166
- background: var(--s11212zy-0);
6167
- border: 1px solid $fills-light-white;
6168
- box-sizing: content-box;
6169
- margin-right: 6px;
6170
- }
6171
-
6172
- .E_p1lyky6c {
6173
- & > :first-child {
6174
- font-weight: bold;
6175
- color: white;
6176
- margin-right: 4px;
6137
+ &:hover .link-text {
6138
+ color: $text-light-general;
6177
6139
  }
6178
6140
  }
6179
6141
 
@@ -6276,6 +6238,327 @@
6276
6238
  }
6277
6239
 
6278
6240
 
6241
+ .E_n12mqh7z {
6242
+ display: flex;
6243
+ align-items: center;
6244
+ font-size: 12px;
6245
+ line-height: 18px;
6246
+
6247
+ &:not(:last-child) {
6248
+ margin-bottom: 4px;
6249
+ }
6250
+ }
6251
+
6252
+ .E_tf5bynu {
6253
+ margin: 0 3px;
6254
+ }
6255
+
6256
+ .E_tcckoz1 {
6257
+ max-height: 400px;
6258
+ overflow: auto;
6259
+ }
6260
+
6261
+
6262
+ .E_tqjc4ui {
6263
+ @at-root {
6264
+ span#{&} {
6265
+ margin: 0 2px;
6266
+ }
6267
+ }
6268
+ }
6269
+
6270
+
6271
+ .E_s1ebs0ra {
6272
+ display: flex;
6273
+ align-items: center;
6274
+ justify-content: space-between;
6275
+ background: $backgrounds-light-grouped;
6276
+ padding: 8px 12px;
6277
+ position: sticky;
6278
+ top: 0;
6279
+ z-index: 1;
6280
+ margin-bottom: -52px;
6281
+
6282
+ .select-total {
6283
+ display: flex;
6284
+ align-items: center;
6285
+ font-weight: 700;
6286
+ flex-shrink: 0;
6287
+
6288
+ .icon-wrapper {
6289
+ cursor: pointer;
6290
+ margin-left: 8px;
6291
+ width: 32px;
6292
+ height: 32px;
6293
+ border-radius: 50%;
6294
+ justify-content: center;
6295
+
6296
+ &:hover {
6297
+ background: $fills-light-trans-2;
6298
+ }
6299
+ }
6300
+ }
6301
+ .action-group {
6302
+ flex: 1;
6303
+ margin-left: 88px;
6304
+ white-space: nowrap;
6305
+ text-align: right;
6306
+ position: relative;
6307
+ padding: 4px 0;
6308
+ margin-top: -4px;
6309
+ overflow: hidden;
6310
+ .sub-menu-delete {
6311
+ transform: translateY(-4px);
6312
+ }
6313
+ button {
6314
+ border: none;
6315
+ }
6316
+ > *:not(:last-child) {
6317
+ margin-right: 8px;
6318
+ }
6319
+
6320
+ > button:last-child {
6321
+ margin-right: 4px;
6322
+ }
6323
+ .more-btn {
6324
+ cursor: pointer;
6325
+ width: 32px;
6326
+ height: 32px;
6327
+ justify-content: center;
6328
+ border-radius: 50%;
6329
+
6330
+ &:hover {
6331
+ background: $white;
6332
+ }
6333
+ }
6334
+ }
6335
+ }
6336
+
6337
+
6338
+ .E_ou7iq30 {
6339
+ overflow: hidden;
6340
+ text-overflow: ellipsis;
6341
+ }
6342
+
6343
+ .E_s1tui002 {
6344
+ white-space: nowrap;
6345
+ }
6346
+
6347
+ .E_mxrc2zg {
6348
+ display: -webkit-box;
6349
+ -webkit-line-clamp: var(--mxrc2zg-0);
6350
+ -webkit-box-orient: vertical;
6351
+ word-break: break-all;
6352
+ }
6353
+
6354
+ .E_t1vv6d68 {
6355
+ .ant-tooltip-arrow {
6356
+ display: none;
6357
+ }
6358
+ .ant-tooltip-inner {
6359
+ background: $gray-a80-9;
6360
+ border-radius: 4px;
6361
+ &:has(.eagle-ellipsis-content) {
6362
+ visibility: hidden;
6363
+ }
6364
+ }
6365
+ }
6366
+
6367
+
6368
+ .E_c18bcrac {
6369
+ display: inline-block;
6370
+ width: 100%;
6371
+ .recharts-wrapper {
6372
+ margin-left: 4px;
6373
+ }
6374
+ }
6375
+
6376
+ .E_cro7kg2 {
6377
+ padding: 4px;
6378
+
6379
+ .unit {
6380
+ color: white;
6381
+ }
6382
+ }
6383
+
6384
+ .E_c14wcxf0 {
6385
+ display: flex;
6386
+ justify-content: space-between;
6387
+ align-items: center;
6388
+ font-size: 13px;
6389
+ line-height: 24px;
6390
+ color: #cccccc;
6391
+ white-space: nowrap;
6392
+
6393
+ label {
6394
+ margin-right: 32px;
6395
+ }
6396
+ }
6397
+
6398
+ .E_coy29mj.E_c14wcxf0 {
6399
+ font-weight: bold;
6400
+ color: white;
6401
+ }
6402
+
6403
+ .E_s11212zy {
6404
+ width: 8px;
6405
+ height: 8px;
6406
+ border-radius: 2px;
6407
+ display: inline-block;
6408
+ background: var(--s11212zy-0);
6409
+ border: 1px solid $fills-light-white;
6410
+ box-sizing: content-box;
6411
+ margin-right: 6px;
6412
+ }
6413
+
6414
+ .E_p1lyky6c {
6415
+ & > :first-child {
6416
+ font-weight: bold;
6417
+ color: white;
6418
+ margin-right: 4px;
6419
+ }
6420
+ }
6421
+
6422
+
6423
+ .E_s1at6qmn {
6424
+ &.ant-layout-sider {
6425
+ background: $backgrounds-light-grouped;
6426
+ padding: 32px 8px;
6427
+ overflow: auto;
6428
+ }
6429
+
6430
+ .ant-layout-sider-children {
6431
+ display: flex;
6432
+ flex-direction: column;
6433
+ justify-content: space-between;
6434
+ }
6435
+
6436
+ footer {
6437
+ display: flex;
6438
+ }
6439
+
6440
+ .ant-menu {
6441
+ background: $backgrounds-light-grouped;
6442
+ a {
6443
+ color: $text-light-primary;
6444
+ width: 180px;
6445
+ overflow: hidden;
6446
+ text-overflow: ellipsis;
6447
+ }
6448
+ }
6449
+
6450
+ .ant-menu-vertical {
6451
+ margin-bottom: 24px;
6452
+
6453
+ .ant-menu-item-group {
6454
+ .ant-menu-item {
6455
+ margin: 0;
6456
+ }
6457
+ .ant-menu-item-group-title {
6458
+ font-size: 12px;
6459
+ padding: 0 8px 4px;
6460
+ line-height: 18px;
6461
+
6462
+ &:empty {
6463
+ padding: 0;
6464
+ }
6465
+ }
6466
+ &:not(:last-child) {
6467
+ padding-bottom: 24px;
6468
+ &.split {
6469
+ margin-bottom: 24px;
6470
+ border-bottom: 1px solid rgba(211, 218, 235, 0.6);
6471
+ }
6472
+ }
6473
+ }
6474
+
6475
+ .ant-menu-item {
6476
+ transition: none;
6477
+ display: flex;
6478
+ align-items: center;
6479
+ height: 32px;
6480
+ line-height: 22px;
6481
+ padding: 0 8px;
6482
+
6483
+ > .icon-wrapper {
6484
+ margin-right: 12px;
6485
+ }
6486
+
6487
+ &:not(:last-child) {
6488
+ margin: 0;
6489
+ margin-bottom: 2px;
6490
+ }
6491
+ &.ant-menu-item-selected {
6492
+ background: $background-selected;
6493
+ box-shadow: $box-shadow-light-selected;
6494
+ border-radius: 6px;
6495
+ color: $text-light-on-tint;
6496
+ a {
6497
+ color: $text-light-on-tint;
6498
+ }
6499
+ }
6500
+ &:not(.ant-menu-item-selected) {
6501
+ &.ant-menu-item:hover,
6502
+ &.ant-menu-item-active {
6503
+ background: $background-onhover;
6504
+ box-shadow: $box-shadow-light-onhover;
6505
+ border-radius: 6px;
6506
+ }
6507
+ }
6508
+ }
6509
+ }
6510
+ }
6511
+
6512
+ .E_s1wu0lms {
6513
+ .ant-menu-item-group-title {
6514
+ white-space: nowrap;
6515
+ transition: all 0s;
6516
+ }
6517
+
6518
+ &.shrink {
6519
+ transition: all 0s;
6520
+ overflow: hidden;
6521
+
6522
+ .ant-menu-item-group-title {
6523
+ visibility: hidden;
6524
+ }
6525
+
6526
+ .ant-menu-item {
6527
+ width: 36px;
6528
+ padding: 0 6px;
6529
+ }
6530
+ }
6531
+ }
6532
+
6533
+ .E_n1ugzfva {
6534
+ display: flex;
6535
+ place-items: center;
6536
+ width: 100% !important;
6537
+
6538
+ &[disabled] {
6539
+ color: rgba(0, 0, 0, 0.25) !important;
6540
+ opacity: 1 !important;
6541
+ }
6542
+
6543
+ &.ant-btn {
6544
+ width: 100%;
6545
+ color: $text-light-primary;
6546
+ }
6547
+
6548
+ .icon-wrapper {
6549
+ margin-right: 12px;
6550
+ }
6551
+
6552
+ .link-title {
6553
+ flex: 1;
6554
+ overflow: hidden;
6555
+ white-space: nowrap;
6556
+ text-overflow: ellipsis;
6557
+ text-align: left;
6558
+ }
6559
+ }
6560
+
6561
+
6279
6562
  .E_c1up1pdz {
6280
6563
  width: 648px;
6281
6564
 
@@ -6440,79 +6723,6 @@
6440
6723
  }
6441
6724
 
6442
6725
 
6443
- .E_gmyahx3 {
6444
- cursor: pointer;
6445
-
6446
- .link-text {
6447
- color: $text-light-tertiary;
6448
- }
6449
-
6450
- &:hover .link-text {
6451
- color: $text-light-general;
6452
- }
6453
- }
6454
-
6455
-
6456
- .E_tqjc4ui {
6457
- @at-root {
6458
- span#{&} {
6459
- margin: 0 2px;
6460
- }
6461
- }
6462
- }
6463
-
6464
-
6465
- .E_n12mqh7z {
6466
- display: flex;
6467
- align-items: center;
6468
- font-size: 12px;
6469
- line-height: 18px;
6470
-
6471
- &:not(:last-child) {
6472
- margin-bottom: 4px;
6473
- }
6474
- }
6475
-
6476
- .E_tf5bynu {
6477
- margin: 0 3px;
6478
- }
6479
-
6480
- .E_tcckoz1 {
6481
- max-height: 400px;
6482
- overflow: auto;
6483
- }
6484
-
6485
-
6486
- .E_ou7iq30 {
6487
- overflow: hidden;
6488
- text-overflow: ellipsis;
6489
- }
6490
-
6491
- .E_s1tui002 {
6492
- white-space: nowrap;
6493
- }
6494
-
6495
- .E_mxrc2zg {
6496
- display: -webkit-box;
6497
- -webkit-line-clamp: var(--mxrc2zg-0);
6498
- -webkit-box-orient: vertical;
6499
- word-break: break-all;
6500
- }
6501
-
6502
- .E_t1vv6d68 {
6503
- .ant-tooltip-arrow {
6504
- display: none;
6505
- }
6506
- .ant-tooltip-inner {
6507
- background: $gray-a80-9;
6508
- border-radius: 4px;
6509
- &:has(.eagle-ellipsis-content) {
6510
- visibility: hidden;
6511
- }
6512
- }
6513
- }
6514
-
6515
-
6516
6726
  .E_t1sqg15u {
6517
6727
  background: white;
6518
6728
 
@@ -6527,251 +6737,126 @@
6527
6737
  }
6528
6738
 
6529
6739
  &.has-border {
6530
- .table-header {
6531
- border-bottom: 1px solid $strokes-light-trans-1;
6532
- }
6533
-
6534
- .hiddenBorder {
6535
- border-top: none !important;
6536
- }
6537
-
6538
- .table-row + .table-row {
6539
- border-top: 1px solid $strokes-light-trans-1;
6540
- }
6541
-
6542
- .table-row:last-of-type {
6543
- padding-bottom: 0;
6544
- }
6545
- }
6546
-
6547
- &.align-right {
6548
- .content {
6549
- text-align: right;
6550
- }
6551
- }
6552
- .uuid-row {
6553
- display: flex;
6554
- justify-content: space-between;
6555
-
6556
- .id-text {
6557
- white-space: nowrap;
6558
- overflow: hidden;
6559
- text-overflow: ellipsis;
6560
- }
6561
- }
6562
- }
6563
-
6564
- .E_t4zczcp {
6565
- display: flex;
6566
- justify-content: space-between;
6567
- align-items: center;
6568
- padding: 8px;
6569
- min-height: 32px;
6570
-
6571
- .table-title {
6572
- color: $text-secondary-light;
6573
- font-weight: 600;
6574
- font-size: 12px;
6575
- line-height: 8px;
6576
- }
6577
-
6578
- .edit-icon {
6579
- font-size: 16px;
6580
- color: $strokes-translucent-2-light;
6581
- cursor: pointer;
6582
- }
6583
- }
6584
-
6585
- .E_t1s7goww {
6586
- font-size: 12px;
6587
- line-height: 18px;
6588
- }
6589
-
6590
- .E_t93e4cf {
6591
- display: flex;
6592
- padding: 8px 0;
6593
- color: $text-primary-light;
6594
-
6595
- .hidden {
6596
- display: none;
6597
- }
6598
-
6599
- .ant-btn.ant-btn-link {
6600
- height: auto;
6601
- }
6602
-
6603
- .content {
6604
- overflow: hidden;
6605
- overflow-x: auto;
6606
- width: 100%;
6607
- white-space: pre-wrap;
6608
-
6609
- .ant-btn {
6610
- white-space: pre-wrap;
6611
- text-align: left;
6612
- }
6613
-
6614
- .unit-chart {
6615
- justify-content: flex-start;
6616
- }
6617
- }
6618
- }
6619
-
6620
- .E_rhz2uv5 {
6621
- width: var(--rhz2uv5-0);
6622
- flex-shrink: 0;
6623
- color: $text-secondary-light;
6624
- padding-right: 12px;
6625
- }
6626
-
6627
-
6628
- .E_s1at6qmn {
6629
- &.ant-layout-sider {
6630
- background: $backgrounds-light-grouped;
6631
- padding: 32px 8px;
6632
- overflow: auto;
6633
- }
6634
-
6635
- .ant-layout-sider-children {
6636
- display: flex;
6637
- flex-direction: column;
6638
- justify-content: space-between;
6639
- }
6640
-
6641
- footer {
6642
- display: flex;
6643
- }
6644
-
6645
- .ant-menu {
6646
- background: $backgrounds-light-grouped;
6647
- a {
6648
- color: $text-light-primary;
6649
- width: 180px;
6650
- overflow: hidden;
6651
- text-overflow: ellipsis;
6652
- }
6653
- }
6654
-
6655
- .ant-menu-vertical {
6656
- margin-bottom: 24px;
6657
-
6658
- .ant-menu-item-group {
6659
- .ant-menu-item {
6660
- margin: 0;
6661
- }
6662
- .ant-menu-item-group-title {
6663
- font-size: 12px;
6664
- padding: 0 8px 4px;
6665
- line-height: 18px;
6666
-
6667
- &:empty {
6668
- padding: 0;
6669
- }
6670
- }
6671
- &:not(:last-child) {
6672
- padding-bottom: 24px;
6673
- &.split {
6674
- margin-bottom: 24px;
6675
- border-bottom: 1px solid rgba(211, 218, 235, 0.6);
6676
- }
6677
- }
6678
- }
6679
-
6680
- .ant-menu-item {
6681
- transition: none;
6682
- display: flex;
6683
- align-items: center;
6684
- height: 32px;
6685
- line-height: 22px;
6686
- padding: 0 8px;
6687
-
6688
- > .icon-wrapper {
6689
- margin-right: 12px;
6690
- }
6691
-
6692
- &:not(:last-child) {
6693
- margin: 0;
6694
- margin-bottom: 2px;
6695
- }
6696
- &.ant-menu-item-selected {
6697
- background: $background-selected;
6698
- box-shadow: $box-shadow-light-selected;
6699
- border-radius: 6px;
6700
- color: $text-light-on-tint;
6701
- a {
6702
- color: $text-light-on-tint;
6703
- }
6704
- }
6705
- &:not(.ant-menu-item-selected) {
6706
- &.ant-menu-item:hover,
6707
- &.ant-menu-item-active {
6708
- background: $background-onhover;
6709
- box-shadow: $box-shadow-light-onhover;
6710
- border-radius: 6px;
6711
- }
6712
- }
6740
+ .table-header {
6741
+ border-bottom: 1px solid $strokes-light-trans-1;
6713
6742
  }
6714
- }
6715
- }
6716
6743
 
6717
- .E_s1wu0lms {
6718
- .ant-menu-item-group-title {
6719
- white-space: nowrap;
6720
- transition: all 0s;
6721
- }
6744
+ .hiddenBorder {
6745
+ border-top: none !important;
6746
+ }
6722
6747
 
6723
- &.shrink {
6724
- transition: all 0s;
6725
- overflow: hidden;
6748
+ .table-row + .table-row {
6749
+ border-top: 1px solid $strokes-light-trans-1;
6750
+ }
6726
6751
 
6727
- .ant-menu-item-group-title {
6728
- visibility: hidden;
6752
+ .table-row:last-of-type {
6753
+ padding-bottom: 0;
6729
6754
  }
6755
+ }
6730
6756
 
6731
- .ant-menu-item {
6732
- width: 36px;
6733
- padding: 0 6px;
6757
+ &.align-right {
6758
+ .content {
6759
+ text-align: right;
6760
+ }
6761
+ }
6762
+ .uuid-row {
6763
+ display: flex;
6764
+ justify-content: space-between;
6765
+
6766
+ .id-text {
6767
+ white-space: nowrap;
6768
+ overflow: hidden;
6769
+ text-overflow: ellipsis;
6734
6770
  }
6735
6771
  }
6736
6772
  }
6737
6773
 
6738
- .E_n1ugzfva {
6774
+ .E_t4zczcp {
6739
6775
  display: flex;
6740
- place-items: center;
6741
- width: 100% !important;
6776
+ justify-content: space-between;
6777
+ align-items: center;
6778
+ padding: 8px;
6779
+ min-height: 32px;
6742
6780
 
6743
- &[disabled] {
6744
- color: rgba(0, 0, 0, 0.25) !important;
6745
- opacity: 1 !important;
6781
+ .table-title {
6782
+ color: $text-secondary-light;
6783
+ font-weight: 600;
6784
+ font-size: 12px;
6785
+ line-height: 8px;
6746
6786
  }
6747
6787
 
6748
- &.ant-btn {
6749
- width: 100%;
6750
- color: $text-light-primary;
6788
+ .edit-icon {
6789
+ font-size: 16px;
6790
+ color: $strokes-translucent-2-light;
6791
+ cursor: pointer;
6751
6792
  }
6793
+ }
6752
6794
 
6753
- .icon-wrapper {
6754
- margin-right: 12px;
6795
+ .E_t1s7goww {
6796
+ font-size: 12px;
6797
+ line-height: 18px;
6798
+ }
6799
+
6800
+ .E_t93e4cf {
6801
+ display: flex;
6802
+ padding: 8px 0;
6803
+ color: $text-primary-light;
6804
+
6805
+ .hidden {
6806
+ display: none;
6755
6807
  }
6756
6808
 
6757
- .link-title {
6758
- flex: 1;
6809
+ .ant-btn.ant-btn-link {
6810
+ height: auto;
6811
+ }
6812
+
6813
+ .content {
6759
6814
  overflow: hidden;
6760
- white-space: nowrap;
6761
- text-overflow: ellipsis;
6762
- text-align: left;
6815
+ overflow-x: auto;
6816
+ width: 100%;
6817
+ white-space: pre-wrap;
6818
+
6819
+ .ant-btn {
6820
+ white-space: pre-wrap;
6821
+ text-align: left;
6822
+ }
6823
+
6824
+ .unit-chart {
6825
+ justify-content: flex-start;
6826
+ }
6763
6827
  }
6764
6828
  }
6765
6829
 
6830
+ .E_rhz2uv5 {
6831
+ width: var(--rhz2uv5-0);
6832
+ flex-shrink: 0;
6833
+ color: $text-secondary-light;
6834
+ padding-right: 12px;
6835
+ }
6836
+
6766
6837
 
6767
- .E_s1iv0tp1 {
6768
- .enabled-switch {
6769
- display: flex;
6770
- align-items: center;
6838
+ .E_wg1tsps {
6839
+ display: flex;
6840
+ align-items: center;
6841
+ justify-content: flex-end;
6842
+ }
6843
+
6844
+ .E_b1ctd5xy {
6845
+ display: flex;
6846
+ align-items: center;
6847
+ width: calc(100% - 40px);
6848
+
6849
+ .chart {
6850
+ display: inline-block;
6851
+ width: 100%;
6771
6852
  }
6853
+ }
6772
6854
 
6773
- .enabled-text {
6774
- margin-right: 8px;
6855
+ .E_u1p8acpn {
6856
+ min-width: 40px;
6857
+
6858
+ .unit {
6859
+ color: $text-light-primary !important;
6775
6860
  }
6776
6861
  }
6777
6862
 
@@ -7044,87 +7129,17 @@
7044
7129
  }
7045
7130
 
7046
7131
 
7047
- .E_wg1tsps {
7048
- display: flex;
7049
- align-items: center;
7050
- justify-content: flex-end;
7051
- }
7052
-
7053
- .E_b1ctd5xy {
7054
- display: flex;
7055
- align-items: center;
7056
- width: calc(100% - 40px);
7057
-
7058
- .chart {
7059
- display: inline-block;
7060
- width: 100%;
7061
- }
7062
- }
7063
-
7064
- .E_u1p8acpn {
7065
- min-width: 40px;
7066
-
7067
- .unit {
7068
- color: $text-light-primary !important;
7069
- }
7070
- }
7071
-
7072
-
7073
- .E_cyms3br {
7074
- background: #fff;
7075
- width: 100%;
7076
- border-radius: 8px;
7077
- border: 1px solid rgba(228, 233, 242, 1);
7078
- .ant-list {
7079
- padding: 12px;
7080
- }
7081
- .ant-list-item {
7082
- padding: 4px 0;
7083
- }
7084
- .ant-alert {
7085
- margin-left: 24px;
7086
- }
7087
- header {
7088
- background: rgba(225, 230, 241, 0.6);
7089
- font-size: 12px;
7090
- color: rgba(29, 50, 108, 1);
7091
- font-weight: 700;
7092
- padding: 6px 12px;
7132
+ .E_s1iv0tp1 {
7133
+ .enabled-switch {
7093
7134
  display: flex;
7094
- flex-direction: row;
7095
7135
  align-items: center;
7096
- justify-content: space-between;
7097
- .switch-text {
7098
- display: flex;
7099
- flex-direction: row;
7100
- align-items: center;
7101
- justify-content: space-between;
7102
- gap: 6px;
7103
- font-size: 12px;
7104
- font-weight: 400;
7105
- color: rgba(0, 18, 46, 1);
7106
- }
7107
7136
  }
7108
- }
7109
7137
 
7110
- .E_c157gu4z {
7111
- .ant-list-item {
7112
- display: flex;
7113
- flex-direction: row;
7114
- }
7115
- .description {
7116
- flex-grow: 1;
7117
- margin-left: 8px;
7138
+ .enabled-text {
7139
+ margin-right: 8px;
7118
7140
  }
7119
7141
  }
7120
7142
 
7121
- .E_eu1sysj {
7122
- display: flex;
7123
- flex-direction: column;
7124
- align-items: center;
7125
- justify-content: center;
7126
- }
7127
-
7128
7143
 
7129
7144
  .E_h1ol2wl7 {
7130
7145
  font-weight: bold;
@@ -7146,34 +7161,90 @@
7146
7161
  flex: 1 1 0;
7147
7162
  display: flex;
7148
7163
  align-items: center;
7149
- * {
7150
- line-height: 18px;
7164
+ * {
7165
+ line-height: 18px;
7166
+ }
7167
+ }
7168
+ }
7169
+
7170
+ .E_l18dja44 {
7171
+ padding: 6px 0;
7172
+
7173
+ .col-label * {
7174
+ font-size: 13px;
7175
+ line-height: 20px;
7176
+ }
7177
+ .col-content * {
7178
+ font-size: 14px;
7179
+ line-height: 20px;
7180
+ }
7181
+ }
7182
+
7183
+ .E_c8c2hys {
7184
+ display: flex;
7185
+ justify-content: space-between;
7186
+ flex: 1;
7187
+ min-width: 0;
7188
+ }
7189
+
7190
+ .E_n4m6c4d {
7191
+ color: $text-light-tertiary;
7192
+ }
7193
+
7194
+
7195
+ .E_cyms3br {
7196
+ background: #fff;
7197
+ width: 100%;
7198
+ border-radius: 8px;
7199
+ border: 1px solid rgba(228, 233, 242, 1);
7200
+ .ant-list {
7201
+ padding: 12px;
7202
+ }
7203
+ .ant-list-item {
7204
+ padding: 4px 0;
7205
+ }
7206
+ .ant-alert {
7207
+ margin-left: 24px;
7208
+ }
7209
+ header {
7210
+ background: rgba(225, 230, 241, 0.6);
7211
+ font-size: 12px;
7212
+ color: rgba(29, 50, 108, 1);
7213
+ font-weight: 700;
7214
+ padding: 6px 12px;
7215
+ display: flex;
7216
+ flex-direction: row;
7217
+ align-items: center;
7218
+ justify-content: space-between;
7219
+ .switch-text {
7220
+ display: flex;
7221
+ flex-direction: row;
7222
+ align-items: center;
7223
+ justify-content: space-between;
7224
+ gap: 6px;
7225
+ font-size: 12px;
7226
+ font-weight: 400;
7227
+ color: rgba(0, 18, 46, 1);
7151
7228
  }
7152
7229
  }
7153
7230
  }
7154
7231
 
7155
- .E_l18dja44 {
7156
- padding: 6px 0;
7157
-
7158
- .col-label * {
7159
- font-size: 13px;
7160
- line-height: 20px;
7232
+ .E_c157gu4z {
7233
+ .ant-list-item {
7234
+ display: flex;
7235
+ flex-direction: row;
7161
7236
  }
7162
- .col-content * {
7163
- font-size: 14px;
7164
- line-height: 20px;
7237
+ .description {
7238
+ flex-grow: 1;
7239
+ margin-left: 8px;
7165
7240
  }
7166
7241
  }
7167
7242
 
7168
- .E_c8c2hys {
7243
+ .E_eu1sysj {
7169
7244
  display: flex;
7170
- justify-content: space-between;
7171
- flex: 1;
7172
- min-width: 0;
7173
- }
7174
-
7175
- .E_n4m6c4d {
7176
- color: $text-light-tertiary;
7245
+ flex-direction: column;
7246
+ align-items: center;
7247
+ justify-content: center;
7177
7248
  }
7178
7249
 
7179
7250
 
@@ -7251,110 +7322,6 @@
7251
7322
  }
7252
7323
 
7253
7324
 
7254
- .E_c1ss4prm {
7255
- color: $text-light-secondary;
7256
-
7257
- li {
7258
- margin-bottom: 4px;
7259
-
7260
- &:last-child {
7261
- margin-bottom: 0;
7262
- }
7263
- }
7264
- }
7265
-
7266
- .E_ms3tlei {
7267
- background: $fill-neutral-trans-2;
7268
- padding: 8px;
7269
- border-radius: 6px;
7270
- color: $gray-a60-8;
7271
-
7272
- li {
7273
- margin-bottom: 4px;
7274
-
7275
- &:last-child {
7276
- margin-bottom: 0;
7277
- }
7278
- }
7279
- }
7280
-
7281
- .E_du44iy7 {
7282
- margin-bottom: 4px;
7283
- }
7284
-
7285
- .E_s1qmhanr {
7286
- color: $text-light-secondary;
7287
- margin-bottom: 8px;
7288
- }
7289
-
7290
- .E_drje1h0 {
7291
- height: 1px;
7292
- background: $strokes-light-opaque-2;
7293
- margin: 16px 0;
7294
- }
7295
-
7296
-
7297
- .E_c14ouk5o {
7298
- width: 100%;
7299
- height: 100%;
7300
- display: flex;
7301
- font-size: 12px;
7302
- line-height: 18px;
7303
- padding: 8px 0;
7304
- box-shadow: inset 0px -1px 0px rgba(213, 219, 227, 0.6);
7305
-
7306
- &:last-of-type {
7307
- box-shadow: none;
7308
- padding-bottom: 0;
7309
- }
7310
- &.collapsed {
7311
- flex-direction: column;
7312
-
7313
- .collapsed-content {
7314
- display: flex;
7315
-
7316
- > span {
7317
- flex: 1;
7318
- display: flex;
7319
- justify-content: space-between;
7320
- .ant-btn {
7321
- height: auto;
7322
- }
7323
- }
7324
- }
7325
- .extra-content {
7326
- margin-left: 162px;
7327
- }
7328
- }
7329
-
7330
- .col-label {
7331
- width: 216px;
7332
- color: $text-secondary-light;
7333
- margin-right: 12px;
7334
- flex-shrink: 0;
7335
- }
7336
-
7337
- .col-content {
7338
- color: $text-primary-light;
7339
-
7340
- /* make btn link in info row have the same height as normal text */
7341
- .ant-btn.ant-btn-link {
7342
- height: auto;
7343
- }
7344
- }
7345
- }
7346
-
7347
-
7348
- .E_cevhqx7 {
7349
- color: $text-light-primary;
7350
- }
7351
-
7352
- .E_snbqlt4 {
7353
- margin-top: 8px;
7354
- color: $text-light-secondary;
7355
- }
7356
-
7357
-
7358
7325
  .E_c1kchka8 {
7359
7326
  height: 100%;
7360
7327
  width: 100%;
@@ -7954,6 +7921,110 @@
7954
7921
  }
7955
7922
 
7956
7923
 
7924
+ .E_c14ouk5o {
7925
+ width: 100%;
7926
+ height: 100%;
7927
+ display: flex;
7928
+ font-size: 12px;
7929
+ line-height: 18px;
7930
+ padding: 8px 0;
7931
+ box-shadow: inset 0px -1px 0px rgba(213, 219, 227, 0.6);
7932
+
7933
+ &:last-of-type {
7934
+ box-shadow: none;
7935
+ padding-bottom: 0;
7936
+ }
7937
+ &.collapsed {
7938
+ flex-direction: column;
7939
+
7940
+ .collapsed-content {
7941
+ display: flex;
7942
+
7943
+ > span {
7944
+ flex: 1;
7945
+ display: flex;
7946
+ justify-content: space-between;
7947
+ .ant-btn {
7948
+ height: auto;
7949
+ }
7950
+ }
7951
+ }
7952
+ .extra-content {
7953
+ margin-left: 162px;
7954
+ }
7955
+ }
7956
+
7957
+ .col-label {
7958
+ width: 216px;
7959
+ color: $text-secondary-light;
7960
+ margin-right: 12px;
7961
+ flex-shrink: 0;
7962
+ }
7963
+
7964
+ .col-content {
7965
+ color: $text-primary-light;
7966
+
7967
+ /* make btn link in info row have the same height as normal text */
7968
+ .ant-btn.ant-btn-link {
7969
+ height: auto;
7970
+ }
7971
+ }
7972
+ }
7973
+
7974
+
7975
+ .E_cevhqx7 {
7976
+ color: $text-light-primary;
7977
+ }
7978
+
7979
+ .E_snbqlt4 {
7980
+ margin-top: 8px;
7981
+ color: $text-light-secondary;
7982
+ }
7983
+
7984
+
7985
+ .E_c1ss4prm {
7986
+ color: $text-light-secondary;
7987
+
7988
+ li {
7989
+ margin-bottom: 4px;
7990
+
7991
+ &:last-child {
7992
+ margin-bottom: 0;
7993
+ }
7994
+ }
7995
+ }
7996
+
7997
+ .E_ms3tlei {
7998
+ background: $fill-neutral-trans-2;
7999
+ padding: 8px;
8000
+ border-radius: 6px;
8001
+ color: $gray-a60-8;
8002
+
8003
+ li {
8004
+ margin-bottom: 4px;
8005
+
8006
+ &:last-child {
8007
+ margin-bottom: 0;
8008
+ }
8009
+ }
8010
+ }
8011
+
8012
+ .E_du44iy7 {
8013
+ margin-bottom: 4px;
8014
+ }
8015
+
8016
+ .E_s1qmhanr {
8017
+ color: $text-light-secondary;
8018
+ margin-bottom: 8px;
8019
+ }
8020
+
8021
+ .E_drje1h0 {
8022
+ height: 1px;
8023
+ background: $strokes-light-opaque-2;
8024
+ margin: 16px 0;
8025
+ }
8026
+
8027
+
7957
8028
  .E_l12xdkhl {
7958
8029
  width: 64px;
7959
8030
  height: 64px;