@cloudtower/eagle 0.32.53 → 0.32.54

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.
@@ -1,75 +1,3 @@
1
- .E_m74vjol {
2
- display: flex;
3
- justify-content: space-between;
4
- width: 100%;
5
- & .action {
6
- margin-left: 16px;
7
- }
8
- }
9
-
10
- .E_a1o35uvh {
11
- &.ant-alert-closable {
12
- padding-right: 12px;
13
-
14
- .ant-alert-close-icon {
15
- height: fit-content;
16
- margin-left: 16px;
17
- }
18
- }
19
-
20
- .ant-alert-message {
21
- flex: 1;
22
- }
23
- }
24
-
25
-
26
- .E_c18gxmrl {
27
- border: 1px solid $gray-40;
28
- border-radius: 4px;
29
-
30
- & + & {
31
- margin-top: 8px;
32
- }
33
-
34
- &:hover {
35
- border-color: $blue-60;
36
-
37
- > header {
38
- background: rgba($blue-60, 0.1);
39
- }
40
- }
41
-
42
- &.active {
43
- header {
44
- border-bottom: 1px solid $gray-40;
45
- }
46
- }
47
-
48
- > header {
49
- padding: 8px 12px;
50
- }
51
- }
52
-
53
-
54
- .E_berrcjl {
55
- color: $text-terdiary-light;
56
- margin-bottom: 4px;
57
-
58
- .breadcrumb-link {
59
- color: $text-terdiary-light;
60
- cursor: pointer;
61
- transition: color 160ms ease;
62
-
63
- &:hover {
64
- color: $blue-60;
65
- }
66
- &:active {
67
- color: $blue-80;
68
- }
69
- }
70
- }
71
-
72
-
73
1
  .E_b1nip9bk {
74
2
  padding: 4px 11px;
75
3
  }
@@ -111,150 +39,55 @@
111
39
  }
112
40
 
113
41
 
114
- .E_d1bw7c5z {
115
- position: relative;
116
- max-width: 388px;
117
- min-width: 285px;
118
- .center {
119
- position: absolute;
120
- font-size: 12px;
121
- width: 80px;
122
- height: 100px;
123
- top: 0;
124
- left: 35px;
125
- display: flex;
126
- flex-direction: column;
127
- justify-content: center;
128
- align-items: center;
129
- color: $text-light-primary;
42
+ .E_m74vjol {
43
+ display: flex;
44
+ justify-content: space-between;
45
+ width: 100%;
46
+ & .action {
47
+ margin-left: 16px;
48
+ }
49
+ }
130
50
 
131
- .number {
132
- font-size: 24px;
133
- font-weight: 700;
134
- }
51
+ .E_a1o35uvh {
52
+ &.ant-alert-closable {
53
+ padding-right: 12px;
135
54
 
136
- .text {
137
- padding: 0 5px;
138
- font-size: 12px;
139
- width: inherit;
140
- text-align: center;
141
- }
142
- }
143
- .recharts-wrapper {
144
- display: flex;
145
- .recharts-legend-wrapper {
146
- position: relative !important;
147
- min-width: calc(
148
- 100% - var(--d1bw7c5z-0)
149
- ) !important;
150
- left: 0 !important;
151
- bottom: 0 !important;
152
- display: flex;
153
- align-items: center;
154
- .recharts-default-legend {
155
- width: 100%;
156
- }
157
- li {
158
- width: 100%;
159
- margin-right: 0 !important;
160
- line-height: 18px;
161
- & > svg {
162
- border-radius: 2px;
163
- }
164
- & > .recharts-legend-item-text {
165
- min-width: 75px;
166
- max-width: 198px;
167
- width: calc(100% - 20px);
168
- margin-left: 2px;
169
- color: $text-light-primary !important;
170
- display: inline-flex;
171
- justify-content: space-between;
172
- }
173
- }
55
+ .ant-alert-close-icon {
56
+ height: fit-content;
57
+ margin-left: 16px;
174
58
  }
175
59
  }
176
- .tooltip-text {
177
- maxwidth: calc(100% - 12px);
178
- cursor: pointer;
179
- border-bottom: 1px dashed $strokes-light-trans-4;
180
- overflow: hidden;
181
- text-overflow: ellipsis;
182
- white-space: nowrap;
183
- }
184
60
 
185
- .value {
186
- color: $text-neutral-secondary;
61
+ .ant-alert-message {
62
+ flex: 1;
187
63
  }
188
64
  }
189
65
 
190
- .E_t10pqbtc {
191
- width: 140px;
192
66
 
193
- .item {
194
- margin: 6px auto;
195
- display: flex;
196
- justify-content: space-between;
67
+ .E_c18gxmrl {
68
+ border: 1px solid $gray-40;
69
+ border-radius: 4px;
197
70
 
198
- .name {
199
- width: 102px;
200
- }
71
+ & + & {
72
+ margin-top: 8px;
201
73
  }
202
- }
203
-
204
74
 
205
- .E_c1uzzomf {
206
- margin-bottom: 16px;
207
-
208
- .card-title {
209
- font-size: 16px;
210
- color: $text-secondary-light;
211
- font-weight: 700;
212
- line-height: 32px;
213
- }
214
- .card-body {
215
- padding: 24px;
216
- border-radius: 8px;
217
- background: $fills-light-white;
218
- }
75
+ &:hover {
76
+ border-color: $blue-60;
219
77
 
220
- .empty {
221
- font-weight: 700;
222
- font-size: 14px;
223
- line-height: 22px;
224
- color: $text-light-tertiary;
225
- text-align: center;
78
+ > header {
79
+ background: rgba($blue-60, 0.1);
80
+ }
226
81
  }
227
- }
228
-
229
-
230
- .E_ccrbeuz {
231
- .ant-collapse-item {
232
- border: 0px;
233
- background-color: $fills-light-white;
234
82
 
235
- .ant-collapse-header {
236
- padding-top: 0px;
237
- padding-bottom: 0px;
238
- padding-left: 0px !important;
239
- padding-right: 24px;
240
- .ant-collapse-arrow {
241
- right: 0px;
242
- }
243
- }
244
- .ant-collapse-content {
245
- .ant-collapse-content-box {
246
- padding: 0px;
247
- }
83
+ &.active {
84
+ header {
85
+ border-bottom: 1px solid $gray-40;
248
86
  }
249
87
  }
250
- }
251
88
 
252
- .E_c1fljvag {
253
- .ant-collapse-item {
254
- .ant-collapse-header {
255
- padding-right: 0px;
256
- cursor: default;
257
- }
89
+ > header {
90
+ padding: 8px 12px;
258
91
  }
259
92
  }
260
93
 
@@ -617,32 +450,206 @@
617
450
  }
618
451
 
619
452
 
620
- .E_d133fzv0 {
621
- .ant-dropdown-menu-item-group {
622
- .ant-dropdown-menu-item-group-title {
623
- padding: 4px 8px 0 8px;
624
- color: $text-light-secondary;
625
- font-size: 12px;
626
- }
627
- .ant-dropdown-menu-item-group-list {
628
- padding-bottom: 6px;
453
+ .E_berrcjl {
454
+ color: $text-terdiary-light;
455
+ margin-bottom: 4px;
456
+
457
+ .breadcrumb-link {
458
+ color: $text-terdiary-light;
459
+ cursor: pointer;
460
+ transition: color 160ms ease;
461
+
462
+ &:hover {
463
+ color: $blue-60;
629
464
  }
630
- &:not(:first-child) {
631
- padding-top: 4px;
632
- border-top: 1px solid $strokes-light-trans-2;
465
+ &:active {
466
+ color: $blue-80;
633
467
  }
634
468
  }
635
469
  }
636
470
 
637
471
 
638
- .E_c1yyuluq {
639
- border-radius: 8px;
472
+ .E_c1uzzomf {
473
+ margin-bottom: 16px;
474
+
475
+ .card-title {
476
+ font-size: 16px;
477
+ color: $text-secondary-light;
478
+ font-weight: 700;
479
+ line-height: 32px;
480
+ }
481
+ .card-body {
482
+ padding: 24px;
483
+ border-radius: 8px;
484
+ background: $fills-light-white;
485
+ }
486
+
487
+ .empty {
488
+ font-weight: 700;
489
+ font-size: 14px;
490
+ line-height: 22px;
491
+ color: $text-light-tertiary;
492
+ text-align: center;
493
+ }
494
+ }
495
+
496
+
497
+ .E_d133fzv0 {
498
+ .ant-dropdown-menu-item-group {
499
+ .ant-dropdown-menu-item-group-title {
500
+ padding: 4px 8px 0 8px;
501
+ color: $text-light-secondary;
502
+ font-size: 12px;
503
+ }
504
+ .ant-dropdown-menu-item-group-list {
505
+ padding-bottom: 6px;
506
+ }
507
+ &:not(:first-child) {
508
+ padding-top: 4px;
509
+ border-top: 1px solid $strokes-light-trans-2;
510
+ }
511
+ }
512
+ }
513
+
514
+
515
+ .E_d1bw7c5z {
516
+ position: relative;
517
+ max-width: 388px;
518
+ min-width: 285px;
519
+ .center {
520
+ position: absolute;
521
+ font-size: 12px;
522
+ width: 80px;
523
+ height: 100px;
524
+ top: 0;
525
+ left: 35px;
526
+ display: flex;
527
+ flex-direction: column;
528
+ justify-content: center;
529
+ align-items: center;
530
+ color: $text-light-primary;
531
+
532
+ .number {
533
+ font-size: 24px;
534
+ font-weight: 700;
535
+ }
536
+
537
+ .text {
538
+ padding: 0 5px;
539
+ font-size: 12px;
540
+ width: inherit;
541
+ text-align: center;
542
+ }
543
+ }
544
+ .recharts-wrapper {
545
+ display: flex;
546
+ .recharts-legend-wrapper {
547
+ position: relative !important;
548
+ min-width: calc(
549
+ 100% - var(--d1bw7c5z-0)
550
+ ) !important;
551
+ left: 0 !important;
552
+ bottom: 0 !important;
553
+ display: flex;
554
+ align-items: center;
555
+ .recharts-default-legend {
556
+ width: 100%;
557
+ }
558
+ li {
559
+ width: 100%;
560
+ margin-right: 0 !important;
561
+ line-height: 18px;
562
+ & > svg {
563
+ border-radius: 2px;
564
+ }
565
+ & > .recharts-legend-item-text {
566
+ min-width: 75px;
567
+ max-width: 198px;
568
+ width: calc(100% - 20px);
569
+ margin-left: 2px;
570
+ color: $text-light-primary !important;
571
+ display: inline-flex;
572
+ justify-content: space-between;
573
+ }
574
+ }
575
+ }
576
+ }
577
+ .tooltip-text {
578
+ maxwidth: calc(100% - 12px);
579
+ cursor: pointer;
580
+ border-bottom: 1px dashed $strokes-light-trans-4;
581
+ overflow: hidden;
582
+ text-overflow: ellipsis;
583
+ white-space: nowrap;
584
+ }
585
+
586
+ .value {
587
+ color: $text-neutral-secondary;
588
+ }
589
+ }
590
+
591
+ .E_t10pqbtc {
592
+ width: 140px;
593
+
594
+ .item {
595
+ margin: 6px auto;
596
+ display: flex;
597
+ justify-content: space-between;
598
+
599
+ .name {
600
+ width: 102px;
601
+ }
602
+ }
603
+ }
604
+
605
+
606
+ .E_c1yyuluq {
607
+ border-radius: 8px;
640
608
  .ant-card-body {
641
609
  padding: 20px 24px 24px 24px;
642
610
  }
643
611
  }
644
612
 
645
613
 
614
+ .E_sx1bpnu {
615
+ .ant-input-sm {
616
+ line-height: 18px;
617
+ }
618
+ }
619
+
620
+
621
+ .E_ccrbeuz {
622
+ .ant-collapse-item {
623
+ border: 0px;
624
+ background-color: $fills-light-white;
625
+
626
+ .ant-collapse-header {
627
+ padding-top: 0px;
628
+ padding-bottom: 0px;
629
+ padding-left: 0px !important;
630
+ padding-right: 24px;
631
+ .ant-collapse-arrow {
632
+ right: 0px;
633
+ }
634
+ }
635
+ .ant-collapse-content {
636
+ .ant-collapse-content-box {
637
+ padding: 0px;
638
+ }
639
+ }
640
+ }
641
+ }
642
+
643
+ .E_c1fljvag {
644
+ .ant-collapse-item {
645
+ .ant-collapse-header {
646
+ padding-right: 0px;
647
+ cursor: default;
648
+ }
649
+ }
650
+ }
651
+
652
+
646
653
  .E_itxley7 {
647
654
  &.ant-input-group.ant-input-group-compact {
648
655
  display: flex;
@@ -765,13 +772,6 @@
765
772
  }
766
773
 
767
774
 
768
- .E_sx1bpnu {
769
- .ant-input-sm {
770
- line-height: 18px;
771
- }
772
- }
773
-
774
-
775
775
  .E_rapgekc {
776
776
  &.ant-radio-wrapper {
777
777
  display: inline-flex;
@@ -953,89 +953,120 @@
953
953
  }
954
954
 
955
955
 
956
- .E_i11gg7mj {
957
- .ant-input-prefix {
958
- margin-right: 8px;
959
- }
960
- .ant-input-suffix {
961
- margin-left: 8px;
956
+ .E_s1sck0th {
957
+ padding: 0 8px;
958
+ border-radius: 4px;
962
959
  }
963
- }
964
960
 
965
- .E_cc368xp {
966
- color: $gray-120;
967
- border-right: 1px solid $gray-a60-5;
968
- margin-right: 8px;
969
- padding-right: 8px;
970
- }
971
-
972
- .E_i11o6xqj {
973
- display: flex;
974
- gap: 4px;
975
-
976
- .icon-wrapper {
977
- cursor: pointer;
961
+ .E_m855nr1 {
962
+ padding: 2px 8px;
963
+ border-radius: 3px;
978
964
  }
979
- }
980
965
 
981
- .E_d19ruhdj {
982
- &.icon-wrapper {
983
- cursor: not-allowed;
966
+ .E_l1270xpg {
967
+ padding: 3px 8px;
968
+ border-radius: 2px;
984
969
  }
985
- }
986
-
987
-
988
- .E_ivqqkzv {
989
- height: 24px;
990
- width: 56px !important;
991
- margin-right: 4px;
992
- }
993
-
994
- .E_c1wk4q29 {
995
- color: $text-secondary-light;
996
- }
997
-
998
-
999
- .E_c1bus5hc {
1000
- --color: white;
1001
- height: 14px;
1002
- width: 14px;
1003
- border-radius: 50%;
1004
- flex-shrink: 0;
1005
- display: flex;
1006
- align-items: center;
1007
- justify-content: center;
1008
- border: 1px solid var(--color);
1009
970
 
1010
- .circle-inner {
1011
- position: relative;
1012
- height: 10px;
1013
- width: 10px;
1014
- border-radius: 50%;
1015
- overflow: hidden;
971
+ .E_t14rextb {
972
+ &.ant-tag:hover {
973
+ opacity: unset;
1016
974
  }
1017
-
1018
- .circle-content {
1019
- position: absolute;
1020
- height: 100%;
1021
- width: 100%;
1022
- left: 0;
1023
- top: 0;
1024
- border-radius: 50%;
1025
- background: linear-gradient(to right, var(--color) 50%, white 50%);
1026
- transform: rotate(180deg);
975
+ &.ant-tag.ui-kit-token:not(.ant-tag-hidden) {
976
+ margin: 0;
977
+ margin-right: 8px;
978
+ display: inline-flex;
979
+ align-items: center;
980
+ border: none;
981
+ & .ant-tag-close-icon {
982
+ width: 16px;
983
+ height: 16px;
984
+ color: inherit;
985
+ margin-left: 4px;
986
+ opacity: 0.6;
987
+ display: inline-flex;
988
+ &:hover {
989
+ opacity: 1;
990
+ }
991
+ }
992
+ &.ant-tag-blue {
993
+ color: $fills-light-general-general;
994
+ background-color: $fills-light-general-general-light;
995
+ }
996
+ &.ant-tag-red {
997
+ color: $fills-light-serious-serious;
998
+ background-color: $fills-light-serious-serious-light;
999
+ }
1000
+ &.ant-tag-yellow {
1001
+ color: $fills-light-notice-notice-dark;
1002
+ background-color: $fills-light-notice-notice-light;
1003
+ }
1004
+ &.ant-tag-green {
1005
+ color: $fills-light-positive-positive-dark;
1006
+ background-color: $fills-light-positive-positive-light;
1007
+ }
1008
+ &.ant-tag-gray {
1009
+ color: $text-light-super;
1010
+ background-color: $fills-element-light-container-general;
1011
+ }
1012
+ &.ant-tag-purple {
1013
+ color: $text-colorful-purple;
1014
+ background-color: $fill-purple-light;
1015
+ }
1016
+
1017
+ &.ui-kit-token-checked {
1018
+ color: $text-light-on-tint;
1019
+ &.ant-tag-red {
1020
+ background-color: $fills-light-serious-serious;
1021
+ }
1022
+ &.ant-tag-yellow {
1023
+ background-color: $fills-light-notice-notice;
1024
+ }
1025
+ &.ant-tag-green {
1026
+ background-color: $fills-light-positive-positive;
1027
+ }
1028
+ &.ant-tag-blue {
1029
+ background-color: $fills-light-general-general;
1030
+ }
1031
+ &.ant-tag-gray {
1032
+ background-color: $gray-70;
1033
+ }
1034
+ &.ant-tag-purple {
1035
+ background-color: $fill-purple-base;
1036
+ }
1037
+ }
1027
1038
  }
1039
+ }
1028
1040
 
1029
- .circle-child {
1030
- position: absolute;
1031
- height: 100%;
1032
- width: 100%;
1033
- left: 0;
1034
- top: 0;
1035
- margin-left: 50%;
1036
- transform-origin: left;
1037
- background: white;
1038
- transform: rotate(0deg);
1041
+
1042
+ .E_i11gg7mj {
1043
+ .ant-input-prefix {
1044
+ margin-right: 8px;
1045
+ }
1046
+ .ant-input-suffix {
1047
+ margin-left: 8px;
1048
+ }
1049
+ }
1050
+
1051
+ .E_cc368xp {
1052
+ color: $gray-120;
1053
+ border-right: 1px solid $gray-a60-5;
1054
+ margin-right: 8px;
1055
+ padding-right: 8px;
1056
+ }
1057
+
1058
+ .E_i11o6xqj {
1059
+ display: flex;
1060
+ gap: 4px;
1061
+
1062
+ .icon-wrapper {
1063
+ cursor: pointer;
1064
+ }
1065
+ }
1066
+
1067
+ .E_d19ruhdj {
1068
+ &.icon-wrapper {
1069
+ cursor: not-allowed;
1039
1070
  }
1040
1071
  }
1041
1072
 
@@ -1100,16 +1131,15 @@
1100
1131
  }
1101
1132
 
1102
1133
 
1103
- .E_tju3gfj {
1104
- .date {
1105
- margin-right: 4px;
1106
- }
1134
+ .E_ivqqkzv {
1135
+ height: 24px;
1136
+ width: 56px !important;
1137
+ margin-right: 4px;
1107
1138
  }
1108
1139
 
1109
-
1110
- .E_iq1gosr {
1111
- display: inline-block;
1112
- }
1140
+ .E_c1wk4q29 {
1141
+ color: $text-secondary-light;
1142
+ }
1113
1143
 
1114
1144
 
1115
1145
  .E_t1m2x205 {
@@ -1126,6 +1156,57 @@
1126
1156
  }
1127
1157
 
1128
1158
 
1159
+ .E_tju3gfj {
1160
+ .date {
1161
+ margin-right: 4px;
1162
+ }
1163
+ }
1164
+
1165
+
1166
+ .E_c1bus5hc {
1167
+ --color: white;
1168
+ height: 14px;
1169
+ width: 14px;
1170
+ border-radius: 50%;
1171
+ flex-shrink: 0;
1172
+ display: flex;
1173
+ align-items: center;
1174
+ justify-content: center;
1175
+ border: 1px solid var(--color);
1176
+
1177
+ .circle-inner {
1178
+ position: relative;
1179
+ height: 10px;
1180
+ width: 10px;
1181
+ border-radius: 50%;
1182
+ overflow: hidden;
1183
+ }
1184
+
1185
+ .circle-content {
1186
+ position: absolute;
1187
+ height: 100%;
1188
+ width: 100%;
1189
+ left: 0;
1190
+ top: 0;
1191
+ border-radius: 50%;
1192
+ background: linear-gradient(to right, var(--color) 50%, white 50%);
1193
+ transform: rotate(180deg);
1194
+ }
1195
+
1196
+ .circle-child {
1197
+ position: absolute;
1198
+ height: 100%;
1199
+ width: 100%;
1200
+ left: 0;
1201
+ top: 0;
1202
+ margin-left: 50%;
1203
+ transform-origin: left;
1204
+ background: white;
1205
+ transform: rotate(0deg);
1206
+ }
1207
+ }
1208
+
1209
+
1129
1210
  .E_s1dni7lo {
1130
1211
  width: 430px !important;
1131
1212
  }
@@ -1215,6 +1296,11 @@
1215
1296
  }
1216
1297
 
1217
1298
 
1299
+ .E_iq1gosr {
1300
+ display: inline-block;
1301
+ }
1302
+
1303
+
1218
1304
  .E_f7pxqmh {
1219
1305
  width: 100%;
1220
1306
  margin-bottom: 0 !important;
@@ -1274,124 +1360,38 @@
1274
1360
  }
1275
1361
 
1276
1362
 
1277
- .E_s1sck0th {
1278
- padding: 0 8px;
1279
- border-radius: 4px;
1280
- }
1363
+ .E_iouxfgt {
1364
+ display: inline-flex;
1365
+ align-items: center;
1281
1366
 
1282
- .E_m855nr1 {
1283
- padding: 2px 8px;
1284
- border-radius: 3px;
1367
+ .icon-inner {
1368
+ display: inline-flex;
1369
+ align-items: center;
1370
+ justify-content: center;
1285
1371
  }
1286
-
1287
- .E_l1270xpg {
1288
- padding: 3px 8px;
1289
- border-radius: 2px;
1372
+ .icon-inner + span,
1373
+ span + .icon-inner.suffix {
1374
+ margin-left: 4px;
1375
+ }
1376
+ &.is-rotate {
1377
+ img,
1378
+ svg {
1379
+ animation: rotate 680ms linear infinite;
1380
+ }
1290
1381
  }
1382
+ }
1291
1383
 
1292
- .E_t14rextb {
1293
- &.ant-tag:hover {
1294
- opacity: unset;
1384
+
1385
+ .E_ai7qkf2 {
1386
+ .ant-input-number-handler-wrap {
1387
+ display: var(--ai7qkf2-0);
1295
1388
  }
1296
- &.ant-tag.ui-kit-token:not(.ant-tag-hidden) {
1297
- margin: 0;
1298
- margin-right: 8px;
1389
+ .ant-input-number-input-wrap {
1299
1390
  display: inline-flex;
1300
- align-items: center;
1301
- border: none;
1302
- & .ant-tag-close-icon {
1303
- width: 16px;
1304
- height: 16px;
1305
- color: inherit;
1306
- margin-left: 4px;
1307
- opacity: 0.6;
1308
- display: inline-flex;
1309
- &:hover {
1310
- opacity: 1;
1311
- }
1312
- }
1313
- &.ant-tag-blue {
1314
- color: $fills-light-general-general;
1315
- background-color: $fills-light-general-general-light;
1316
- }
1317
- &.ant-tag-red {
1318
- color: $fills-light-serious-serious;
1319
- background-color: $fills-light-serious-serious-light;
1320
- }
1321
- &.ant-tag-yellow {
1322
- color: $fills-light-notice-notice-dark;
1323
- background-color: $fills-light-notice-notice-light;
1324
- }
1325
- &.ant-tag-green {
1326
- color: $fills-light-positive-positive-dark;
1327
- background-color: $fills-light-positive-positive-light;
1328
- }
1329
- &.ant-tag-gray {
1330
- color: $text-light-super;
1331
- background-color: $fills-element-light-container-general;
1332
- }
1333
- &.ant-tag-purple {
1334
- color: $text-colorful-purple;
1335
- background-color: $fill-purple-light;
1336
- }
1337
-
1338
- &.ui-kit-token-checked {
1339
- color: $text-light-on-tint;
1340
- &.ant-tag-red {
1341
- background-color: $fills-light-serious-serious;
1342
- }
1343
- &.ant-tag-yellow {
1344
- background-color: $fills-light-notice-notice;
1345
- }
1346
- &.ant-tag-green {
1347
- background-color: $fills-light-positive-positive;
1348
- }
1349
- &.ant-tag-blue {
1350
- background-color: $fills-light-general-general;
1351
- }
1352
- &.ant-tag-gray {
1353
- background-color: $gray-70;
1354
- }
1355
- &.ant-tag-purple {
1356
- background-color: $fill-purple-base;
1357
- }
1358
- }
1359
- }
1360
- }
1361
-
1362
-
1363
- .E_iouxfgt {
1364
- display: inline-flex;
1365
- align-items: center;
1366
-
1367
- .icon-inner {
1368
- display: inline-flex;
1369
- align-items: center;
1370
- justify-content: center;
1371
- }
1372
- .icon-inner + span,
1373
- span + .icon-inner.suffix {
1374
- margin-left: 4px;
1375
- }
1376
- &.is-rotate {
1377
- img,
1378
- svg {
1379
- animation: rotate 680ms linear infinite;
1380
- }
1381
- }
1382
- }
1383
-
1384
-
1385
- .E_ai7qkf2 {
1386
- .ant-input-number-handler-wrap {
1387
- display: var(--ai7qkf2-0);
1388
- }
1389
- .ant-input-number-input-wrap {
1390
- display: inline-flex;
1391
- line-height: 1.5715;
1392
- height: 100%;
1393
- width: 100%;
1394
- }
1391
+ line-height: 1.5715;
1392
+ height: 100%;
1393
+ width: 100%;
1394
+ }
1395
1395
 
1396
1396
  .ant-input-number-input-wrap::after {
1397
1397
  content: var(--ai7qkf2-1);
@@ -1500,6 +1500,16 @@
1500
1500
  }
1501
1501
 
1502
1502
 
1503
+ .E_atcz0kf {
1504
+ .ant-input-suffix {
1505
+ margin-left: 8px;
1506
+ }
1507
+ &.ant-input-affix-wrapper.ant-input-affix-wrapper-sm {
1508
+ padding: 2px 7px 2px 12px;
1509
+ }
1510
+ }
1511
+
1512
+
1503
1513
  .E_i1inqkme {
1504
1514
  height: 18px;
1505
1515
  line-height: 18px;
@@ -1524,16 +1534,6 @@
1524
1534
  }
1525
1535
 
1526
1536
 
1527
- .E_atcz0kf {
1528
- .ant-input-suffix {
1529
- margin-left: 8px;
1530
- }
1531
- &.ant-input-affix-wrapper.ant-input-affix-wrapper-sm {
1532
- padding: 2px 7px 2px 12px;
1533
- }
1534
- }
1535
-
1536
-
1537
1537
  .E_cnujxq2 {
1538
1538
  display: flex;
1539
1539
  flex-direction: column;
@@ -2347,43 +2347,6 @@
2347
2347
  }
2348
2348
 
2349
2349
 
2350
- .E_a1b5xrg3 {
2351
- .user-icon-inner {
2352
- display: inline-flex;
2353
- align-items: center;
2354
- justify-content: center;
2355
- color: $white;
2356
- font-weight: bold;
2357
- font-size: 12px;
2358
- width: 24px;
2359
- height: 24px;
2360
- border-radius: 50%;
2361
- background: var(--a1b5xrg3-0);
2362
- }
2363
- &.btn-item {
2364
- transition: all 160ms ease;
2365
- cursor: pointer;
2366
- width: 56px;
2367
- height: 40px;
2368
- display: inline-flex;
2369
- align-items: center;
2370
- justify-content: center;
2371
- border-radius: 6px;
2372
-
2373
- &:hover {
2374
- box-shadow:
2375
- 0px 0px 20px rgba(107, 125, 153, 0.18),
2376
- 0px 25px 80px rgba(45, 58, 86, 0.3);
2377
- }
2378
-
2379
- &:active {
2380
- transform: translateY(2px);
2381
- transition: all 320ms ease;
2382
- }
2383
- }
2384
- }
2385
-
2386
-
2387
2350
  .E_dsnbhzf {
2388
2351
  @include Inter(bold);
2389
2352
  font-size: 32px;
@@ -2738,6 +2701,43 @@
2738
2701
  }
2739
2702
 
2740
2703
 
2704
+ .E_a1b5xrg3 {
2705
+ .user-icon-inner {
2706
+ display: inline-flex;
2707
+ align-items: center;
2708
+ justify-content: center;
2709
+ color: $white;
2710
+ font-weight: bold;
2711
+ font-size: 12px;
2712
+ width: 24px;
2713
+ height: 24px;
2714
+ border-radius: 50%;
2715
+ background: var(--a1b5xrg3-0);
2716
+ }
2717
+ &.btn-item {
2718
+ transition: all 160ms ease;
2719
+ cursor: pointer;
2720
+ width: 56px;
2721
+ height: 40px;
2722
+ display: inline-flex;
2723
+ align-items: center;
2724
+ justify-content: center;
2725
+ border-radius: 6px;
2726
+
2727
+ &:hover {
2728
+ box-shadow:
2729
+ 0px 0px 20px rgba(107, 125, 153, 0.18),
2730
+ 0px 25px 80px rgba(45, 58, 86, 0.3);
2731
+ }
2732
+
2733
+ &:active {
2734
+ transform: translateY(2px);
2735
+ transition: all 320ms ease;
2736
+ }
2737
+ }
2738
+ }
2739
+
2740
+
2741
2741
  .E_m196gn1d {
2742
2742
  min-width: 1280px;
2743
2743
  }
@@ -2845,6 +2845,22 @@
2845
2845
  }
2846
2846
 
2847
2847
 
2848
+ .E_w1dxz879 {
2849
+ display: flex;
2850
+ flex-direction: column;
2851
+ gap: 6px;
2852
+ .ellipsis-tooltip {
2853
+ max-height: var(--w1dxz879-0);
2854
+ text-overflow: clip;
2855
+ overflow: hidden;
2856
+ }
2857
+ .tips {
2858
+ color: #fff;
2859
+ opacity: 0.8;
2860
+ }
2861
+ }
2862
+
2863
+
2848
2864
  .E_s4ivdfu {
2849
2865
  &.ant-select {
2850
2866
  .ant-select-selection-placeholder {
@@ -3074,22 +3090,6 @@
3074
3090
  }
3075
3091
 
3076
3092
 
3077
- .E_suhck3k {
3078
- height: 24px;
3079
- width: 24px;
3080
- border-radius: 6px;
3081
- padding: 4px;
3082
- &:hover {
3083
- background-color: $fill-outstanding-light;
3084
- svg {
3085
- path {
3086
- fill: blue;
3087
- }
3088
- }
3089
- }
3090
- }
3091
-
3092
-
3093
3093
  .E_ryby9ds {
3094
3094
  display: flex;
3095
3095
  align-items: center;
@@ -3107,18 +3107,18 @@
3107
3107
  }
3108
3108
 
3109
3109
 
3110
- .E_w1dxz879 {
3111
- display: flex;
3112
- flex-direction: column;
3113
- gap: 6px;
3114
- .ellipsis-tooltip {
3115
- max-height: var(--w1dxz879-0);
3116
- text-overflow: clip;
3117
- overflow: hidden;
3118
- }
3119
- .tips {
3120
- color: #fff;
3121
- opacity: 0.8;
3110
+ .E_suhck3k {
3111
+ height: 24px;
3112
+ width: 24px;
3113
+ border-radius: 6px;
3114
+ padding: 4px;
3115
+ &:hover {
3116
+ background-color: $fill-outstanding-light;
3117
+ svg {
3118
+ path {
3119
+ fill: blue;
3120
+ }
3121
+ }
3122
3122
  }
3123
3123
  }
3124
3124
 
@@ -3315,41 +3315,100 @@
3315
3315
  }
3316
3316
 
3317
3317
 
3318
- .E_h12yihis {
3319
- height: 50px;
3320
- border-bottom: 2px solid #edf0f7;
3321
- background: $fills-opaque-primary-light;
3322
- display: flex;
3323
- justify-content: space-between;
3324
- align-items: center;
3325
- padding: 0 24px 0 14px;
3326
- position: relative;
3327
- z-index: 10;
3328
-
3329
- .left,
3330
- .right,
3331
- .center {
3332
- display: flex;
3333
- align-items: center;
3334
- flex: 1;
3335
- flex-shrink: 0;
3318
+ .E_s11wux3h {
3319
+ .antd5-segmented-item:not(:last-child) {
3320
+ margin-right: 2px;
3336
3321
  }
3322
+ }
3337
3323
 
3338
- .center {
3339
- flex: 0.8;
3324
+ .E_s1t2an3z {
3325
+ &.antd5-segmented-sm .antd5-segmented-item-label {
3326
+ padding-left: 8px;
3327
+ padding-right: 8px;
3328
+ font-size: 12px;
3340
3329
  }
3341
3330
 
3342
- .right {
3343
- justify-content: flex-end;
3331
+ &.antd5-segmented-sm .antd5-segmented-item-selected {
3332
+ border-radius: 4px;
3333
+ }
3344
3334
 
3345
- &.is-scrolled .btn-group:before {
3346
- opacity: 1;
3347
- }
3335
+ &.antd5-segmented
3336
+ .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3337
+ .antd5-segmented-item-disabled
3338
+ ) {
3339
+ border-radius: 4px;
3340
+ }
3341
+ }
3348
3342
 
3349
- .btn-group {
3350
- margin-left: 32px;
3351
- position: relative;
3352
- display: flex;
3343
+ .E_ma64lna {
3344
+ .antd5-segmented-item-label {
3345
+ padding-left: 12px;
3346
+ padding-right: 12px;
3347
+ }
3348
+ }
3349
+
3350
+ .E_ckld275 {
3351
+ background-color: $fill-neutral-trans-2;
3352
+ &.antd5-segmented
3353
+ .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3354
+ .antd5-segmented-item-disabled
3355
+ ) {
3356
+ background-color: $fill-neutral-light-white;
3357
+ color: $text-neutral-secondary-light;
3358
+ }
3359
+ // on animate remove hover bg color
3360
+ &.antd5-segmented
3361
+ .antd5-segmented-thumb
3362
+ ~ .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3363
+ .antd5-segmented-item-disabled
3364
+ ) {
3365
+ background-color: transparent;
3366
+ }
3367
+ // remove after's bg color
3368
+ &.antd5-segmented
3369
+ .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3370
+ .antd5-segmented-item-disabled
3371
+ )::after {
3372
+ background-color: transparent;
3373
+ }
3374
+ }
3375
+
3376
+
3377
+ .E_h12yihis {
3378
+ height: 50px;
3379
+ border-bottom: 2px solid #edf0f7;
3380
+ background: $fills-opaque-primary-light;
3381
+ display: flex;
3382
+ justify-content: space-between;
3383
+ align-items: center;
3384
+ padding: 0 24px 0 14px;
3385
+ position: relative;
3386
+ z-index: 10;
3387
+
3388
+ .left,
3389
+ .right,
3390
+ .center {
3391
+ display: flex;
3392
+ align-items: center;
3393
+ flex: 1;
3394
+ flex-shrink: 0;
3395
+ }
3396
+
3397
+ .center {
3398
+ flex: 0.8;
3399
+ }
3400
+
3401
+ .right {
3402
+ justify-content: flex-end;
3403
+
3404
+ &.is-scrolled .btn-group:before {
3405
+ opacity: 1;
3406
+ }
3407
+
3408
+ .btn-group {
3409
+ margin-left: 32px;
3410
+ position: relative;
3411
+ display: flex;
3353
3412
  align-items: center;
3354
3413
 
3355
3414
  &:before {
@@ -3585,62 +3644,64 @@
3585
3644
  }
3586
3645
 
3587
3646
 
3588
- .E_s11wux3h {
3589
- .antd5-segmented-item:not(:last-child) {
3590
- margin-right: 2px;
3647
+ .E_c1kghdax {
3648
+ color: $text-primary-light;
3649
+ padding: 7px 12px;
3650
+ display: flex;
3651
+ justify-content: space-between;
3652
+ align-items: center;
3653
+
3654
+ &.has-arrow {
3655
+ padding-left: 10px;
3656
+
3657
+ .title-wrapper {
3658
+ cursor: pointer;
3659
+ color: $text-light-primary;
3660
+
3661
+ &.is-open {
3662
+ color: $text-primary-light;
3663
+ font-weight: 600;
3664
+
3665
+ .collapse-arrow {
3666
+ transform: rotate(90deg);
3667
+ }
3668
+ }
3669
+ }
3591
3670
  }
3592
- }
3593
3671
 
3594
- .E_s1t2an3z {
3595
- &.antd5-segmented-sm .antd5-segmented-item-label {
3596
- padding-left: 8px;
3597
- padding-right: 8px;
3672
+ .sub-info {
3598
3673
  font-size: 12px;
3674
+ line-height: 18px;
3599
3675
  }
3600
3676
 
3601
- &.antd5-segmented-sm .antd5-segmented-item-selected {
3602
- border-radius: 4px;
3677
+ .title-wrapper {
3678
+ display: flex;
3679
+ align-items: center;
3680
+ user-select: none;
3681
+ flex-grow: 1;
3682
+ font-size: 12px;
3683
+ line-height: 18px;
3684
+ color: $text-primary-light;
3685
+ font-weight: 700;
3603
3686
  }
3604
3687
 
3605
- &.antd5-segmented
3606
- .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3607
- .antd5-segmented-item-disabled
3608
- ) {
3609
- border-radius: 4px;
3688
+ .collapse-arrow {
3689
+ transition: all 50ms ease-out 0ms;
3690
+ margin-right: 2px;
3610
3691
  }
3611
3692
  }
3612
3693
 
3613
- .E_ma64lna {
3614
- .antd5-segmented-item-label {
3615
- padding-left: 12px;
3616
- padding-right: 12px;
3617
- }
3694
+
3695
+ .E_c1yd35n {
3696
+ padding: 0 12px 14px 12px;
3618
3697
  }
3619
3698
 
3620
- .E_ckld275 {
3621
- background-color: $fill-neutral-trans-2;
3622
- &.antd5-segmented
3623
- .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3624
- .antd5-segmented-item-disabled
3625
- ) {
3626
- background-color: $fill-neutral-light-white;
3627
- color: $text-neutral-secondary-light;
3628
- }
3629
- // on animate remove hover bg color
3630
- &.antd5-segmented
3631
- .antd5-segmented-thumb
3632
- ~ .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3633
- .antd5-segmented-item-disabled
3634
- ) {
3635
- background-color: transparent;
3636
- }
3637
- // remove after's bg color
3638
- &.antd5-segmented
3639
- .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3640
- .antd5-segmented-item-disabled
3641
- )::after {
3642
- background-color: transparent;
3643
- }
3699
+
3700
+ .E_ckui4s7 {
3701
+ color: $text-primary-light;
3702
+ line-height: 22px;
3703
+ display: inline-flex;
3704
+ .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; } } }
3644
3705
  }
3645
3706
 
3646
3707
 
@@ -3671,6 +3732,62 @@
3671
3732
  }
3672
3733
 
3673
3734
 
3735
+ .E_lht19u8 {
3736
+ width: 64px;
3737
+ height: 64px;
3738
+ display: flex;
3739
+ align-items: center;
3740
+ justify-content: center;
3741
+ position: relative;
3742
+ opacity: 0.2;
3743
+ }
3744
+
3745
+ .E_lk3gkp4 {
3746
+ position: absolute;
3747
+ width: 5px;
3748
+ height: 48px;
3749
+ left: 9.33px;
3750
+ top: 40.5px;
3751
+
3752
+ background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
3753
+ border-radius: 5px;
3754
+ transform: rotate(-128deg);
3755
+ transform-origin: top left;
3756
+
3757
+ animation: loading-indicator1 1100ms ease-out infinite;
3758
+ }
3759
+
3760
+ .E_ll4n94n {
3761
+ position: absolute;
3762
+ width: 5px;
3763
+ height: 48px;
3764
+ left: 40.8px;
3765
+ top: 8.4px;
3766
+
3767
+ background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
3768
+ border-radius: 5px;
3769
+ transform: rotate(-8deg);
3770
+ transform-origin: top left;
3771
+
3772
+ animation: loading-indicator2 1100ms ease-out infinite;
3773
+ }
3774
+
3775
+ .E_l17lbdo6 {
3776
+ position: absolute;
3777
+ width: 5px;
3778
+ height: 48px;
3779
+ left: 52.9px;
3780
+ top: 51.8px;
3781
+
3782
+ background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
3783
+ border-radius: 5px;
3784
+ transform: rotate(112deg);
3785
+ transform-origin: top left;
3786
+
3787
+ animation: loading-indicator3 1100ms ease-out infinite;
3788
+ }
3789
+
3790
+
3674
3791
  .E_l48ei06 {
3675
3792
  @at-root {
3676
3793
  button#{&}.ant-btn,
@@ -3742,192 +3859,26 @@
3742
3859
  }
3743
3860
 
3744
3861
 
3745
- .E_sddwhm6 {
3746
- $prefix: ui-kit-status-capsule;
3747
- margin: 0;
3748
- border-radius: 20px;
3749
- padding: 2px 10px;
3750
- height: 22px;
3862
+ .E_tc97u5y {
3863
+ height: 100%;
3864
+ }
3751
3865
 
3752
- &.ant-tag.#{$prefix}.off-white {
3753
- background-color: $fill-neutral-trans-1 !important;
3754
- &.tag-hover:hover,
3755
- &.__pseudo-states-hover {
3756
- background-color: $fill-neutral-trans-2 !important;
3757
- }
3866
+ .E_efzf37v {
3867
+ .ant-table-content,
3868
+ .ant-table-body {
3869
+ overflow: visible !important;
3870
+ height: 100%;
3758
3871
  }
3759
- &.ant-tag.#{$prefix} {
3760
- color: $text-neutral-primary;
3761
- .#{$prefix}-icon {
3762
- margin-right: 6px;
3763
- }
3764
- .#{$prefix}-number {
3765
- margin-left: 8px;
3766
- color: #2C385299;
3767
- }
3768
- &.ant-tag-blue {
3769
- background-color: $fill-outstanding-light;
3770
- .#{$prefix}-icon {
3771
- background-color: $fill-outstanding-base;
3772
- }
3773
- &.tag-hover:hover,
3774
- &.__pseudo-states-hover {
3775
- background-color: $fill-outstanding-light-hover;
3776
- }
3777
- }
3778
- &.ant-tag-red {
3779
- background-color: $fill-serious-light;
3780
- .#{$prefix}-icon {
3781
- background-color: $fill-serious-base;
3782
- }
3783
- &.tag-hover:hover,
3784
- &.__pseudo-states-hover {
3785
- background-color: $fill-serious-light-hover;
3786
- }
3787
- }
3788
- &.ant-tag-yellow {
3789
- background-color: $fill-notice-light;
3790
- .#{$prefix}-icon {
3791
- background-color: $fill-notice-base;
3792
- }
3793
- &.tag-hover:hover,
3794
- &.__pseudo-states-hover {
3795
- background-color: $fill-notice-light-hover;
3796
- }
3797
- }
3798
- &.ant-tag-green {
3799
- background-color: $fill-positive-light;
3800
- .#{$prefix}-icon {
3801
- background-color: $fill-positive-base;
3802
- }
3803
- &.tag-hover:hover,
3804
- &.__pseudo-states-hover {
3805
- background-color: $fill-positive-light-hover;
3806
- }
3807
- }
3808
- &.ant-tag-gray {
3809
- background-color: $fill-neutral-trans-2;
3810
- .#{$prefix}-icon:not(.ui-kit-status-capsule-icon-loading) {
3811
- background-color: $gray-70;
3812
- }
3813
- &.tag-hover:hover,
3814
- &.__pseudo-states-hover {
3815
- background-color: $fill-neutral-trans-3-trans-2-hover;
3816
- }
3817
- }
3818
- }
3819
- }
3820
-
3821
- .E_satwmqm {
3822
- width: 8px;
3823
- height: 8px;
3824
- border-radius: 50%;
3825
- display: inline-block;
3826
- }
3827
-
3828
-
3829
- .E_ckui4s7 {
3830
- color: $text-primary-light;
3831
- line-height: 22px;
3832
- display: inline-flex;
3833
- .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; } } }
3834
- }
3835
-
3836
-
3837
- .E_c1yd35n {
3838
- padding: 0 12px 14px 12px;
3839
- }
3840
-
3841
-
3842
- .E_c1kghdax {
3843
- color: $text-primary-light;
3844
- padding: 7px 12px;
3845
- display: flex;
3846
- justify-content: space-between;
3847
- align-items: center;
3848
-
3849
- &.has-arrow {
3850
- padding-left: 10px;
3851
-
3852
- .title-wrapper {
3853
- cursor: pointer;
3854
- color: $text-light-primary;
3855
-
3856
- &.is-open {
3857
- color: $text-primary-light;
3858
- font-weight: 600;
3859
-
3860
- .collapse-arrow {
3861
- transform: rotate(90deg);
3862
- }
3863
- }
3864
- }
3865
- }
3866
-
3867
- .sub-info {
3868
- font-size: 12px;
3869
- line-height: 18px;
3870
- }
3871
-
3872
- .title-wrapper {
3873
- display: flex;
3874
- align-items: center;
3875
- user-select: none;
3876
- flex-grow: 1;
3877
- font-size: 12px;
3878
- line-height: 18px;
3879
- color: $text-primary-light;
3880
- font-weight: 700;
3881
- }
3882
-
3883
- .collapse-arrow {
3884
- transition: all 50ms ease-out 0ms;
3885
- margin-right: 2px;
3886
- }
3887
- }
3888
-
3889
-
3890
- .E_r77hffu {
3891
- display: flex;
3892
- align-items: center;
3893
- justify-content: space-between;
3894
- column-gap: 6px;
3895
- }
3896
-
3897
- .E_p1cmxsf7 {
3898
- display: flex;
3899
- flex-direction: column;
3900
- justify-content: center;
3901
- row-gap: var(--p1cmxsf7-0);
3902
-
3903
- .antd5-progress-line {
3904
- font-size: 0;
3905
- margin-bottom: unset;
3906
- margin-inline-end: unset;
3907
- }
3908
- }
3909
-
3910
-
3911
- .E_tc97u5y {
3912
- height: 100%;
3913
- }
3914
-
3915
- .E_efzf37v {
3916
- .ant-table-content,
3917
- .ant-table-body {
3918
- overflow: visible !important;
3919
- height: 100%;
3920
- }
3921
-
3922
- .ant-table-tbody .ant-table-placeholder td {
3923
- height: 100%;
3924
- }
3925
-
3926
- table {
3927
- width: 100% !important;
3928
- height: 100%;
3929
- .ant-table-placeholder .ant-table-expanded-row-fixed {
3930
- padding: 15px 0;
3872
+
3873
+ .ant-table-tbody .ant-table-placeholder td {
3874
+ height: 100%;
3875
+ }
3876
+
3877
+ table {
3878
+ width: 100% !important;
3879
+ height: 100%;
3880
+ .ant-table-placeholder .ant-table-expanded-row-fixed {
3881
+ padding: 15px 0;
3931
3882
  }
3932
3883
  }
3933
3884
 
@@ -4346,88 +4297,134 @@
4346
4297
  }
4347
4298
 
4348
4299
 
4349
- .E_lht19u8 {
4350
- width: 64px;
4351
- height: 64px;
4352
- display: flex;
4353
- align-items: center;
4354
- justify-content: center;
4355
- position: relative;
4356
- opacity: 0.2;
4357
- }
4358
-
4359
- .E_lk3gkp4 {
4360
- position: absolute;
4361
- width: 5px;
4362
- height: 48px;
4363
- left: 9.33px;
4364
- top: 40.5px;
4365
-
4366
- background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
4367
- border-radius: 5px;
4368
- transform: rotate(-128deg);
4369
- transform-origin: top left;
4370
-
4371
- animation: loading-indicator1 1100ms ease-out infinite;
4372
- }
4373
-
4374
- .E_ll4n94n {
4375
- position: absolute;
4376
- width: 5px;
4377
- height: 48px;
4378
- left: 40.8px;
4379
- top: 8.4px;
4380
-
4381
- background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
4382
- border-radius: 5px;
4383
- transform: rotate(-8deg);
4384
- transform-origin: top left;
4385
-
4386
- animation: loading-indicator2 1100ms ease-out infinite;
4387
- }
4388
-
4389
- .E_l17lbdo6 {
4390
- position: absolute;
4391
- width: 5px;
4392
- height: 48px;
4393
- left: 52.9px;
4394
- top: 51.8px;
4395
-
4396
- background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
4397
- border-radius: 5px;
4398
- transform: rotate(112deg);
4399
- transform-origin: top left;
4400
-
4401
- animation: loading-indicator3 1100ms ease-out infinite;
4402
- }
4403
-
4300
+ .E_sddwhm6 {
4301
+ $prefix: ui-kit-status-capsule;
4302
+ margin: 0;
4303
+ border-radius: 20px;
4304
+ padding: 2px 10px;
4305
+ height: 22px;
4404
4306
 
4405
- .E_sjob3jg {
4406
- $item: ant-steps-item;
4407
- --item-min-width: 60px;
4408
- .#{$item} {
4409
- &-tail,
4410
- &-icon {
4411
- display: none !important;
4307
+ &.ant-tag.#{$prefix}.off-white {
4308
+ background-color: $fill-neutral-trans-1 !important;
4309
+ &.tag-hover:hover,
4310
+ &.__pseudo-states-hover {
4311
+ background-color: $fill-neutral-trans-2 !important;
4412
4312
  }
4413
4313
  }
4414
- .#{$item}.#{$item}-active {
4415
- flex-shrink: 0 !important;
4416
- .step-item-prefix-container {
4417
- color: $text-colorful-outstanding;
4418
- }
4419
- .#{$item}-container .#{$item}-content .#{$item}-title {
4420
- color: $text-colorful-outstanding;
4421
- font-weight: normal;
4314
+ &.ant-tag.#{$prefix} {
4315
+ color: $text-neutral-primary;
4316
+ .#{$prefix}-icon {
4317
+ margin-right: 6px;
4422
4318
  }
4423
- }
4424
- .#{$item}.#{$item}-finish {
4425
- .#{$item}-container .#{$item}-content .#{$item}-title,
4426
- & .#{$item}-container:hover .#{$item}-content .#{$item}-title {
4427
- color: $text-neutral-tertiary;
4319
+ .#{$prefix}-number {
4320
+ margin-left: 8px;
4321
+ color: #2C385299;
4428
4322
  }
4429
- }
4430
- .#{$item}.#{$item}-wait {
4323
+ &.ant-tag-blue {
4324
+ background-color: $fill-outstanding-light;
4325
+ .#{$prefix}-icon {
4326
+ background-color: $fill-outstanding-base;
4327
+ }
4328
+ &.tag-hover:hover,
4329
+ &.__pseudo-states-hover {
4330
+ background-color: $fill-outstanding-light-hover;
4331
+ }
4332
+ }
4333
+ &.ant-tag-red {
4334
+ background-color: $fill-serious-light;
4335
+ .#{$prefix}-icon {
4336
+ background-color: $fill-serious-base;
4337
+ }
4338
+ &.tag-hover:hover,
4339
+ &.__pseudo-states-hover {
4340
+ background-color: $fill-serious-light-hover;
4341
+ }
4342
+ }
4343
+ &.ant-tag-yellow {
4344
+ background-color: $fill-notice-light;
4345
+ .#{$prefix}-icon {
4346
+ background-color: $fill-notice-base;
4347
+ }
4348
+ &.tag-hover:hover,
4349
+ &.__pseudo-states-hover {
4350
+ background-color: $fill-notice-light-hover;
4351
+ }
4352
+ }
4353
+ &.ant-tag-green {
4354
+ background-color: $fill-positive-light;
4355
+ .#{$prefix}-icon {
4356
+ background-color: $fill-positive-base;
4357
+ }
4358
+ &.tag-hover:hover,
4359
+ &.__pseudo-states-hover {
4360
+ background-color: $fill-positive-light-hover;
4361
+ }
4362
+ }
4363
+ &.ant-tag-gray {
4364
+ background-color: $fill-neutral-trans-2;
4365
+ .#{$prefix}-icon:not(.ui-kit-status-capsule-icon-loading) {
4366
+ background-color: $gray-70;
4367
+ }
4368
+ &.tag-hover:hover,
4369
+ &.__pseudo-states-hover {
4370
+ background-color: $fill-neutral-trans-3-trans-2-hover;
4371
+ }
4372
+ }
4373
+ }
4374
+ }
4375
+
4376
+ .E_satwmqm {
4377
+ width: 8px;
4378
+ height: 8px;
4379
+ border-radius: 50%;
4380
+ display: inline-block;
4381
+ }
4382
+
4383
+
4384
+ .E_w7ob4th {
4385
+ &.outside-tag {
4386
+ padding-left: 0;
4387
+ .inside-tag {
4388
+ border-radius: 4px 0 0 4px;
4389
+ padding-right: 4px;
4390
+ margin-right: 4px;
4391
+ }
4392
+ }
4393
+ }
4394
+
4395
+
4396
+ .E_i1g85yz3 {
4397
+ margin-right: 4px;
4398
+ height: 16px;
4399
+ }
4400
+
4401
+
4402
+ .E_sjob3jg {
4403
+ $item: ant-steps-item;
4404
+ --item-min-width: 60px;
4405
+ .#{$item} {
4406
+ &-tail,
4407
+ &-icon {
4408
+ display: none !important;
4409
+ }
4410
+ }
4411
+ .#{$item}.#{$item}-active {
4412
+ flex-shrink: 0 !important;
4413
+ .step-item-prefix-container {
4414
+ color: $text-colorful-outstanding;
4415
+ }
4416
+ .#{$item}-container .#{$item}-content .#{$item}-title {
4417
+ color: $text-colorful-outstanding;
4418
+ font-weight: normal;
4419
+ }
4420
+ }
4421
+ .#{$item}.#{$item}-finish {
4422
+ .#{$item}-container .#{$item}-content .#{$item}-title,
4423
+ & .#{$item}-container:hover .#{$item}-content .#{$item}-title {
4424
+ color: $text-neutral-tertiary;
4425
+ }
4426
+ }
4427
+ .#{$item}.#{$item}-wait {
4431
4428
  .#{$item}-container .#{$item}-content .#{$item}-title {
4432
4429
  color: $text-neutral-primary;
4433
4430
  }
@@ -4626,50 +4623,6 @@
4626
4623
  }
4627
4624
 
4628
4625
 
4629
- .E_w7ob4th {
4630
- &.outside-tag {
4631
- padding-left: 0;
4632
- .inside-tag {
4633
- border-radius: 4px 0 0 4px;
4634
- padding-right: 4px;
4635
- margin-right: 4px;
4636
- }
4637
- }
4638
- }
4639
-
4640
-
4641
- .E_slr2ynn {
4642
- padding: 0 8px;
4643
- height: 18px;
4644
- }
4645
-
4646
- .E_m140wbb6 {
4647
- padding: 2px 8px;
4648
- height: 24px;
4649
- }
4650
-
4651
- .E_t1fozc1i {
4652
- margin: 0;
4653
- }
4654
-
4655
- .E_i1vxv4ln {
4656
- margin-right: 4px;
4657
- height: 16px;
4658
- }
4659
-
4660
- .E_n1afl31m {
4661
- &.ant-tag.ant-tag-gray {
4662
- font-weight: 700;
4663
- color: $text-neutral-primary;
4664
- background-color: $fill-neutral-trans-1;
4665
- border: 1px solid $stroke-neutral-trans-2;
4666
- word-break: break-all;
4667
- display: inline;
4668
- white-space: normal;
4669
- }
4670
- }
4671
-
4672
-
4673
4626
  .E_t1dtlqs1 {
4674
4627
  margin-bottom: 4px;
4675
4628
  color: $text-secondary-light;
@@ -4887,32 +4840,91 @@
4887
4840
  }
4888
4841
 
4889
4842
 
4890
- .E_i1g85yz3 {
4843
+ .E_slr2ynn {
4844
+ padding: 0 8px;
4845
+ height: 18px;
4846
+ }
4847
+
4848
+ .E_m140wbb6 {
4849
+ padding: 2px 8px;
4850
+ height: 24px;
4851
+ }
4852
+
4853
+ .E_t1fozc1i {
4854
+ margin: 0;
4855
+ }
4856
+
4857
+ .E_i1vxv4ln {
4891
4858
  margin-right: 4px;
4892
4859
  height: 16px;
4893
4860
  }
4894
4861
 
4895
-
4896
- .E_t1gvlxt5 {
4897
- min-width: 0;
4898
- flex: 1;
4899
- .tag {
4900
- flex: 0 0 auto;
4901
- }
4902
- .progress-title {
4903
- flex: 2;
4904
- max-width: fit-content;
4905
- }
4906
- .progress-desc {
4907
- flex: 1;
4908
- max-width: fit-content;
4862
+ .E_n1afl31m {
4863
+ &.ant-tag.ant-tag-gray {
4864
+ font-weight: 700;
4865
+ color: $text-neutral-primary;
4866
+ background-color: $fill-neutral-trans-1;
4867
+ border: 1px solid $stroke-neutral-trans-2;
4868
+ word-break: break-all;
4869
+ display: inline;
4870
+ white-space: normal;
4909
4871
  }
4910
4872
  }
4911
4873
 
4912
- .E_a1ji6r68 {
4874
+
4875
+ .E_r77hffu {
4913
4876
  display: flex;
4914
4877
  align-items: center;
4915
- column-gap: var(--a1ji6r68-0);
4878
+ justify-content: space-between;
4879
+ column-gap: 6px;
4880
+ }
4881
+
4882
+ .E_p1cmxsf7 {
4883
+ display: flex;
4884
+ flex-direction: column;
4885
+ justify-content: center;
4886
+ row-gap: var(--p1cmxsf7-0);
4887
+
4888
+ .antd5-progress-line {
4889
+ font-size: 0;
4890
+ margin-bottom: unset;
4891
+ margin-inline-end: unset;
4892
+ }
4893
+ }
4894
+
4895
+
4896
+ .E_t13ef470 {
4897
+ height: 100%;
4898
+ .table-loading-item {
4899
+ padding: 12px 4px;
4900
+ border-bottom: 1px solid rgba($gray-50, 0.18);
4901
+ display: flex;
4902
+
4903
+ > * {
4904
+ height: 16px;
4905
+ margin: 4px;
4906
+ background: rgba($gray-50, 0.18);
4907
+ border-radius: 2px;
4908
+ }
4909
+ .checkbox-loading {
4910
+ width: 16px;
4911
+ }
4912
+ .td-loading {
4913
+ flex: 1;
4914
+ }
4915
+ }
4916
+
4917
+ :nth-child(1) {
4918
+ padding: 8px 4px;
4919
+ > * {
4920
+ background: rgba($gray-70, 0.18);
4921
+ }
4922
+ }
4923
+ :nth-child(1) {
4924
+ > * {
4925
+ background: rgba($gray-60, 0.18);
4926
+ }
4927
+ }
4916
4928
  }
4917
4929
 
4918
4930
 
@@ -5000,40 +5012,28 @@
5000
5012
  }
5001
5013
 
5002
5014
 
5003
- .E_t13ef470 {
5004
- height: 100%;
5005
- .table-loading-item {
5006
- padding: 12px 4px;
5007
- border-bottom: 1px solid rgba($gray-50, 0.18);
5008
- display: flex;
5009
-
5010
- > * {
5011
- height: 16px;
5012
- margin: 4px;
5013
- background: rgba($gray-50, 0.18);
5014
- border-radius: 2px;
5015
- }
5016
- .checkbox-loading {
5017
- width: 16px;
5018
- }
5019
- .td-loading {
5020
- flex: 1;
5021
- }
5015
+ .E_t1gvlxt5 {
5016
+ min-width: 0;
5017
+ flex: 1;
5018
+ .tag {
5019
+ flex: 0 0 auto;
5022
5020
  }
5023
-
5024
- :nth-child(1) {
5025
- padding: 8px 4px;
5026
- > * {
5027
- background: rgba($gray-70, 0.18);
5028
- }
5021
+ .progress-title {
5022
+ flex: 2;
5023
+ max-width: fit-content;
5029
5024
  }
5030
- :nth-child(1) {
5031
- > * {
5032
- background: rgba($gray-60, 0.18);
5033
- }
5025
+ .progress-desc {
5026
+ flex: 1;
5027
+ max-width: fit-content;
5034
5028
  }
5035
5029
  }
5036
5030
 
5031
+ .E_a1ji6r68 {
5032
+ display: flex;
5033
+ align-items: center;
5034
+ column-gap: var(--a1ji6r68-0);
5035
+ }
5036
+
5037
5037
 
5038
5038
  .E_msn7nxt {
5039
5039
  color: $text-light-secondary;
@@ -5564,11 +5564,6 @@
5564
5564
  }
5565
5565
 
5566
5566
 
5567
- .E_t1616y1o {
5568
- color: $text-light-on-tint;
5569
- }
5570
-
5571
-
5572
5567
  .E_f16blduf {
5573
5568
  &.ant-form-item {
5574
5569
  margin-bottom: 0;
@@ -5595,6 +5590,11 @@
5595
5590
  }
5596
5591
 
5597
5592
 
5593
+ .E_t1616y1o {
5594
+ color: $text-light-on-tint;
5595
+ }
5596
+
5597
+
5598
5598
  .E_a9y3flr {
5599
5599
  margin-left: 8px;
5600
5600
  }
@@ -5656,88 +5656,6 @@
5656
5656
  }
5657
5657
 
5658
5658
 
5659
- .E_s1ebs0ra {
5660
- display: flex;
5661
- align-items: center;
5662
- justify-content: space-between;
5663
- background: $backgrounds-light-grouped;
5664
- padding: 8px 12px;
5665
- position: sticky;
5666
- top: 0;
5667
- z-index: 1;
5668
- margin-bottom: -52px;
5669
-
5670
- .select-total {
5671
- display: flex;
5672
- align-items: center;
5673
- font-weight: 700;
5674
- flex-shrink: 0;
5675
-
5676
- .icon-wrapper {
5677
- cursor: pointer;
5678
- margin-left: 8px;
5679
- width: 32px;
5680
- height: 32px;
5681
- border-radius: 50%;
5682
- justify-content: center;
5683
-
5684
- &:hover {
5685
- background: $fills-light-trans-2;
5686
- }
5687
- }
5688
- }
5689
- .action-group {
5690
- flex: 1;
5691
- margin-left: 88px;
5692
- white-space: nowrap;
5693
- text-align: right;
5694
- position: relative;
5695
- padding: 4px 0;
5696
- margin-top: -4px;
5697
- overflow: hidden;
5698
- .sub-menu-delete {
5699
- transform: translateY(-4px);
5700
- }
5701
- button {
5702
- border: none;
5703
- }
5704
- > *:not(:last-child) {
5705
- margin-right: 8px;
5706
- }
5707
-
5708
- > button:last-child {
5709
- margin-right: 4px;
5710
- }
5711
- .more-btn {
5712
- cursor: pointer;
5713
- width: 32px;
5714
- height: 32px;
5715
- justify-content: center;
5716
- border-radius: 50%;
5717
-
5718
- &:hover {
5719
- background: $white;
5720
- }
5721
- }
5722
- }
5723
- }
5724
-
5725
-
5726
- .E_skwah65 {
5727
- height: 8px;
5728
- box-sizing: border-box;
5729
- border-radius: 2px;
5730
- background: #f5f7fa;
5731
- display: flex;
5732
- width: 100%;
5733
- overflow: hidden;
5734
-
5735
- .stack-bar-item + .stack-bar-item {
5736
- margin-left: 1px;
5737
- }
5738
- }
5739
-
5740
-
5741
5659
  .E_c18bcrac {
5742
5660
  display: inline-block;
5743
5661
  width: 100%;
@@ -5789,6 +5707,127 @@
5789
5707
  }
5790
5708
 
5791
5709
 
5710
+ .E_tqjc4ui {
5711
+ @at-root {
5712
+ span#{&} {
5713
+ margin: 0 2px;
5714
+ }
5715
+ }
5716
+ }
5717
+
5718
+
5719
+ .E_t1sqg15u {
5720
+ background: white;
5721
+
5722
+ &.inline {
5723
+ .table-row {
5724
+ flex-direction: column;
5725
+
5726
+ > label {
5727
+ padding: 0 16px 7px 0;
5728
+ }
5729
+ }
5730
+ }
5731
+
5732
+ &.has-border {
5733
+ .table-header {
5734
+ border-bottom: 1px solid $strokes-light-trans-1;
5735
+ }
5736
+
5737
+ .hiddenBorder {
5738
+ border-top: none !important;
5739
+ }
5740
+
5741
+ .table-row + .table-row {
5742
+ border-top: 1px solid $strokes-light-trans-1;
5743
+ }
5744
+
5745
+ .table-row:last-of-type {
5746
+ padding-bottom: 0;
5747
+ }
5748
+ }
5749
+
5750
+ &.align-right {
5751
+ .content {
5752
+ text-align: right;
5753
+ }
5754
+ }
5755
+ .uuid-row {
5756
+ display: flex;
5757
+ justify-content: space-between;
5758
+
5759
+ .id-text {
5760
+ white-space: nowrap;
5761
+ overflow: hidden;
5762
+ text-overflow: ellipsis;
5763
+ }
5764
+ }
5765
+ }
5766
+
5767
+ .E_t4zczcp {
5768
+ display: flex;
5769
+ justify-content: space-between;
5770
+ align-items: center;
5771
+ padding: 8px;
5772
+ min-height: 32px;
5773
+
5774
+ .table-title {
5775
+ color: $text-secondary-light;
5776
+ font-weight: 600;
5777
+ font-size: 12px;
5778
+ line-height: 8px;
5779
+ }
5780
+
5781
+ .edit-icon {
5782
+ font-size: 16px;
5783
+ color: $strokes-translucent-2-light;
5784
+ cursor: pointer;
5785
+ }
5786
+ }
5787
+
5788
+ .E_t1s7goww {
5789
+ font-size: 12px;
5790
+ line-height: 18px;
5791
+ }
5792
+
5793
+ .E_t93e4cf {
5794
+ display: flex;
5795
+ padding: 8px 0;
5796
+ color: $text-primary-light;
5797
+
5798
+ .hidden {
5799
+ display: none;
5800
+ }
5801
+
5802
+ .ant-btn.ant-btn-link {
5803
+ height: auto;
5804
+ }
5805
+
5806
+ .content {
5807
+ overflow: hidden;
5808
+ overflow-x: auto;
5809
+ width: 100%;
5810
+ white-space: pre-wrap;
5811
+
5812
+ .ant-btn {
5813
+ white-space: pre-wrap;
5814
+ text-align: left;
5815
+ }
5816
+
5817
+ .unit-chart {
5818
+ justify-content: flex-start;
5819
+ }
5820
+ }
5821
+ }
5822
+
5823
+ .E_rhz2uv5 {
5824
+ width: var(--rhz2uv5-0);
5825
+ flex-shrink: 0;
5826
+ color: $text-secondary-light;
5827
+ padding-right: 12px;
5828
+ }
5829
+
5830
+
5792
5831
  .E_clm1wy1 {
5793
5832
  width: 192px;
5794
5833
  height: 246px;
@@ -5887,14 +5926,183 @@
5887
5926
  }
5888
5927
 
5889
5928
 
5890
- .E_c1up1pdz {
5891
- width: 648px;
5929
+ .E_gmyahx3 {
5930
+ cursor: pointer;
5892
5931
 
5893
- &.active {
5894
- border-color: $blue-60;
5932
+ .link-text {
5933
+ color: $text-light-tertiary;
5934
+ }
5895
5935
 
5896
- > header {
5897
- background: rgba($blue-60, 0.1);
5936
+ &:hover .link-text {
5937
+ color: $text-light-general;
5938
+ }
5939
+ }
5940
+
5941
+
5942
+ .E_ou7iq30 {
5943
+ overflow: hidden;
5944
+ text-overflow: ellipsis;
5945
+ }
5946
+
5947
+ .E_s1tui002 {
5948
+ white-space: nowrap;
5949
+ }
5950
+
5951
+ .E_mxrc2zg {
5952
+ display: -webkit-box;
5953
+ -webkit-line-clamp: var(--mxrc2zg-0);
5954
+ -webkit-box-orient: vertical;
5955
+ word-break: break-all;
5956
+ }
5957
+
5958
+ .E_t1vv6d68 {
5959
+ .ant-tooltip-arrow {
5960
+ display: none;
5961
+ }
5962
+ .ant-tooltip-inner {
5963
+ background: $gray-a80-9;
5964
+ border-radius: 4px;
5965
+ &:has(.eagle-ellipsis-content) {
5966
+ visibility: hidden;
5967
+ }
5968
+ }
5969
+ }
5970
+
5971
+
5972
+ .E_s1ebs0ra {
5973
+ display: flex;
5974
+ align-items: center;
5975
+ justify-content: space-between;
5976
+ background: $backgrounds-light-grouped;
5977
+ padding: 8px 12px;
5978
+ position: sticky;
5979
+ top: 0;
5980
+ z-index: 1;
5981
+ margin-bottom: -52px;
5982
+
5983
+ .select-total {
5984
+ display: flex;
5985
+ align-items: center;
5986
+ font-weight: 700;
5987
+ flex-shrink: 0;
5988
+
5989
+ .icon-wrapper {
5990
+ cursor: pointer;
5991
+ margin-left: 8px;
5992
+ width: 32px;
5993
+ height: 32px;
5994
+ border-radius: 50%;
5995
+ justify-content: center;
5996
+
5997
+ &:hover {
5998
+ background: $fills-light-trans-2;
5999
+ }
6000
+ }
6001
+ }
6002
+ .action-group {
6003
+ flex: 1;
6004
+ margin-left: 88px;
6005
+ white-space: nowrap;
6006
+ text-align: right;
6007
+ position: relative;
6008
+ padding: 4px 0;
6009
+ margin-top: -4px;
6010
+ overflow: hidden;
6011
+ .sub-menu-delete {
6012
+ transform: translateY(-4px);
6013
+ }
6014
+ button {
6015
+ border: none;
6016
+ }
6017
+ > *:not(:last-child) {
6018
+ margin-right: 8px;
6019
+ }
6020
+
6021
+ > button:last-child {
6022
+ margin-right: 4px;
6023
+ }
6024
+ .more-btn {
6025
+ cursor: pointer;
6026
+ width: 32px;
6027
+ height: 32px;
6028
+ justify-content: center;
6029
+ border-radius: 50%;
6030
+
6031
+ &:hover {
6032
+ background: $white;
6033
+ }
6034
+ }
6035
+ }
6036
+ }
6037
+
6038
+
6039
+ .E_n12mqh7z {
6040
+ display: flex;
6041
+ align-items: center;
6042
+ font-size: 12px;
6043
+ line-height: 18px;
6044
+
6045
+ &:not(:last-child) {
6046
+ margin-bottom: 4px;
6047
+ }
6048
+ }
6049
+
6050
+ .E_tf5bynu {
6051
+ margin: 0 3px;
6052
+ }
6053
+
6054
+ .E_tcckoz1 {
6055
+ max-height: 400px;
6056
+ overflow: auto;
6057
+ }
6058
+
6059
+
6060
+ .E_wg1tsps {
6061
+ display: flex;
6062
+ align-items: center;
6063
+ justify-content: flex-end;
6064
+ }
6065
+
6066
+ .E_b1ctd5xy {
6067
+ display: flex;
6068
+ align-items: center;
6069
+ width: calc(100% - 40px);
6070
+
6071
+ .chart {
6072
+ display: inline-block;
6073
+ width: 100%;
6074
+ }
6075
+ }
6076
+
6077
+ .E_u1p8acpn {
6078
+ min-width: 40px;
6079
+
6080
+ .unit {
6081
+ color: $text-light-primary !important;
6082
+ }
6083
+ }
6084
+
6085
+
6086
+ .E_s1iv0tp1 {
6087
+ .enabled-switch {
6088
+ display: flex;
6089
+ align-items: center;
6090
+ }
6091
+
6092
+ .enabled-text {
6093
+ margin-right: 8px;
6094
+ }
6095
+ }
6096
+
6097
+
6098
+ .E_c1up1pdz {
6099
+ width: 648px;
6100
+
6101
+ &.active {
6102
+ border-color: $blue-60;
6103
+
6104
+ > header {
6105
+ background: rgba($blue-60, 0.1);
5898
6106
  }
5899
6107
  }
5900
6108
 
@@ -6051,148 +6259,156 @@
6051
6259
  }
6052
6260
 
6053
6261
 
6054
- .E_gmyahx3 {
6055
- cursor: pointer;
6056
-
6057
- .link-text {
6058
- color: $text-light-tertiary;
6059
- }
6060
-
6061
- &:hover .link-text {
6062
- color: $text-light-general;
6063
- }
6064
- }
6065
-
6262
+ .E_skwah65 {
6263
+ height: 8px;
6264
+ box-sizing: border-box;
6265
+ border-radius: 2px;
6266
+ background: #f5f7fa;
6267
+ display: flex;
6268
+ width: 100%;
6269
+ overflow: hidden;
6066
6270
 
6067
- .E_tqjc4ui {
6068
- @at-root {
6069
- span#{&} {
6070
- margin: 0 2px;
6071
- }
6271
+ .stack-bar-item + .stack-bar-item {
6272
+ margin-left: 1px;
6072
6273
  }
6073
6274
  }
6074
6275
 
6075
6276
 
6076
- .E_t1sqg15u {
6077
- background: white;
6078
-
6079
- &.inline {
6080
- .table-row {
6081
- flex-direction: column;
6082
-
6083
- > label {
6084
- padding: 0 16px 7px 0;
6085
- }
6086
- }
6277
+ .E_s1at6qmn {
6278
+ &.ant-layout-sider {
6279
+ background: $backgrounds-light-grouped;
6280
+ padding: 32px 8px;
6281
+ overflow: auto;
6087
6282
  }
6088
6283
 
6089
- &.has-border {
6090
- .table-header {
6091
- border-bottom: 1px solid $strokes-light-trans-1;
6092
- }
6093
-
6094
- .hiddenBorder {
6095
- border-top: none !important;
6096
- }
6097
-
6098
- .table-row + .table-row {
6099
- border-top: 1px solid $strokes-light-trans-1;
6100
- }
6101
-
6102
- .table-row:last-of-type {
6103
- padding-bottom: 0;
6104
- }
6284
+ .ant-layout-sider-children {
6285
+ display: flex;
6286
+ flex-direction: column;
6287
+ justify-content: space-between;
6105
6288
  }
6106
6289
 
6107
- &.align-right {
6108
- .content {
6109
- text-align: right;
6110
- }
6111
- }
6112
- .uuid-row {
6290
+ footer {
6113
6291
  display: flex;
6114
- justify-content: space-between;
6292
+ }
6115
6293
 
6116
- .id-text {
6117
- white-space: nowrap;
6294
+ .ant-menu {
6295
+ background: $backgrounds-light-grouped;
6296
+ a {
6297
+ color: $text-light-primary;
6298
+ width: 180px;
6118
6299
  overflow: hidden;
6119
6300
  text-overflow: ellipsis;
6120
6301
  }
6121
6302
  }
6122
- }
6123
6303
 
6124
- .E_t4zczcp {
6125
- display: flex;
6126
- justify-content: space-between;
6127
- align-items: center;
6128
- padding: 8px;
6129
- min-height: 32px;
6304
+ .ant-menu-vertical {
6305
+ margin-bottom: 24px;
6130
6306
 
6131
- .table-title {
6132
- color: $text-secondary-light;
6133
- font-weight: 600;
6134
- font-size: 12px;
6135
- line-height: 8px;
6136
- }
6307
+ .ant-menu-item-group {
6308
+ .ant-menu-item {
6309
+ margin: 0;
6310
+ }
6311
+ .ant-menu-item-group-title {
6312
+ font-size: 12px;
6313
+ padding: 0 8px 4px;
6314
+ line-height: 18px;
6137
6315
 
6138
- .edit-icon {
6139
- font-size: 16px;
6140
- color: $strokes-translucent-2-light;
6141
- cursor: pointer;
6142
- }
6143
- }
6316
+ &:empty {
6317
+ padding: 0;
6318
+ }
6319
+ }
6320
+ &:not(:last-child) {
6321
+ padding-bottom: 24px;
6322
+ &.split {
6323
+ margin-bottom: 24px;
6324
+ border-bottom: 1px solid rgba(211, 218, 235, 0.6);
6325
+ }
6326
+ }
6327
+ }
6144
6328
 
6145
- .E_t1s7goww {
6146
- font-size: 12px;
6147
- line-height: 18px;
6148
- }
6329
+ .ant-menu-item {
6330
+ transition: none;
6331
+ display: flex;
6332
+ align-items: center;
6333
+ height: 32px;
6334
+ line-height: 22px;
6335
+ padding: 0 8px;
6149
6336
 
6150
- .E_t93e4cf {
6151
- display: flex;
6152
- padding: 8px 0;
6153
- color: $text-primary-light;
6337
+ > .icon-wrapper {
6338
+ margin-right: 12px;
6339
+ }
6154
6340
 
6155
- .hidden {
6156
- display: none;
6341
+ &:not(:last-child) {
6342
+ margin: 0;
6343
+ margin-bottom: 2px;
6344
+ }
6345
+ &.ant-menu-item-selected {
6346
+ background: $background-selected;
6347
+ box-shadow: $box-shadow-light-selected;
6348
+ border-radius: 6px;
6349
+ color: $text-light-on-tint;
6350
+ a {
6351
+ color: $text-light-on-tint;
6352
+ }
6353
+ }
6354
+ &:not(.ant-menu-item-selected) {
6355
+ &.ant-menu-item:hover,
6356
+ &.ant-menu-item-active {
6357
+ background: $background-onhover;
6358
+ box-shadow: $box-shadow-light-onhover;
6359
+ border-radius: 6px;
6360
+ }
6361
+ }
6362
+ }
6157
6363
  }
6364
+ }
6158
6365
 
6159
- .ant-btn.ant-btn-link {
6160
- height: auto;
6366
+ .E_s1wu0lms {
6367
+ .ant-menu-item-group-title {
6368
+ white-space: nowrap;
6369
+ transition: all 0s;
6161
6370
  }
6162
6371
 
6163
- .content {
6372
+ &.shrink {
6373
+ transition: all 0s;
6164
6374
  overflow: hidden;
6165
- overflow-x: auto;
6166
- width: 100%;
6167
- white-space: pre-wrap;
6168
6375
 
6169
- .ant-btn {
6170
- white-space: pre-wrap;
6171
- text-align: left;
6376
+ .ant-menu-item-group-title {
6377
+ visibility: hidden;
6172
6378
  }
6173
6379
 
6174
- .unit-chart {
6175
- justify-content: flex-start;
6380
+ .ant-menu-item {
6381
+ width: 36px;
6382
+ padding: 0 6px;
6176
6383
  }
6177
6384
  }
6178
6385
  }
6179
6386
 
6180
- .E_rhz2uv5 {
6181
- width: var(--rhz2uv5-0);
6182
- flex-shrink: 0;
6183
- color: $text-secondary-light;
6184
- padding-right: 12px;
6185
- }
6387
+ .E_n1ugzfva {
6388
+ display: flex;
6389
+ place-items: center;
6390
+ width: 100% !important;
6186
6391
 
6392
+ &[disabled] {
6393
+ color: rgba(0, 0, 0, 0.25) !important;
6394
+ opacity: 1 !important;
6395
+ }
6187
6396
 
6188
- .E_s1iv0tp1 {
6189
- .enabled-switch {
6190
- display: flex;
6191
- align-items: center;
6397
+ &.ant-btn {
6398
+ width: 100%;
6399
+ color: $text-light-primary;
6192
6400
  }
6193
6401
 
6194
- .enabled-text {
6195
- margin-right: 8px;
6402
+ .icon-wrapper {
6403
+ margin-right: 12px;
6404
+ }
6405
+
6406
+ .link-title {
6407
+ flex: 1;
6408
+ overflow: hidden;
6409
+ white-space: nowrap;
6410
+ text-overflow: ellipsis;
6411
+ text-align: left;
6196
6412
  }
6197
6413
  }
6198
6414
 
@@ -6457,227 +6673,55 @@
6457
6673
  }
6458
6674
 
6459
6675
  &.ant-dropdown-menu-item-selected {
6460
- color: $blue-60;
6461
- background: transparent;
6462
- }
6463
- }
6464
- }
6465
- }
6466
-
6467
-
6468
- .E_ou7iq30 {
6469
- overflow: hidden;
6470
- text-overflow: ellipsis;
6471
- }
6472
-
6473
- .E_s1tui002 {
6474
- white-space: nowrap;
6475
- }
6476
-
6477
- .E_mxrc2zg {
6478
- display: -webkit-box;
6479
- -webkit-line-clamp: var(--mxrc2zg-0);
6480
- -webkit-box-orient: vertical;
6481
- word-break: break-all;
6482
- }
6483
-
6484
- .E_t1vv6d68 {
6485
- .ant-tooltip-arrow {
6486
- display: none;
6487
- }
6488
- .ant-tooltip-inner {
6489
- background: $gray-a80-9;
6490
- border-radius: 4px;
6491
- &:has(.eagle-ellipsis-content) {
6492
- visibility: hidden;
6493
- }
6494
- }
6495
- }
6496
-
6497
-
6498
- .E_n12mqh7z {
6499
- display: flex;
6500
- align-items: center;
6501
- font-size: 12px;
6502
- line-height: 18px;
6503
-
6504
- &:not(:last-child) {
6505
- margin-bottom: 4px;
6506
- }
6507
- }
6508
-
6509
- .E_tf5bynu {
6510
- margin: 0 3px;
6511
- }
6512
-
6513
- .E_tcckoz1 {
6514
- max-height: 400px;
6515
- overflow: auto;
6516
- }
6517
-
6518
-
6519
- .E_s1at6qmn {
6520
- &.ant-layout-sider {
6521
- background: $backgrounds-light-grouped;
6522
- padding: 32px 8px;
6523
- overflow: auto;
6524
- }
6525
-
6526
- .ant-layout-sider-children {
6527
- display: flex;
6528
- flex-direction: column;
6529
- justify-content: space-between;
6530
- }
6531
-
6532
- footer {
6533
- display: flex;
6534
- }
6535
-
6536
- .ant-menu {
6537
- background: $backgrounds-light-grouped;
6538
- a {
6539
- color: $text-light-primary;
6540
- width: 180px;
6541
- overflow: hidden;
6542
- text-overflow: ellipsis;
6543
- }
6544
- }
6545
-
6546
- .ant-menu-vertical {
6547
- margin-bottom: 24px;
6548
-
6549
- .ant-menu-item-group {
6550
- .ant-menu-item {
6551
- margin: 0;
6552
- }
6553
- .ant-menu-item-group-title {
6554
- font-size: 12px;
6555
- padding: 0 8px 4px;
6556
- line-height: 18px;
6557
-
6558
- &:empty {
6559
- padding: 0;
6560
- }
6561
- }
6562
- &:not(:last-child) {
6563
- padding-bottom: 24px;
6564
- &.split {
6565
- margin-bottom: 24px;
6566
- border-bottom: 1px solid rgba(211, 218, 235, 0.6);
6567
- }
6568
- }
6569
- }
6570
-
6571
- .ant-menu-item {
6572
- transition: none;
6573
- display: flex;
6574
- align-items: center;
6575
- height: 32px;
6576
- line-height: 22px;
6577
- padding: 0 8px;
6578
-
6579
- > .icon-wrapper {
6580
- margin-right: 12px;
6581
- }
6582
-
6583
- &:not(:last-child) {
6584
- margin: 0;
6585
- margin-bottom: 2px;
6586
- }
6587
- &.ant-menu-item-selected {
6588
- background: $background-selected;
6589
- box-shadow: $box-shadow-light-selected;
6590
- border-radius: 6px;
6591
- color: $text-light-on-tint;
6592
- a {
6593
- color: $text-light-on-tint;
6594
- }
6595
- }
6596
- &:not(.ant-menu-item-selected) {
6597
- &.ant-menu-item:hover,
6598
- &.ant-menu-item-active {
6599
- background: $background-onhover;
6600
- box-shadow: $box-shadow-light-onhover;
6601
- border-radius: 6px;
6602
- }
6603
- }
6604
- }
6605
- }
6606
- }
6607
-
6608
- .E_s1wu0lms {
6609
- .ant-menu-item-group-title {
6610
- white-space: nowrap;
6611
- transition: all 0s;
6612
- }
6613
-
6614
- &.shrink {
6615
- transition: all 0s;
6616
- overflow: hidden;
6617
-
6618
- .ant-menu-item-group-title {
6619
- visibility: hidden;
6620
- }
6621
-
6622
- .ant-menu-item {
6623
- width: 36px;
6624
- padding: 0 6px;
6625
- }
6626
- }
6627
- }
6628
-
6629
- .E_n1ugzfva {
6630
- display: flex;
6631
- place-items: center;
6632
- width: 100% !important;
6633
-
6634
- &[disabled] {
6635
- color: rgba(0, 0, 0, 0.25) !important;
6636
- opacity: 1 !important;
6637
- }
6638
-
6639
- &.ant-btn {
6640
- width: 100%;
6641
- color: $text-light-primary;
6642
- }
6643
-
6644
- .icon-wrapper {
6645
- margin-right: 12px;
6646
- }
6647
-
6648
- .link-title {
6649
- flex: 1;
6650
- overflow: hidden;
6651
- white-space: nowrap;
6652
- text-overflow: ellipsis;
6653
- text-align: left;
6676
+ color: $blue-60;
6677
+ background: transparent;
6678
+ }
6679
+ }
6654
6680
  }
6655
6681
  }
6656
6682
 
6657
6683
 
6658
- .E_wg1tsps {
6659
- display: flex;
6660
- align-items: center;
6661
- justify-content: flex-end;
6684
+ .E_i5w779o {
6685
+ padding: 8px 0;
6686
+
6687
+ .col-label {
6688
+ flex-shrink: unset;
6689
+ * {
6690
+ line-height: 18px;
6691
+ }
6692
+ }
6693
+ .col-content {
6694
+ flex: 1 1 0;
6695
+ display: flex;
6696
+ align-items: center;
6697
+ * {
6698
+ line-height: 18px;
6699
+ }
6700
+ }
6662
6701
  }
6663
6702
 
6664
- .E_b1ctd5xy {
6665
- display: flex;
6666
- align-items: center;
6667
- width: calc(100% - 40px);
6703
+ .E_l18dja44 {
6704
+ padding: 6px 0;
6668
6705
 
6669
- .chart {
6670
- display: inline-block;
6671
- width: 100%;
6706
+ .col-label * {
6707
+ font-size: 13px;
6708
+ line-height: 20px;
6709
+ }
6710
+ .col-content * {
6711
+ font-size: 14px;
6712
+ line-height: 20px;
6672
6713
  }
6673
6714
  }
6674
6715
 
6675
- .E_u1p8acpn {
6676
- min-width: 40px;
6716
+ .E_c8c2hys {
6717
+ display: flex;
6718
+ justify-content: space-between;
6719
+ flex: 1;
6720
+ min-width: 0;
6721
+ }
6677
6722
 
6678
- .unit {
6679
- color: $text-light-primary !important;
6680
- }
6723
+ .E_n4m6c4d {
6724
+ color: $text-light-tertiary;
6681
6725
  }
6682
6726
 
6683
6727
 
@@ -6789,47 +6833,97 @@
6789
6833
  }
6790
6834
 
6791
6835
 
6792
- .E_i5w779o {
6793
- padding: 8px 0;
6836
+ .E_c1ss4prm {
6837
+ color: $text-light-secondary;
6794
6838
 
6795
- .col-label {
6796
- flex-shrink: unset;
6797
- * {
6798
- line-height: 18px;
6839
+ li {
6840
+ margin-bottom: 4px;
6841
+
6842
+ &:last-child {
6843
+ margin-bottom: 0;
6799
6844
  }
6800
6845
  }
6801
- .col-content {
6802
- flex: 1 1 0;
6803
- display: flex;
6804
- align-items: center;
6805
- * {
6806
- line-height: 18px;
6846
+ }
6847
+
6848
+ .E_ms3tlei {
6849
+ background: $fill-neutral-trans-2;
6850
+ padding: 8px;
6851
+ border-radius: 6px;
6852
+ color: $gray-a60-8;
6853
+
6854
+ li {
6855
+ margin-bottom: 4px;
6856
+
6857
+ &:last-child {
6858
+ margin-bottom: 0;
6807
6859
  }
6808
6860
  }
6809
6861
  }
6810
6862
 
6811
- .E_l18dja44 {
6812
- padding: 6px 0;
6863
+ .E_du44iy7 {
6864
+ margin-bottom: 4px;
6865
+ }
6813
6866
 
6814
- .col-label * {
6815
- font-size: 13px;
6816
- line-height: 20px;
6817
- }
6818
- .col-content * {
6819
- font-size: 14px;
6820
- line-height: 20px;
6821
- }
6867
+ .E_s1qmhanr {
6868
+ color: $text-light-secondary;
6869
+ margin-bottom: 8px;
6822
6870
  }
6823
6871
 
6824
- .E_c8c2hys {
6825
- display: flex;
6826
- justify-content: space-between;
6827
- flex: 1;
6828
- min-width: 0;
6872
+ .E_drje1h0 {
6873
+ height: 1px;
6874
+ background: $strokes-light-opaque-2;
6875
+ margin: 16px 0;
6829
6876
  }
6830
6877
 
6831
- .E_n4m6c4d {
6832
- color: $text-light-tertiary;
6878
+
6879
+ .E_c14ouk5o {
6880
+ width: 100%;
6881
+ height: 100%;
6882
+ display: flex;
6883
+ font-size: 12px;
6884
+ line-height: 18px;
6885
+ padding: 8px 0;
6886
+ box-shadow: inset 0px -1px 0px rgba(213, 219, 227, 0.6);
6887
+
6888
+ &:last-of-type {
6889
+ box-shadow: none;
6890
+ padding-bottom: 0;
6891
+ }
6892
+ &.collapsed {
6893
+ flex-direction: column;
6894
+
6895
+ .collapsed-content {
6896
+ display: flex;
6897
+
6898
+ > span {
6899
+ flex: 1;
6900
+ display: flex;
6901
+ justify-content: space-between;
6902
+ .ant-btn {
6903
+ height: auto;
6904
+ }
6905
+ }
6906
+ }
6907
+ .extra-content {
6908
+ margin-left: 162px;
6909
+ }
6910
+ }
6911
+
6912
+ .col-label {
6913
+ width: 216px;
6914
+ color: $text-secondary-light;
6915
+ margin-right: 12px;
6916
+ flex-shrink: 0;
6917
+ }
6918
+
6919
+ .col-content {
6920
+ color: $text-primary-light;
6921
+
6922
+ /* make btn link in info row have the same height as normal text */
6923
+ .ant-btn.ant-btn-link {
6924
+ height: auto;
6925
+ }
6926
+ }
6833
6927
  }
6834
6928
 
6835
6929
 
@@ -7412,57 +7506,6 @@
7412
7506
  }
7413
7507
 
7414
7508
 
7415
- .E_c14ouk5o {
7416
- width: 100%;
7417
- height: 100%;
7418
- display: flex;
7419
- font-size: 12px;
7420
- line-height: 18px;
7421
- padding: 8px 0;
7422
- box-shadow: inset 0px -1px 0px rgba(213, 219, 227, 0.6);
7423
-
7424
- &:last-of-type {
7425
- box-shadow: none;
7426
- padding-bottom: 0;
7427
- }
7428
- &.collapsed {
7429
- flex-direction: column;
7430
-
7431
- .collapsed-content {
7432
- display: flex;
7433
-
7434
- > span {
7435
- flex: 1;
7436
- display: flex;
7437
- justify-content: space-between;
7438
- .ant-btn {
7439
- height: auto;
7440
- }
7441
- }
7442
- }
7443
- .extra-content {
7444
- margin-left: 162px;
7445
- }
7446
- }
7447
-
7448
- .col-label {
7449
- width: 216px;
7450
- color: $text-secondary-light;
7451
- margin-right: 12px;
7452
- flex-shrink: 0;
7453
- }
7454
-
7455
- .col-content {
7456
- color: $text-primary-light;
7457
-
7458
- /* make btn link in info row have the same height as normal text */
7459
- .ant-btn.ant-btn-link {
7460
- height: auto;
7461
- }
7462
- }
7463
- }
7464
-
7465
-
7466
7509
  .E_cevhqx7 {
7467
7510
  color: $text-light-primary;
7468
7511
  }
@@ -7473,49 +7516,6 @@
7473
7516
  }
7474
7517
 
7475
7518
 
7476
- .E_c1ss4prm {
7477
- color: $text-light-secondary;
7478
-
7479
- li {
7480
- margin-bottom: 4px;
7481
-
7482
- &:last-child {
7483
- margin-bottom: 0;
7484
- }
7485
- }
7486
- }
7487
-
7488
- .E_ms3tlei {
7489
- background: $fill-neutral-trans-2;
7490
- padding: 8px;
7491
- border-radius: 6px;
7492
- color: $gray-a60-8;
7493
-
7494
- li {
7495
- margin-bottom: 4px;
7496
-
7497
- &:last-child {
7498
- margin-bottom: 0;
7499
- }
7500
- }
7501
- }
7502
-
7503
- .E_du44iy7 {
7504
- margin-bottom: 4px;
7505
- }
7506
-
7507
- .E_s1qmhanr {
7508
- color: $text-light-secondary;
7509
- margin-bottom: 8px;
7510
- }
7511
-
7512
- .E_drje1h0 {
7513
- height: 1px;
7514
- background: $strokes-light-opaque-2;
7515
- margin: 16px 0;
7516
- }
7517
-
7518
-
7519
7519
  .E_l12xdkhl {
7520
7520
  width: 64px;
7521
7521
  height: 64px;