@cloudtower/eagle 0.34.13 → 0.34.14

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 (8) hide show
  1. package/dist/cjs/core/LineChart/LineChartLegend.js +23 -6
  2. package/dist/cjs/stats1.html +1 -1
  3. package/dist/components.css +1874 -1872
  4. package/dist/esm/core/LineChart/LineChartLegend.js +23 -6
  5. package/dist/esm/stats1.html +1 -1
  6. package/dist/linaria.merged.scss +2178 -2176
  7. package/dist/style.css +1874 -1872
  8. package/package.json +4 -4
package/dist/linaria.merged.scss CHANGED
@@ -51,19 +51,20 @@
51
51
  }
52
52
 
53
53
 
54
- .E_d133fzv0 {
55
- .ant-dropdown-menu-item-group {
56
- .ant-dropdown-menu-item-group-title {
57
- padding: 4px 8px 0 8px;
58
- color: $text-light-secondary;
59
- font-size: 12px;
60
- }
61
- .ant-dropdown-menu-item-group-list {
62
- padding-bottom: 6px;
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;
63
65
  }
64
- &:not(:first-child) {
65
- padding-top: 4px;
66
- border-top: 1px solid $strokes-light-trans-2;
66
+ &:active {
67
+ color: $blue-80;
67
68
  }
68
69
  }
69
70
  }
@@ -110,137 +111,28 @@
110
111
  }
111
112
 
112
113
 
113
- .E_c1uzzomf {
114
- margin-bottom: 16px;
115
-
116
- .card-title {
117
- font-size: 16px;
118
- color: $text-secondary-light;
119
- font-weight: 700;
120
- line-height: 32px;
121
- }
122
- .card-body {
123
- padding: 24px;
124
- border-radius: 8px;
125
- background: $fills-light-white;
126
- }
127
-
128
- .empty {
129
- font-weight: 700;
130
- font-size: 14px;
131
- line-height: 22px;
132
- color: $text-light-tertiary;
133
- text-align: center;
134
- }
135
- }
136
-
137
-
138
- .E_d1bw7c5z {
139
- position: relative;
140
- max-width: 388px;
141
- min-width: 285px;
142
- .center {
143
- position: absolute;
144
- font-size: 12px;
145
- width: 80px;
146
- height: 100px;
147
- top: 0;
148
- left: 35px;
149
- display: flex;
150
- flex-direction: column;
151
- justify-content: center;
152
- align-items: center;
153
- color: $text-light-primary;
154
-
155
- .number {
156
- font-size: 24px;
157
- font-weight: 700;
158
- }
159
-
160
- .text {
161
- padding: 0 5px;
114
+ .E_d133fzv0 {
115
+ .ant-dropdown-menu-item-group {
116
+ .ant-dropdown-menu-item-group-title {
117
+ padding: 4px 8px 0 8px;
118
+ color: $text-light-secondary;
162
119
  font-size: 12px;
163
- width: inherit;
164
- text-align: center;
165
120
  }
166
- }
167
- .recharts-wrapper {
168
- display: flex;
169
- .recharts-legend-wrapper {
170
- position: relative !important;
171
- min-width: calc(
172
- 100% - var(--d1bw7c5z-0)
173
- ) !important;
174
- left: 0 !important;
175
- bottom: 0 !important;
176
- display: flex;
177
- align-items: center;
178
- .recharts-default-legend {
179
- width: 100%;
180
- }
181
- li {
182
- width: 100%;
183
- margin-right: 0 !important;
184
- line-height: 18px;
185
- & > svg {
186
- border-radius: 2px;
187
- }
188
- & > .recharts-legend-item-text {
189
- min-width: 75px;
190
- max-width: 198px;
191
- width: calc(100% - 20px);
192
- margin-left: 2px;
193
- color: $text-light-primary !important;
194
- display: inline-flex;
195
- justify-content: space-between;
196
- }
197
- }
121
+ .ant-dropdown-menu-item-group-list {
122
+ padding-bottom: 6px;
198
123
  }
199
- }
200
- .tooltip-text {
201
- maxwidth: calc(100% - 12px);
202
- cursor: pointer;
203
- border-bottom: 1px dashed $strokes-light-trans-4;
204
- overflow: hidden;
205
- text-overflow: ellipsis;
206
- white-space: nowrap;
207
- }
208
-
209
- .value {
210
- color: $text-neutral-secondary;
211
- }
212
- }
213
-
214
- .E_t10pqbtc {
215
- width: 140px;
216
-
217
- .item {
218
- margin: 6px auto;
219
- display: flex;
220
- justify-content: space-between;
221
-
222
- .name {
223
- width: 102px;
124
+ &:not(:first-child) {
125
+ padding-top: 4px;
126
+ border-top: 1px solid $strokes-light-trans-2;
224
127
  }
225
128
  }
226
129
  }
227
130
 
228
131
 
229
- .E_berrcjl {
230
- color: $text-terdiary-light;
231
- margin-bottom: 4px;
232
-
233
- .breadcrumb-link {
234
- color: $text-terdiary-light;
235
- cursor: pointer;
236
- transition: color 160ms ease;
237
-
238
- &:hover {
239
- color: $blue-60;
240
- }
241
- &:active {
242
- color: $blue-80;
243
- }
132
+ .E_c1yyuluq {
133
+ border-radius: 8px;
134
+ .ant-card-body {
135
+ padding: 20px 24px 24px 24px;
244
136
  }
245
137
  }
246
138
 
@@ -603,100 +495,149 @@
603
495
  }
604
496
 
605
497
 
606
- .E_ccrbeuz {
607
- .ant-collapse-item {
608
- border: 0px;
609
- background-color: $fills-light-white;
498
+ .E_c1uzzomf {
499
+ margin-bottom: 16px;
610
500
 
611
- .ant-collapse-header {
612
- padding-top: 0px;
613
- padding-bottom: 0px;
614
- padding-left: 0px !important;
615
- padding-right: 24px;
616
- .ant-collapse-arrow {
617
- right: 0px;
618
- }
619
- }
620
- .ant-collapse-content {
621
- .ant-collapse-content-box {
622
- padding: 0px;
623
- }
624
- }
501
+ .card-title {
502
+ font-size: 16px;
503
+ color: $text-secondary-light;
504
+ font-weight: 700;
505
+ line-height: 32px;
506
+ }
507
+ .card-body {
508
+ padding: 24px;
509
+ border-radius: 8px;
510
+ background: $fills-light-white;
625
511
  }
626
- }
627
512
 
628
- .E_c1fljvag {
629
- .ant-collapse-item {
630
- .ant-collapse-header {
631
- padding-right: 0px;
632
- cursor: default;
633
- }
513
+ .empty {
514
+ font-weight: 700;
515
+ font-size: 14px;
516
+ line-height: 22px;
517
+ color: $text-light-tertiary;
518
+ text-align: center;
634
519
  }
635
520
  }
636
521
 
637
522
 
638
- .E_phljevk {
639
- display: flex;
640
- justify-content: space-between;
641
- align-items: center;
642
- padding: 10px 0;
643
- color: $text-light-secondary;
644
- font-size: 12px;
645
- line-height: 24px;
646
-
647
- .pagination-left {
648
- padding: 2px 8px;
649
- }
650
-
651
- .dropdown-trigger {
523
+ .E_d1bw7c5z {
524
+ position: relative;
525
+ max-width: 388px;
526
+ min-width: 285px;
527
+ .center {
528
+ position: absolute;
529
+ font-size: 12px;
530
+ width: 80px;
531
+ height: 100px;
532
+ top: 0;
533
+ left: 35px;
652
534
  display: flex;
535
+ flex-direction: column;
536
+ justify-content: center;
653
537
  align-items: center;
654
- border-radius: 6px;
655
- cursor: pointer;
656
- transition: all 0.3s ease;
538
+ color: $text-light-primary;
657
539
 
658
- &:hover {
659
- background: $fills-interaction-light-general-hover;
660
- color: $text-light-general;
540
+ .number {
541
+ font-size: 24px;
542
+ font-weight: 700;
661
543
  }
662
- .icon-inner {
663
- margin-left: 4px;
544
+
545
+ .text {
546
+ padding: 0 5px;
547
+ font-size: 12px;
548
+ width: inherit;
549
+ text-align: center;
664
550
  }
665
551
  }
666
-
667
- .pagination-right {
552
+ .recharts-wrapper {
668
553
  display: flex;
669
- align-items: center;
670
- color: $blue-60;
671
- font-weight: bold;
672
- .icon-inner {
673
- margin-left: 4px;
674
- }
675
- .prev-btn,
676
- .next-btn {
677
- padding: 0 8px;
678
- > span {
679
- color: $text-light-general;
554
+ .recharts-legend-wrapper {
555
+ position: relative !important;
556
+ min-width: calc(
557
+ 100% - var(--d1bw7c5z-0)
558
+ ) !important;
559
+ left: 0 !important;
560
+ bottom: 0 !important;
561
+ display: flex;
562
+ align-items: center;
563
+ .recharts-default-legend {
564
+ width: 100%;
565
+ }
566
+ li {
567
+ width: 100%;
568
+ margin-right: 0 !important;
569
+ line-height: 18px;
570
+ & > svg {
571
+ border-radius: 2px;
572
+ }
573
+ & > .recharts-legend-item-text {
574
+ min-width: 75px;
575
+ max-width: 198px;
576
+ width: calc(100% - 20px);
577
+ margin-left: 2px;
578
+ color: $text-light-primary !important;
579
+ display: inline-flex;
580
+ justify-content: space-between;
581
+ }
680
582
  }
681
583
  }
584
+ }
585
+ .tooltip-text {
586
+ maxwidth: calc(100% - 12px);
587
+ cursor: pointer;
588
+ border-bottom: 1px dashed $strokes-light-trans-4;
589
+ overflow: hidden;
590
+ text-overflow: ellipsis;
591
+ white-space: nowrap;
592
+ }
682
593
 
683
- .next-btn {
684
- .icon-inner {
685
- transform: rotate(180deg);
686
- }
594
+ .value {
595
+ color: $text-neutral-secondary;
596
+ }
597
+ }
598
+
599
+ .E_t10pqbtc {
600
+ width: 140px;
601
+
602
+ .item {
603
+ margin: 6px auto;
604
+ display: flex;
605
+ justify-content: space-between;
606
+
607
+ .name {
608
+ width: 102px;
687
609
  }
688
610
  }
689
611
  }
690
612
 
691
- .E_d12rtyeg {
692
- &.ant-dropdown .ant-dropdown-menu {
693
- max-height: calc(100vh - 128px);
694
- overflow-y: auto;
695
613
 
696
- .ant-dropdown-menu-item {
697
- padding: 4px 20px;
698
- font-size: 12px;
699
- line-height: 18px;
614
+ .E_ccrbeuz {
615
+ .ant-collapse-item {
616
+ border: 0px;
617
+ background-color: $fills-light-white;
618
+
619
+ .ant-collapse-header {
620
+ padding-top: 0px;
621
+ padding-bottom: 0px;
622
+ padding-left: 0px !important;
623
+ padding-right: 24px;
624
+ .ant-collapse-arrow {
625
+ right: 0px;
626
+ }
627
+ }
628
+ .ant-collapse-content {
629
+ .ant-collapse-content-box {
630
+ padding: 0px;
631
+ }
632
+ }
633
+ }
634
+ }
635
+
636
+ .E_c1fljvag {
637
+ .ant-collapse-item {
638
+ .ant-collapse-header {
639
+ padding-right: 0px;
640
+ cursor: default;
700
641
  }
701
642
  }
702
643
  }
@@ -764,13 +705,16 @@
764
705
  }
765
706
 
766
707
 
767
- .E_c1yyuluq {
768
- border-radius: 8px;
769
- .ant-card-body {
770
- padding: 20px 24px 24px 24px;
771
- }
708
+ .E_ivqqkzv {
709
+ height: 24px;
710
+ width: 56px !important;
711
+ margin-right: 4px;
772
712
  }
773
713
 
714
+ .E_c1wk4q29 {
715
+ color: $text-secondary-light;
716
+ }
717
+
774
718
 
775
719
  .E_i11gg7mj {
776
720
  .ant-input-prefix {
@@ -804,6 +748,73 @@
804
748
  }
805
749
 
806
750
 
751
+ .E_phljevk {
752
+ display: flex;
753
+ justify-content: space-between;
754
+ align-items: center;
755
+ padding: 10px 0;
756
+ color: $text-light-secondary;
757
+ font-size: 12px;
758
+ line-height: 24px;
759
+
760
+ .pagination-left {
761
+ padding: 2px 8px;
762
+ }
763
+
764
+ .dropdown-trigger {
765
+ display: flex;
766
+ align-items: center;
767
+ border-radius: 6px;
768
+ cursor: pointer;
769
+ transition: all 0.3s ease;
770
+
771
+ &:hover {
772
+ background: $fills-interaction-light-general-hover;
773
+ color: $text-light-general;
774
+ }
775
+ .icon-inner {
776
+ margin-left: 4px;
777
+ }
778
+ }
779
+
780
+ .pagination-right {
781
+ display: flex;
782
+ align-items: center;
783
+ color: $blue-60;
784
+ font-weight: bold;
785
+ .icon-inner {
786
+ margin-left: 4px;
787
+ }
788
+ .prev-btn,
789
+ .next-btn {
790
+ padding: 0 8px;
791
+ > span {
792
+ color: $text-light-general;
793
+ }
794
+ }
795
+
796
+ .next-btn {
797
+ .icon-inner {
798
+ transform: rotate(180deg);
799
+ }
800
+ }
801
+ }
802
+ }
803
+
804
+ .E_d12rtyeg {
805
+ &.ant-dropdown .ant-dropdown-menu {
806
+ max-height: calc(100vh - 128px);
807
+ overflow-y: auto;
808
+
809
+ .ant-dropdown-menu-item {
810
+ padding: 4px 20px;
811
+ font-size: 12px;
812
+ line-height: 18px;
813
+ }
814
+ }
815
+ }
816
+
817
+
807
818
  .E_rapgekc {
808
819
  &.ant-radio-wrapper {
809
820
  display: inline-flex;
@@ -1029,77 +1040,6 @@
1029
1040
  }
1030
1041
 
1031
1042
 
1032
- .E_ivqqkzv {
1033
- height: 24px;
1034
- width: 56px !important;
1035
- margin-right: 4px;
1036
- }
1037
-
1038
- .E_c1wk4q29 {
1039
- color: $text-secondary-light;
1040
- }
1041
-
1042
-
1043
- .E_s1dizucg {
1044
- &.ant-switch {
1045
- min-width: 40px;
1046
- height: 24px;
1047
- background: $fills-trans-quinary-light;
1048
- overflow: hidden;
1049
- &:focus {
1050
- box-shadow: 0 0 0 2px $strokes-light-trans-1;
1051
- }
1052
- }
1053
- &.ant-switch-small {
1054
- min-width: 26px;
1055
- height: 16px;
1056
- }
1057
- &.ant-switch-large {
1058
- min-width: 52px;
1059
- height: 32px;
1060
- }
1061
-
1062
- &.ant-switch .ant-switch-handle {
1063
- height: 20px;
1064
- width: 20px;
1065
- &::before {
1066
- border-radius: 10px;
1067
- transition-delay: 120ms;
1068
- }
1069
- }
1070
- &.ant-switch-small .ant-switch-handle {
1071
- height: 14px;
1072
- width: 14px;
1073
- top: 1px;
1074
- left: 1px;
1075
- }
1076
- &.ant-switch-large .ant-switch-handle {
1077
- height: 28px;
1078
- width: 28px;
1079
- &::before {
1080
- border-radius: 14px;
1081
- }
1082
- }
1083
-
1084
- &.ant-switch-checked {
1085
- background-color: $green-60;
1086
- }
1087
- &.ant-switch-checked .ant-switch-handle {
1088
- left: calc(100% - 20px - 2px);
1089
- }
1090
- &.ant-switch-small.ant-switch-checked .ant-switch-handle {
1091
- left: calc(100% - 14px - 1px);
1092
- }
1093
- &.ant-switch-large.ant-switch-checked .ant-switch-handle {
1094
- left: calc(100% - 28px - 2px);
1095
- }
1096
- }
1097
-
1098
- .E_c1up6e3y {
1099
- margin-left: 5px;
1100
- }
1101
-
1102
-
1103
1043
  .E_tju3gfj {
1104
1044
  .date {
1105
1045
  margin-right: 4px;
@@ -1301,12 +1241,111 @@
1301
1241
  }
1302
1242
 
1303
1243
 
1304
- .E_i1inqkme {
1305
- height: 18px;
1306
- line-height: 18px;
1307
- padding: 0 4px;
1308
- border-radius: 4px;
1309
- background: rgba(235, 239, 245, 0.6);
1244
+ .E_s1dizucg {
1245
+ &.ant-switch {
1246
+ min-width: 40px;
1247
+ height: 24px;
1248
+ background: $fills-trans-quinary-light;
1249
+ overflow: hidden;
1250
+ &:focus {
1251
+ box-shadow: 0 0 0 2px $strokes-light-trans-1;
1252
+ }
1253
+ }
1254
+ &.ant-switch-small {
1255
+ min-width: 26px;
1256
+ height: 16px;
1257
+ }
1258
+ &.ant-switch-large {
1259
+ min-width: 52px;
1260
+ height: 32px;
1261
+ }
1262
+
1263
+ &.ant-switch .ant-switch-handle {
1264
+ height: 20px;
1265
+ width: 20px;
1266
+ &::before {
1267
+ border-radius: 10px;
1268
+ transition-delay: 120ms;
1269
+ }
1270
+ }
1271
+ &.ant-switch-small .ant-switch-handle {
1272
+ height: 14px;
1273
+ width: 14px;
1274
+ top: 1px;
1275
+ left: 1px;
1276
+ }
1277
+ &.ant-switch-large .ant-switch-handle {
1278
+ height: 28px;
1279
+ width: 28px;
1280
+ &::before {
1281
+ border-radius: 14px;
1282
+ }
1283
+ }
1284
+
1285
+ &.ant-switch-checked {
1286
+ background-color: $green-60;
1287
+ }
1288
+ &.ant-switch-checked .ant-switch-handle {
1289
+ left: calc(100% - 20px - 2px);
1290
+ }
1291
+ &.ant-switch-small.ant-switch-checked .ant-switch-handle {
1292
+ left: calc(100% - 14px - 1px);
1293
+ }
1294
+ &.ant-switch-large.ant-switch-checked .ant-switch-handle {
1295
+ left: calc(100% - 28px - 2px);
1296
+ }
1297
+ }
1298
+
1299
+ .E_c1up6e3y {
1300
+ margin-left: 5px;
1301
+ }
1302
+
1303
+
1304
+ .E_fzh9mnb {
1305
+ width: 100%;
1306
+ height: 100%;
1307
+ min-height: 124px;
1308
+ display: flex;
1309
+ flex-direction: column;
1310
+ justify-content: center;
1311
+ align-items: center;
1312
+
1313
+ .error-text {
1314
+ color: $text-terdiary-light;
1315
+ margin-bottom: 16px;
1316
+ font-size: 18px;
1317
+ }
1318
+ }
1319
+
1320
+
1321
+ .E_iouxfgt {
1322
+ display: inline-flex;
1323
+ align-items: center;
1324
+
1325
+ .icon-inner {
1326
+ display: inline-flex;
1327
+ align-items: center;
1328
+ justify-content: center;
1329
+ }
1330
+ .icon-inner + span,
1331
+ span + .icon-inner.suffix {
1332
+ margin-left: 4px;
1333
+ }
1334
+ &.is-rotate {
1335
+ img,
1336
+ svg {
1337
+ animation: rotate 680ms linear infinite;
1338
+ }
1339
+ }
1340
+ }
1341
+
1342
+
1343
+ .E_i1inqkme {
1344
+ height: 18px;
1345
+ line-height: 18px;
1346
+ padding: 0 4px;
1347
+ border-radius: 4px;
1348
+ background: rgba(235, 239, 245, 0.6);
1310
1349
  border: 1px solid rgba(223, 228, 235, 0.6);
1311
1350
  display: flex;
1312
1351
  align-items: center;
@@ -1396,65 +1435,6 @@
1396
1435
  }
1397
1436
 
1398
1437
 
1399
- .E_f7pxqmh {
1400
- width: 100%;
1401
- margin-bottom: 0 !important;
1402
- flex-flow: nowrap !important;
1403
- line-break: auto;
1404
-
1405
- & > .ant-form-item-label {
1406
- text-align: left !important;
1407
- padding-bottom: 0 !important;
1408
-
1409
- & > label {
1410
- min-height: 32px;
1411
- height: auto;
1412
- font-size: 13px;
1413
- color: rgba(44, 56, 82, 0.6);
1414
- white-space: normal;
1415
- }
1416
- }
1417
-
1418
- &.ant-form-item-has-error {
1419
- .ant-input {
1420
- border-color: #ff4d4f !important;
1421
- }
1422
- .ant-input-password {
1423
- border-color: #ff4d4f !important;
1424
- }
1425
- }
1426
-
1427
- .ant-form-item-explain {
1428
- margin-top: 4px;
1429
- font-size: 12px;
1430
- min-height: 0px;
1431
- }
1432
-
1433
- .ant-form-item-extra {
1434
- font-size: 12px;
1435
- color: rgba(44, 56, 82, 0.6);
1436
- min-height: 0px;
1437
- }
1438
- }
1439
-
1440
-
1441
- .E_fzh9mnb {
1442
- width: 100%;
1443
- height: 100%;
1444
- min-height: 124px;
1445
- display: flex;
1446
- flex-direction: column;
1447
- justify-content: center;
1448
- align-items: center;
1449
-
1450
- .error-text {
1451
- color: $text-terdiary-light;
1452
- margin-bottom: 16px;
1453
- font-size: 18px;
1454
- }
1455
- }
1456
-
1457
-
1458
1438
  .E_a1wfy30z {
1459
1439
  .ant-input-number-handler-wrap {
1460
1440
  display: var(--a1wfy30z-0);
@@ -1492,34 +1472,54 @@
1492
1472
  }
1493
1473
 
1494
1474
 
1495
- .E_iouxfgt {
1496
- display: inline-flex;
1497
- align-items: center;
1498
-
1499
- .icon-inner {
1500
- display: inline-flex;
1501
- align-items: center;
1502
- justify-content: center;
1475
+ .E_atcz0kf {
1476
+ .ant-input-suffix {
1477
+ margin-left: 8px;
1503
1478
  }
1504
- .icon-inner + span,
1505
- span + .icon-inner.suffix {
1506
- margin-left: 4px;
1479
+ &.ant-input-affix-wrapper.ant-input-affix-wrapper-sm {
1480
+ padding: 2px 7px 2px 12px;
1507
1481
  }
1508
- &.is-rotate {
1509
- img,
1510
- svg {
1511
- animation: rotate 680ms linear infinite;
1482
+ }
1483
+
1484
+
1485
+ .E_f7pxqmh {
1486
+ width: 100%;
1487
+ margin-bottom: 0 !important;
1488
+ flex-flow: nowrap !important;
1489
+ line-break: auto;
1490
+
1491
+ & > .ant-form-item-label {
1492
+ text-align: left !important;
1493
+ padding-bottom: 0 !important;
1494
+
1495
+ & > label {
1496
+ min-height: 32px;
1497
+ height: auto;
1498
+ font-size: 13px;
1499
+ color: rgba(44, 56, 82, 0.6);
1500
+ white-space: normal;
1512
1501
  }
1513
1502
  }
1514
- }
1515
1503
 
1504
+ &.ant-form-item-has-error {
1505
+ .ant-input {
1506
+ border-color: #ff4d4f !important;
1507
+ }
1508
+ .ant-input-password {
1509
+ border-color: #ff4d4f !important;
1510
+ }
1511
+ }
1516
1512
 
1517
- .E_atcz0kf {
1518
- .ant-input-suffix {
1519
- margin-left: 8px;
1513
+ .ant-form-item-explain {
1514
+ margin-top: 4px;
1515
+ font-size: 12px;
1516
+ min-height: 0px;
1520
1517
  }
1521
- &.ant-input-affix-wrapper.ant-input-affix-wrapper-sm {
1522
- padding: 2px 7px 2px 12px;
1518
+
1519
+ .ant-form-item-extra {
1520
+ font-size: 12px;
1521
+ color: rgba(44, 56, 82, 0.6);
1522
+ min-height: 0px;
1523
1523
  }
1524
1524
  }
1525
1525
 
@@ -1534,59 +1534,17 @@
1534
1534
  }
1535
1535
 
1536
1536
 
1537
- .E_m196gn1d {
1538
- min-width: 1280px;
1537
+ .E_cnujxq2 {
1538
+ display: flex;
1539
+ flex-direction: column;
1539
1540
  }
1540
1541
 
1541
-
1542
- .E_a1b5xrg3 {
1543
- .user-icon-inner {
1544
- display: inline-flex;
1545
- align-items: center;
1546
- justify-content: center;
1547
- color: $white;
1548
- font-weight: bold;
1549
- font-size: 12px;
1550
- width: 24px;
1551
- height: 24px;
1552
- border-radius: 50%;
1553
- background: var(--a1b5xrg3-0);
1554
- }
1555
- &.btn-item {
1556
- transition: all 160ms ease;
1557
- cursor: pointer;
1558
- width: 56px;
1559
- height: 40px;
1560
- display: inline-flex;
1561
- align-items: center;
1562
- justify-content: center;
1563
- border-radius: 6px;
1564
-
1565
- &:hover {
1566
- box-shadow:
1567
- 0px 0px 20px rgba(107, 125, 153, 0.18),
1568
- 0px 25px 80px rgba(45, 58, 86, 0.3);
1569
- }
1570
-
1571
- &:active {
1572
- transform: translateY(2px);
1573
- transition: all 320ms ease;
1574
- }
1575
- }
1576
- }
1577
-
1578
-
1579
- .E_cnujxq2 {
1580
- display: flex;
1581
- flex-direction: column;
1582
- }
1583
-
1584
- .E_m7s48ia {
1585
- max-width: 1120px;
1586
- width: 100%;
1587
- margin: 0 auto;
1588
- height: 100%;
1589
- }
1542
+ .E_m7s48ia {
1543
+ max-width: 1120px;
1544
+ width: 100%;
1545
+ margin: 0 auto;
1546
+ height: 100%;
1547
+ }
1590
1548
 
1591
1549
  .E_wt5zbg6 {
1592
1550
  max-width: 1120px;
@@ -2389,6 +2347,43 @@
2389
2347
  }
2390
2348
 
2391
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
+
2392
2387
  .E_dsnbhzf {
2393
2388
  @include Inter(bold);
2394
2389
  font-size: 32px;
@@ -2743,6 +2738,11 @@
2743
2738
  }
2744
2739
 
2745
2740
 
2741
+ .E_m196gn1d {
2742
+ min-width: 1280px;
2743
+ }
2744
+
2745
+
2746
2746
  .E_s4ivdfu {
2747
2747
  &.ant-select {
2748
2748
  .ant-select-selection-placeholder {
@@ -3106,44 +3106,6 @@
3106
3106
  }
3107
3107
 
3108
3108
 
3109
- .E_b1lj76ty {
3110
- width: 100%;
3111
- height: 100%;
3112
- margin: 0 auto;
3113
- display: flex;
3114
- flex-direction: column;
3115
- align-items: center;
3116
- justify-content: center;
3117
- color: $gray-a30-10;
3118
- &.large {
3119
- max-width: 648px;
3120
- }
3121
- &.medium {
3122
- max-width: 412px;
3123
- }
3124
- &.gray {
3125
- background-color: $fills-trans-primary-light;
3126
- }
3127
- &.white {
3128
- background-color: $fills-light-light-white;
3129
- }
3130
- .title {
3131
- margin-bottom: 4px;
3132
- }
3133
- .title,
3134
- .desc {
3135
- word-break: break-all;
3136
- text-align: center;
3137
- }
3138
- .action-button.middle {
3139
- margin-top: 16px;
3140
- }
3141
- .action-button.small {
3142
- margin-top: 8px;
3143
- }
3144
- }
3145
-
3146
-
3147
3109
  .E_ryby9ds {
3148
3110
  display: flex;
3149
3111
  align-items: center;
@@ -3161,65 +3123,6 @@
3161
3123
  }
3162
3124
 
3163
3125
 
3164
- .E_s11wux3h {
3165
- .antd5-segmented-item:not(:last-child) {
3166
- margin-right: 2px;
3167
- }
3168
- }
3169
-
3170
- .E_s1t2an3z {
3171
- &.antd5-segmented-sm .antd5-segmented-item-label {
3172
- padding-left: 8px;
3173
- padding-right: 8px;
3174
- font-size: 12px;
3175
- }
3176
-
3177
- &.antd5-segmented-sm .antd5-segmented-item-selected {
3178
- border-radius: 4px;
3179
- }
3180
-
3181
- &.antd5-segmented
3182
- .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3183
- .antd5-segmented-item-disabled
3184
- ) {
3185
- border-radius: 4px;
3186
- }
3187
- }
3188
-
3189
- .E_ma64lna {
3190
- .antd5-segmented-item-label {
3191
- padding-left: 12px;
3192
- padding-right: 12px;
3193
- }
3194
- }
3195
-
3196
- .E_ckld275 {
3197
- background-color: $fill-neutral-trans-2;
3198
- &.antd5-segmented
3199
- .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3200
- .antd5-segmented-item-disabled
3201
- ) {
3202
- background-color: $fill-neutral-light-white;
3203
- color: $text-neutral-secondary-light;
3204
- }
3205
- // on animate remove hover bg color
3206
- &.antd5-segmented
3207
- .antd5-segmented-thumb
3208
- ~ .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3209
- .antd5-segmented-item-disabled
3210
- ) {
3211
- background-color: transparent;
3212
- }
3213
- // remove after's bg color
3214
- &.antd5-segmented
3215
- .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3216
- .antd5-segmented-item-disabled
3217
- )::after {
3218
- background-color: transparent;
3219
- }
3220
- }
3221
-
3222
-
3223
3126
  .E_hrhfj7c {
3224
3127
  display: none;
3225
3128
  }
@@ -3412,6 +3315,44 @@
3412
3315
  }
3413
3316
 
3414
3317
 
3318
+ .E_b1lj76ty {
3319
+ width: 100%;
3320
+ height: 100%;
3321
+ margin: 0 auto;
3322
+ display: flex;
3323
+ flex-direction: column;
3324
+ align-items: center;
3325
+ justify-content: center;
3326
+ color: $gray-a30-10;
3327
+ &.large {
3328
+ max-width: 648px;
3329
+ }
3330
+ &.medium {
3331
+ max-width: 412px;
3332
+ }
3333
+ &.gray {
3334
+ background-color: $fills-trans-primary-light;
3335
+ }
3336
+ &.white {
3337
+ background-color: $fills-light-light-white;
3338
+ }
3339
+ .title {
3340
+ margin-bottom: 4px;
3341
+ }
3342
+ .title,
3343
+ .desc {
3344
+ word-break: break-all;
3345
+ text-align: center;
3346
+ }
3347
+ .action-button.middle {
3348
+ margin-top: 16px;
3349
+ }
3350
+ .action-button.small {
3351
+ margin-top: 8px;
3352
+ }
3353
+ }
3354
+
3355
+
3415
3356
  .E_m5foqp8 {
3416
3357
  --footer-height: 96px;
3417
3358
  --modal-content-width: 720px;
@@ -3445,36 +3386,95 @@
3445
3386
  }
3446
3387
 
3447
3388
 
3448
- .E_h12yihis {
3449
- height: 50px;
3450
- border-bottom: 2px solid #edf0f7;
3451
- background: $fills-opaque-primary-light;
3452
- display: flex;
3453
- justify-content: space-between;
3454
- align-items: center;
3455
- padding: 0 24px 0 14px;
3456
- position: relative;
3457
- z-index: 10;
3389
+ .E_s11wux3h {
3390
+ .antd5-segmented-item:not(:last-child) {
3391
+ margin-right: 2px;
3392
+ }
3393
+ }
3458
3394
 
3459
- .left,
3460
- .right,
3461
- .center {
3462
- display: flex;
3463
- align-items: center;
3464
- flex: 1;
3465
- flex-shrink: 0;
3395
+ .E_s1t2an3z {
3396
+ &.antd5-segmented-sm .antd5-segmented-item-label {
3397
+ padding-left: 8px;
3398
+ padding-right: 8px;
3399
+ font-size: 12px;
3466
3400
  }
3467
3401
 
3468
- .center {
3469
- flex: 0.8;
3402
+ &.antd5-segmented-sm .antd5-segmented-item-selected {
3403
+ border-radius: 4px;
3470
3404
  }
3471
3405
 
3472
- .right {
3473
- justify-content: flex-end;
3406
+ &.antd5-segmented
3407
+ .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3408
+ .antd5-segmented-item-disabled
3409
+ ) {
3410
+ border-radius: 4px;
3411
+ }
3412
+ }
3474
3413
 
3475
- &.is-scrolled .btn-group:before {
3476
- opacity: 1;
3477
- }
3414
+ .E_ma64lna {
3415
+ .antd5-segmented-item-label {
3416
+ padding-left: 12px;
3417
+ padding-right: 12px;
3418
+ }
3419
+ }
3420
+
3421
+ .E_ckld275 {
3422
+ background-color: $fill-neutral-trans-2;
3423
+ &.antd5-segmented
3424
+ .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3425
+ .antd5-segmented-item-disabled
3426
+ ) {
3427
+ background-color: $fill-neutral-light-white;
3428
+ color: $text-neutral-secondary-light;
3429
+ }
3430
+ // on animate remove hover bg color
3431
+ &.antd5-segmented
3432
+ .antd5-segmented-thumb
3433
+ ~ .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3434
+ .antd5-segmented-item-disabled
3435
+ ) {
3436
+ background-color: transparent;
3437
+ }
3438
+ // remove after's bg color
3439
+ &.antd5-segmented
3440
+ .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3441
+ .antd5-segmented-item-disabled
3442
+ )::after {
3443
+ background-color: transparent;
3444
+ }
3445
+ }
3446
+
3447
+
3448
+ .E_h12yihis {
3449
+ height: 50px;
3450
+ border-bottom: 2px solid #edf0f7;
3451
+ background: $fills-opaque-primary-light;
3452
+ display: flex;
3453
+ justify-content: space-between;
3454
+ align-items: center;
3455
+ padding: 0 24px 0 14px;
3456
+ position: relative;
3457
+ z-index: 10;
3458
+
3459
+ .left,
3460
+ .right,
3461
+ .center {
3462
+ display: flex;
3463
+ align-items: center;
3464
+ flex: 1;
3465
+ flex-shrink: 0;
3466
+ }
3467
+
3468
+ .center {
3469
+ flex: 0.8;
3470
+ }
3471
+
3472
+ .right {
3473
+ justify-content: flex-end;
3474
+
3475
+ &.is-scrolled .btn-group:before {
3476
+ opacity: 1;
3477
+ }
3478
3478
 
3479
3479
  .btn-group {
3480
3480
  margin-left: 32px;
@@ -3715,145 +3715,388 @@
3715
3715
  }
3716
3716
 
3717
3717
 
3718
- .E_tc97u5y {
3719
- height: 100%;
3720
- }
3721
-
3722
- .E_efzf37v {
3723
- .ant-table-content,
3724
- .ant-table-body {
3725
- overflow: visible !important;
3726
- height: 100%;
3727
- }
3728
-
3729
- .ant-table-tbody .ant-table-placeholder td {
3730
- height: 100%;
3731
- }
3732
-
3733
- table {
3734
- width: 100% !important;
3735
- height: 100%;
3736
- .ant-table-placeholder .ant-table-expanded-row-fixed {
3737
- padding: 15px 0;
3718
+ .E_l48ei06 {
3719
+ @at-root {
3720
+ button#{&}.ant-btn,
3721
+ button#{&}.ant-btn.ant-btn-sm,
3722
+ button#{&}.ant-btn.ant-btn-lg {
3723
+ font-size: 12px;
3724
+ line-height: 18px;
3725
+ height: 18px;
3738
3726
  }
3739
- }
3727
+ button#{&} {
3728
+ color: #0080FF;
3729
+ height: unset;
3730
+ .button-prefix-icon {
3731
+ margin-right: 4px;
3732
+ }
3733
+ .button-suffix-icon {
3734
+ margin-left: 4px;
3735
+ }
3740
3736
 
3741
- table thead.ant-table-thead {
3742
- display: none;
3743
- }
3744
- }
3737
+ &:hover,
3738
+ &.__pseudo-states-hover {
3739
+ color: #009DFF;
3740
+ }
3745
3741
 
3746
- .E_t1fisho6 {
3747
- height: 100%;
3742
+ &:active,
3743
+ &.__pseudo-states-active {
3744
+ color: #005ED1;
3745
+ }
3746
+ &.ui-kit-link-disabled {
3747
+ color: #0080FF;
3748
+ }
3749
+ &.ui-kit-link-primary {
3750
+ color: #00122E;
3748
3751
 
3749
- .ant-table.ant-table-small .ant-table-tbody > tr > td {
3750
- padding-top: 6px;
3751
- padding-bottom: 6px;
3752
- }
3752
+ &:hover,
3753
+ &.__pseudo-states-hover {
3754
+ color: #0080FF;
3755
+ }
3753
3756
 
3754
- .active-row td:nth-child(1) {
3755
- font-weight: 700;
3756
- }
3757
- &.has-selection .active-row td:nth-child(2) {
3758
- font-weight: 700;
3759
- }
3757
+ &:active,
3758
+ &.__pseudo-states-active {
3759
+ color: #005ED1;
3760
+ }
3760
3761
 
3761
- .ant-spin-nested-loading {
3762
- height: 100%;
3762
+ &.ui-kit-link-disabled {
3763
+ color: #00122E;
3764
+ }
3765
+ }
3763
3766
 
3764
- .ant-spin-container {
3765
- height: 100%;
3766
- overflow: visible;
3767
- }
3768
- .ant-spin {
3769
- max-height: none;
3770
- }
3771
- }
3767
+ &.ui-kit-link-secondary {
3768
+ color: #2C3852BF;
3772
3769
 
3773
- td.ant-table-column-sort {
3774
- background: transparent;
3775
- }
3770
+ &:hover,
3771
+ &.__pseudo-states-hover {
3772
+ color: #0080FF;
3773
+ }
3776
3774
 
3777
- td.ant-table-cell-fix-left,
3778
- td.ant-table-cell-fix-right {
3779
- background: #fff;
3780
- padding: 0 !important;
3781
- .ant-table-cell-content {
3782
- display: flex;
3783
- align-items: center;
3784
- height: 100%;
3785
- padding: 8px;
3786
- > span {
3787
- overflow: hidden;
3788
- text-overflow: ellipsis;
3789
- width: 100%;
3775
+ &:active,
3776
+ &.__pseudo-states-active {
3777
+ color: #005ED1;
3778
+ }
3779
+
3780
+ &.ui-kit-link-disabled {
3781
+ color: #2C3852BF;
3782
+ }
3790
3783
  }
3791
3784
  }
3792
3785
  }
3786
+ }
3793
3787
 
3794
- .ant-table-container {
3795
- height: 100%;
3796
- &::before,
3797
- &::after {
3798
- box-shadow: none !important;
3799
- }
3800
- }
3801
3788
 
3802
- div.ant-table {
3803
- $columnAlignRightPaddingRight: 25px;
3804
- border-radius: 0px;
3805
- border-left: none;
3806
- border-right: none;
3807
- border-bottom: none;
3808
- height: 100%;
3809
- font-size: 12px;
3810
- background: transparent;
3789
+ .E_ckui4s7 {
3790
+ color: $text-primary-light;
3791
+ line-height: 22px;
3792
+ display: inline-flex;
3793
+ .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; } } }
3794
+ }
3811
3795
 
3812
- .ant-table-header {
3813
- position: relative;
3814
- z-index: $table-header-index;
3815
- border-bottom: 1px solid $strokes-light-trans-2;
3816
- margin-bottom: -1px;
3817
- }
3818
3796
 
3819
- .time-wrapper .date,
3820
- .value {
3821
- color: $text-primary-light;
3822
- }
3797
+ .E_c1yd35n {
3798
+ padding: 0 12px 14px 12px;
3799
+ }
3823
3800
 
3824
- .time-wrapper .time,
3825
- .unit {
3826
- color: $text-secondary-light;
3827
- }
3828
3801
 
3829
- .ant-table-selection {
3830
- position: unset;
3831
- text-align: center;
3832
- }
3802
+ .E_c1kghdax {
3803
+ color: $text-primary-light;
3804
+ padding: 7px 12px;
3805
+ display: flex;
3806
+ justify-content: space-between;
3807
+ align-items: center;
3833
3808
 
3834
- .ant-table-tbody > tr.ant-table-row-selected td {
3835
- background: $white;
3836
- }
3809
+ &.has-arrow {
3810
+ padding-left: 10px;
3837
3811
 
3838
- .anticon-setting {
3812
+ .title-wrapper {
3839
3813
  cursor: pointer;
3840
- position: absolute;
3841
- top: 50%;
3842
- right: 12px;
3843
- transform: translateY(-50%);
3844
- }
3814
+ color: $text-light-primary;
3845
3815
 
3846
- &.ant-table-ping-left {
3847
- .ant-table-cell-fix-left-last::after {
3848
- box-shadow: none;
3849
- width: 1px;
3850
- background: rgba(213, 219, 227, 0.6);
3816
+ &.is-open {
3817
+ color: $text-primary-light;
3818
+ font-weight: 600;
3819
+
3820
+ .collapse-arrow {
3821
+ transform: rotate(90deg);
3822
+ }
3851
3823
  }
3852
3824
  }
3825
+ }
3853
3826
 
3854
- &.ant-table-ping-right {
3855
- .ant-table-cell-fix-right-first::after {
3856
- box-shadow: none;
3827
+ .sub-info {
3828
+ font-size: 12px;
3829
+ line-height: 18px;
3830
+ }
3831
+
3832
+ .title-wrapper {
3833
+ display: flex;
3834
+ align-items: center;
3835
+ user-select: none;
3836
+ flex-grow: 1;
3837
+ font-size: 12px;
3838
+ line-height: 18px;
3839
+ color: $text-primary-light;
3840
+ font-weight: 700;
3841
+ }
3842
+
3843
+ .collapse-arrow {
3844
+ transition: all 50ms ease-out 0ms;
3845
+ margin-right: 2px;
3846
+ }
3847
+ }
3848
+
3849
+
3850
+ .E_b14q2gmw {
3851
+ box-shadow: 0px 0.119595px 0.438513px rgba(129, 138, 153, 0.14),
3852
+ 0px 0.271728px 0.996336px rgba(129, 138, 153, 0.106447),
3853
+ 0px 0.472931px 1.73408px rgba(129, 138, 153, 0.0912224),
3854
+ 0px 0.751293px 2.75474px rgba(129, 138, 153, 0.0799253),
3855
+ 0px 1.15919px 4.25036px rgba(129, 138, 153, 0.07),
3856
+ 0px 1.80882px 6.63236px rgba(129, 138, 153, 0.0600747),
3857
+ 0px 3.00293px 11.0107px rgba(129, 138, 153, 0.0487776),
3858
+ 0px 6px 22px rgba(129, 138, 153, 0.0335534);
3859
+ }
3860
+
3861
+ .E_c1eym6el {
3862
+ border-radius: 8px;
3863
+ background-color: white;
3864
+ &.hoverable {
3865
+ cursor: pointer;
3866
+
3867
+ &:hover {
3868
+ transition: all 200ms ease;
3869
+ box-shadow: 0px 9px 22px rgb(107 125 153 / 23%),
3870
+ 0px 1.12694px 2.75474px rgb(107 125 153 / 12%);
3871
+ transform: translateY(-4px);
3872
+ }
3873
+ }
3874
+ }
3875
+
3876
+
3877
+ .E_sddwhm6 {
3878
+ $prefix: ui-kit-status-capsule;
3879
+ margin: 0;
3880
+ border-radius: 20px;
3881
+ padding: 2px 10px;
3882
+ height: 22px;
3883
+
3884
+ &.ant-tag.#{$prefix}.off-white {
3885
+ background-color: $fill-neutral-trans-1 !important;
3886
+ &.tag-hover:hover,
3887
+ &.__pseudo-states-hover {
3888
+ background-color: $fill-neutral-trans-2 !important;
3889
+ }
3890
+ }
3891
+ &.ant-tag.#{$prefix} {
3892
+ color: $text-neutral-primary;
3893
+ .#{$prefix}-icon {
3894
+ margin-right: 6px;
3895
+ }
3896
+ .#{$prefix}-number {
3897
+ margin-left: 8px;
3898
+ color: #2C385299;
3899
+ }
3900
+ &.ant-tag-blue {
3901
+ background-color: $fill-outstanding-light;
3902
+ .#{$prefix}-icon {
3903
+ background-color: $fill-outstanding-base;
3904
+ }
3905
+ &.tag-hover:hover,
3906
+ &.__pseudo-states-hover {
3907
+ background-color: $fill-outstanding-light-hover;
3908
+ }
3909
+ }
3910
+ &.ant-tag-red {
3911
+ background-color: $fill-serious-light;
3912
+ .#{$prefix}-icon {
3913
+ background-color: $fill-serious-base;
3914
+ }
3915
+ &.tag-hover:hover,
3916
+ &.__pseudo-states-hover {
3917
+ background-color: $fill-serious-light-hover;
3918
+ }
3919
+ }
3920
+ &.ant-tag-yellow {
3921
+ background-color: $fill-notice-light;
3922
+ .#{$prefix}-icon {
3923
+ background-color: $fill-notice-base;
3924
+ }
3925
+ &.tag-hover:hover,
3926
+ &.__pseudo-states-hover {
3927
+ background-color: $fill-notice-light-hover;
3928
+ }
3929
+ }
3930
+ &.ant-tag-green {
3931
+ background-color: $fill-positive-light;
3932
+ .#{$prefix}-icon {
3933
+ background-color: $fill-positive-base;
3934
+ }
3935
+ &.tag-hover:hover,
3936
+ &.__pseudo-states-hover {
3937
+ background-color: $fill-positive-light-hover;
3938
+ }
3939
+ }
3940
+ &.ant-tag-gray {
3941
+ background-color: $fill-neutral-trans-2;
3942
+ .#{$prefix}-icon:not(.ui-kit-status-capsule-icon-loading) {
3943
+ background-color: $gray-70;
3944
+ }
3945
+ &.tag-hover:hover,
3946
+ &.__pseudo-states-hover {
3947
+ background-color: $fill-neutral-trans-3-trans-2-hover;
3948
+ }
3949
+ }
3950
+ }
3951
+ }
3952
+
3953
+ .E_satwmqm {
3954
+ width: 8px;
3955
+ height: 8px;
3956
+ border-radius: 50%;
3957
+ display: inline-block;
3958
+ }
3959
+
3960
+
3961
+ .E_tc97u5y {
3962
+ height: 100%;
3963
+ }
3964
+
3965
+ .E_efzf37v {
3966
+ .ant-table-content,
3967
+ .ant-table-body {
3968
+ overflow: visible !important;
3969
+ height: 100%;
3970
+ }
3971
+
3972
+ .ant-table-tbody .ant-table-placeholder td {
3973
+ height: 100%;
3974
+ }
3975
+
3976
+ table {
3977
+ width: 100% !important;
3978
+ height: 100%;
3979
+ .ant-table-placeholder .ant-table-expanded-row-fixed {
3980
+ padding: 15px 0;
3981
+ }
3982
+ }
3983
+
3984
+ table thead.ant-table-thead {
3985
+ display: none;
3986
+ }
3987
+ }
3988
+
3989
+ .E_t1fisho6 {
3990
+ height: 100%;
3991
+
3992
+ .ant-table.ant-table-small .ant-table-tbody > tr > td {
3993
+ padding-top: 6px;
3994
+ padding-bottom: 6px;
3995
+ }
3996
+
3997
+ .active-row td:nth-child(1) {
3998
+ font-weight: 700;
3999
+ }
4000
+ &.has-selection .active-row td:nth-child(2) {
4001
+ font-weight: 700;
4002
+ }
4003
+
4004
+ .ant-spin-nested-loading {
4005
+ height: 100%;
4006
+
4007
+ .ant-spin-container {
4008
+ height: 100%;
4009
+ overflow: visible;
4010
+ }
4011
+ .ant-spin {
4012
+ max-height: none;
4013
+ }
4014
+ }
4015
+
4016
+ td.ant-table-column-sort {
4017
+ background: transparent;
4018
+ }
4019
+
4020
+ td.ant-table-cell-fix-left,
4021
+ td.ant-table-cell-fix-right {
4022
+ background: #fff;
4023
+ padding: 0 !important;
4024
+ .ant-table-cell-content {
4025
+ display: flex;
4026
+ align-items: center;
4027
+ height: 100%;
4028
+ padding: 8px;
4029
+ > span {
4030
+ overflow: hidden;
4031
+ text-overflow: ellipsis;
4032
+ width: 100%;
4033
+ }
4034
+ }
4035
+ }
4036
+
4037
+ .ant-table-container {
4038
+ height: 100%;
4039
+ &::before,
4040
+ &::after {
4041
+ box-shadow: none !important;
4042
+ }
4043
+ }
4044
+
4045
+ div.ant-table {
4046
+ $columnAlignRightPaddingRight: 25px;
4047
+ border-radius: 0px;
4048
+ border-left: none;
4049
+ border-right: none;
4050
+ border-bottom: none;
4051
+ height: 100%;
4052
+ font-size: 12px;
4053
+ background: transparent;
4054
+
4055
+ .ant-table-header {
4056
+ position: relative;
4057
+ z-index: $table-header-index;
4058
+ border-bottom: 1px solid $strokes-light-trans-2;
4059
+ margin-bottom: -1px;
4060
+ }
4061
+
4062
+ .time-wrapper .date,
4063
+ .value {
4064
+ color: $text-primary-light;
4065
+ }
4066
+
4067
+ .time-wrapper .time,
4068
+ .unit {
4069
+ color: $text-secondary-light;
4070
+ }
4071
+
4072
+ .ant-table-selection {
4073
+ position: unset;
4074
+ text-align: center;
4075
+ }
4076
+
4077
+ .ant-table-tbody > tr.ant-table-row-selected td {
4078
+ background: $white;
4079
+ }
4080
+
4081
+ .anticon-setting {
4082
+ cursor: pointer;
4083
+ position: absolute;
4084
+ top: 50%;
4085
+ right: 12px;
4086
+ transform: translateY(-50%);
4087
+ }
4088
+
4089
+ &.ant-table-ping-left {
4090
+ .ant-table-cell-fix-left-last::after {
4091
+ box-shadow: none;
4092
+ width: 1px;
4093
+ background: rgba(213, 219, 227, 0.6);
4094
+ }
4095
+ }
4096
+
4097
+ &.ant-table-ping-right {
4098
+ .ant-table-cell-fix-right-first::after {
4099
+ box-shadow: none;
3857
4100
  width: 1px;
3858
4101
  background: rgba(213, 219, 227, 0.6);
3859
4102
  }
@@ -4153,138 +4396,6 @@
4153
4396
  }
4154
4397
 
4155
4398
 
4156
- .E_l48ei06 {
4157
- @at-root {
4158
- button#{&}.ant-btn,
4159
- button#{&}.ant-btn.ant-btn-sm,
4160
- button#{&}.ant-btn.ant-btn-lg {
4161
- font-size: 12px;
4162
- line-height: 18px;
4163
- height: 18px;
4164
- }
4165
- button#{&} {
4166
- color: #0080FF;
4167
- height: unset;
4168
- .button-prefix-icon {
4169
- margin-right: 4px;
4170
- }
4171
- .button-suffix-icon {
4172
- margin-left: 4px;
4173
- }
4174
-
4175
- &:hover,
4176
- &.__pseudo-states-hover {
4177
- color: #009DFF;
4178
- }
4179
-
4180
- &:active,
4181
- &.__pseudo-states-active {
4182
- color: #005ED1;
4183
- }
4184
- &.ui-kit-link-disabled {
4185
- color: #0080FF;
4186
- }
4187
- &.ui-kit-link-primary {
4188
- color: #00122E;
4189
-
4190
- &:hover,
4191
- &.__pseudo-states-hover {
4192
- color: #0080FF;
4193
- }
4194
-
4195
- &:active,
4196
- &.__pseudo-states-active {
4197
- color: #005ED1;
4198
- }
4199
-
4200
- &.ui-kit-link-disabled {
4201
- color: #00122E;
4202
- }
4203
- }
4204
-
4205
- &.ui-kit-link-secondary {
4206
- color: #2C3852BF;
4207
-
4208
- &:hover,
4209
- &.__pseudo-states-hover {
4210
- color: #0080FF;
4211
- }
4212
-
4213
- &:active,
4214
- &.__pseudo-states-active {
4215
- color: #005ED1;
4216
- }
4217
-
4218
- &.ui-kit-link-disabled {
4219
- color: #2C3852BF;
4220
- }
4221
- }
4222
- }
4223
- }
4224
- }
4225
-
4226
-
4227
- .E_ckui4s7 {
4228
- color: $text-primary-light;
4229
- line-height: 22px;
4230
- display: inline-flex;
4231
- .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; } } }
4232
- }
4233
-
4234
-
4235
- .E_c1kghdax {
4236
- color: $text-primary-light;
4237
- padding: 7px 12px;
4238
- display: flex;
4239
- justify-content: space-between;
4240
- align-items: center;
4241
-
4242
- &.has-arrow {
4243
- padding-left: 10px;
4244
-
4245
- .title-wrapper {
4246
- cursor: pointer;
4247
- color: $text-light-primary;
4248
-
4249
- &.is-open {
4250
- color: $text-primary-light;
4251
- font-weight: 600;
4252
-
4253
- .collapse-arrow {
4254
- transform: rotate(90deg);
4255
- }
4256
- }
4257
- }
4258
- }
4259
-
4260
- .sub-info {
4261
- font-size: 12px;
4262
- line-height: 18px;
4263
- }
4264
-
4265
- .title-wrapper {
4266
- display: flex;
4267
- align-items: center;
4268
- user-select: none;
4269
- flex-grow: 1;
4270
- font-size: 12px;
4271
- line-height: 18px;
4272
- color: $text-primary-light;
4273
- font-weight: 700;
4274
- }
4275
-
4276
- .collapse-arrow {
4277
- transition: all 50ms ease-out 0ms;
4278
- margin-right: 2px;
4279
- }
4280
- }
4281
-
4282
-
4283
- .E_c1yd35n {
4284
- padding: 0 12px 14px 12px;
4285
- }
4286
-
4287
-
4288
4399
  .E_lht19u8 {
4289
4400
  width: 64px;
4290
4401
  height: 64px;
@@ -4341,33 +4452,6 @@
4341
4452
  }
4342
4453
 
4343
4454
 
4344
- .E_b14q2gmw {
4345
- box-shadow: 0px 0.119595px 0.438513px rgba(129, 138, 153, 0.14),
4346
- 0px 0.271728px 0.996336px rgba(129, 138, 153, 0.106447),
4347
- 0px 0.472931px 1.73408px rgba(129, 138, 153, 0.0912224),
4348
- 0px 0.751293px 2.75474px rgba(129, 138, 153, 0.0799253),
4349
- 0px 1.15919px 4.25036px rgba(129, 138, 153, 0.07),
4350
- 0px 1.80882px 6.63236px rgba(129, 138, 153, 0.0600747),
4351
- 0px 3.00293px 11.0107px rgba(129, 138, 153, 0.0487776),
4352
- 0px 6px 22px rgba(129, 138, 153, 0.0335534);
4353
- }
4354
-
4355
- .E_c1eym6el {
4356
- border-radius: 8px;
4357
- background-color: white;
4358
- &.hoverable {
4359
- cursor: pointer;
4360
-
4361
- &:hover {
4362
- transition: all 200ms ease;
4363
- box-shadow: 0px 9px 22px rgb(107 125 153 / 23%),
4364
- 0px 1.12694px 2.75474px rgb(107 125 153 / 12%);
4365
- transform: translateY(-4px);
4366
- }
4367
- }
4368
- }
4369
-
4370
-
4371
4455
  .E_w7ob4th {
4372
4456
  &.outside-tag {
4373
4457
  padding-left: 0;
@@ -4380,21 +4464,23 @@
4380
4464
  }
4381
4465
 
4382
4466
 
4383
- .E_sddwhm6 {
4384
- $prefix: ui-kit-status-capsule;
4467
+ .E_l1ucdodl {
4468
+ $prefix: ui-kit-status-legend;
4385
4469
  margin: 0;
4386
4470
  border-radius: 20px;
4387
4471
  padding: 2px 10px;
4388
4472
  height: 22px;
4473
+ display: flex;
4474
+ align-items: center;
4389
4475
 
4390
- &.ant-tag.#{$prefix}.off-white {
4391
- background-color: $fill-neutral-trans-1 !important;
4392
- &.tag-hover:hover,
4393
- &.__pseudo-states-hover {
4394
- background-color: $fill-neutral-trans-2 !important;
4395
- }
4476
+ &.ui-kit-status-legend.on-tint {
4477
+ color: $text-neutral-ontint;
4396
4478
  }
4397
- &.ant-tag.#{$prefix} {
4479
+ &.tag-hover {
4480
+ cursor: pointer;
4481
+ }
4482
+
4483
+ &.#{$prefix} {
4398
4484
  color: $text-neutral-primary;
4399
4485
  .#{$prefix}-icon {
4400
4486
  margin-right: 6px;
@@ -4402,65 +4488,84 @@
4402
4488
  .#{$prefix}-number {
4403
4489
  margin-left: 8px;
4404
4490
  color: #2C385299;
4491
+ &.#{$prefix}-number.on-tint {
4492
+ color: $text-neutral-ontint;
4493
+ }
4405
4494
  }
4406
- &.ant-tag-blue {
4407
- background-color: $fill-outstanding-light;
4495
+ &.eagle-legend-blue {
4408
4496
  .#{$prefix}-icon {
4409
4497
  background-color: $fill-outstanding-base;
4410
4498
  }
4411
- &.tag-hover:hover,
4412
- &.__pseudo-states-hover {
4413
- background-color: $fill-outstanding-light-hover;
4414
- }
4415
4499
  }
4416
- &.ant-tag-red {
4417
- background-color: $fill-serious-light;
4500
+ &.eagle-legend-red {
4418
4501
  .#{$prefix}-icon {
4419
4502
  background-color: $fill-serious-base;
4420
4503
  }
4421
- &.tag-hover:hover,
4422
- &.__pseudo-states-hover {
4423
- background-color: $fill-serious-light-hover;
4424
- }
4425
4504
  }
4426
- &.ant-tag-yellow {
4427
- background-color: $fill-notice-light;
4505
+ &.eagle-legend-yellow {
4428
4506
  .#{$prefix}-icon {
4429
4507
  background-color: $fill-notice-base;
4430
4508
  }
4431
- &.tag-hover:hover,
4432
- &.__pseudo-states-hover {
4433
- background-color: $fill-notice-light-hover;
4434
- }
4435
4509
  }
4436
- &.ant-tag-green {
4437
- background-color: $fill-positive-light;
4510
+ &.eagle-legend-green {
4438
4511
  .#{$prefix}-icon {
4439
4512
  background-color: $fill-positive-base;
4440
4513
  }
4441
- &.tag-hover:hover,
4442
- &.__pseudo-states-hover {
4443
- background-color: $fill-positive-light-hover;
4444
- }
4445
4514
  }
4446
- &.ant-tag-gray {
4447
- background-color: $fill-neutral-trans-2;
4448
- .#{$prefix}-icon:not(.ui-kit-status-capsule-icon-loading) {
4515
+ &.eagle-legend-gray {
4516
+ .#{$prefix}-icon:not(.ui-kit-status-legend-icon-loading) {
4449
4517
  background-color: $gray-70;
4450
4518
  }
4451
- &.tag-hover:hover,
4452
- &.__pseudo-states-hover {
4453
- background-color: $fill-neutral-trans-3-trans-2-hover;
4519
+ }
4520
+ &.eagle-legend-purple {
4521
+ .#{$prefix}-icon:not(.ui-kit-status-legend-icon-loading) {
4522
+ background-color: $purple-50;
4454
4523
  }
4455
4524
  }
4456
4525
  }
4457
4526
  }
4458
4527
 
4459
- .E_satwmqm {
4460
- width: 8px;
4461
- height: 8px;
4462
- border-radius: 50%;
4463
- display: inline-block;
4528
+ .E_s1qj66nc {
4529
+ width: 8px;
4530
+ height: 8px;
4531
+ border-radius: 50%;
4532
+ display: inline-block;
4533
+ }
4534
+
4535
+ .E_s5x1boq {
4536
+ width: 8px;
4537
+ height: 8px;
4538
+ border-radius: 2px;
4539
+ display: inline-block;
4540
+ }
4541
+
4542
+ .E_c1xm185 {
4543
+ color: #2C385299;
4544
+ }
4545
+
4546
+ .E_c1x5l5qc {
4547
+ flex: 1;
4548
+ }
4549
+
4550
+
4551
+ .E_r77hffu {
4552
+ display: flex;
4553
+ align-items: center;
4554
+ justify-content: space-between;
4555
+ column-gap: 6px;
4556
+ }
4557
+
4558
+ .E_p1cmxsf7 {
4559
+ display: flex;
4560
+ flex-direction: column;
4561
+ justify-content: center;
4562
+ row-gap: var(--p1cmxsf7-0);
4563
+
4564
+ .antd5-progress-line {
4565
+ font-size: 0;
4566
+ margin-bottom: unset;
4567
+ margin-inline-end: unset;
4568
+ }
4464
4569
  }
4465
4570
 
4466
4571
 
@@ -4490,236 +4595,18 @@
4490
4595
  background-color: $fill-neutral-trans-1;
4491
4596
  border: 1px solid $stroke-neutral-trans-2;
4492
4597
  word-break: break-all;
4493
- display: inline;
4494
- white-space: normal;
4495
- }
4496
- }
4497
-
4498
-
4499
- .E_sjob3jg {
4500
- $item: ant-steps-item;
4501
- --item-min-width: 60px;
4502
- .#{$item} {
4503
- &-tail,
4504
- &-icon {
4505
- display: none !important;
4506
- }
4507
- }
4508
- .#{$item}.#{$item}-active {
4509
- flex-shrink: 0 !important;
4510
- .step-item-prefix-container {
4511
- color: $text-colorful-outstanding;
4512
- }
4513
- .#{$item}-container .#{$item}-content .#{$item}-title {
4514
- color: $text-colorful-outstanding;
4515
- font-weight: normal;
4516
- }
4517
- }
4518
- .#{$item}.#{$item}-finish {
4519
- .#{$item}-container .#{$item}-content .#{$item}-title,
4520
- & .#{$item}-container:hover .#{$item}-content .#{$item}-title {
4521
- color: $text-neutral-tertiary;
4522
- }
4523
- }
4524
- .#{$item}.#{$item}-wait {
4525
- .#{$item}-container .#{$item}-content .#{$item}-title {
4526
- color: $text-neutral-primary;
4527
- }
4528
- }
4529
- .step-item-text {
4530
- display: inline-block;
4531
- }
4532
- .step-item-title {
4533
- overflow: hidden;
4534
- white-space: nowrap;
4535
- text-overflow: ellipsis;
4536
- }
4537
- }
4538
-
4539
- .E_hjvj6s6 {
4540
- $item: ant-steps-item;
4541
- @mixin rightTriangle($color: $fills-light-trans-1) {
4542
- content: "";
4543
- width: 0;
4544
- height: 0;
4545
- border: 13px solid transparent;
4546
- position: absolute;
4547
- top: 0;
4548
- border-left: 8px solid $color;
4549
- }
4550
- .#{$item}-container {
4551
- min-width: var(--item-min-width);
4552
- }
4553
- .#{$item}-disabled {
4554
- cursor: not-allowed !important;
4555
- }
4556
- .ant-steps-horizontal.ant-steps-label-horizontal {
4557
- flex-direction: row;
4558
- justify-content: stretch;
4559
- .#{$item} {
4560
- padding: 0;
4561
- margin-right: 4px;
4562
- flex: 1;
4563
- overflow: visible;
4564
- .#{$item}-content {
4565
- width: 100%;
4566
- min-height: unset;
4567
- .#{$item}-title {
4568
- height: 26px;
4569
- line-height: 26px;
4570
- width: 100%;
4571
- padding: 0;
4572
- font-size: 12px;
4573
- .step-count {
4574
- margin-right: 10px;
4575
- }
4576
- &::after {
4577
- display: none;
4578
- }
4579
- }
4580
- }
4581
- &:first-child {
4582
- .#{$item}-container {
4583
- padding-left: 8px;
4584
- padding-right: 4px;
4585
- border-radius: 4px 0 0 4px;
4586
- }
4587
- }
4588
- &:last-child {
4589
- margin-right: 0;
4590
- .#{$item}-container {
4591
- padding-right: 8px;
4592
- padding-left: 12px;
4593
- border-radius: 0 4px 4px 0;
4594
- }
4595
- }
4596
- &:not(&:last-child) {
4597
- &::after {
4598
- @include rightTriangle();
4599
- z-index: 2;
4600
- position: relative;
4601
- top: -50%;
4602
- right: -100%;
4603
- }
4604
- }
4605
- &:not(:first-child):not(:last-child) {
4606
- .#{$item}-container {
4607
- padding: 0 4px 0 12px;
4608
- }
4609
- }
4610
- &:not(&:first-child) {
4611
- &::before {
4612
- @include rightTriangle(#fff);
4613
- left: 0;
4614
- }
4615
- }
4616
- }
4617
- .#{$item}-active {
4618
- max-width: calc(100% - var(--item-min-width) * 2);
4619
- .#{$item}-container {
4620
- background-color: $fills-light-general-general-light;
4621
- }
4622
- &::after {
4623
- border-left-color: $fills-light-general-general-light !important;
4624
- }
4625
- }
4626
- .#{$item}-finish {
4627
- cursor: pointer;
4628
- min-width: var(--item-min-width);
4629
- }
4630
- .#{$item}-wait,
4631
- .#{$item}-finish {
4632
- min-width: var(--item-min-width);
4633
- .#{$item}-container {
4634
- background-color: $fills-light-trans-1;
4635
- }
4636
- }
4637
- }
4638
- .ant-steps:not(.ant-steps-dot):not(.ant-steps-navigation):not(
4639
- .ant-steps-vertical
4640
- )
4641
- .#{$item} {
4642
- padding: 0;
4643
- }
4644
- }
4645
-
4646
- .E_v4tv3mf {
4647
- $item: ant-steps-item;
4648
- .ant-steps.ant-steps-vertical {
4649
- width: 192px;
4650
- row-gap: 2px;
4651
-
4652
- .preview-mode:not(.#{$item}-active) .#{$item}-container {
4653
- &:hover {
4654
- background-color: $fill-neutral-trans-2;
4655
- }
4656
- .#{$item}-title {
4657
- color: $text-neutral-primary !important;
4658
- }
4659
- }
4660
- .#{$item}:not(.#{$item}-active):not(.#{$item}-disabled)
4661
- .#{$item}-container:hover {
4662
- background-color: $fill-neutral-trans-2;
4663
- }
4664
- .#{$item}-container {
4665
- padding: 0 8px;
4666
- border-radius: 4px;
4667
- height: 32px;
4668
- display: flex;
4669
- align-items: center;
4670
- .#{$item}-content {
4671
- min-height: auto;
4672
- white-space: nowrap;
4673
- & .ant-steps-item-title {
4674
- font-size: 13px;
4675
- line-height: 20px;
4676
- max-width: 100%;
4677
- padding-right: 0;
4678
- }
4679
- }
4680
- }
4681
- .#{$item}-active {
4682
- .ant-steps-item-container {
4683
- background: rgba($blue-60, 0.1);
4684
- }
4685
- }
4686
- }
4687
- }
4688
-
4689
- .E_h6l1tj4 {
4690
- width: 100%;
4691
- display: inline-flex;
4692
- align-items: center;
4693
- justify-content: center;
4694
- column-gap: 4px;
4695
- .step-item-prefix-container {
4696
- display: inline-flex;
4697
- align-items: center;
4698
- width: 18px;
4699
- height: 18px;
4700
- color: $gray-a75-8;
4701
- justify-content: center;
4702
- }
4703
- }
4704
-
4705
- .E_v18frne8 {
4706
- width: 100%;
4707
- display: flex;
4708
- align-items: center;
4709
- justify-content: center;
4710
- column-gap: 6px;
4711
- font-size: 13px;
4712
- .step-item-prefix-container {
4713
- display: inline-flex;
4714
- align-items: center;
4715
- min-width: 20px;
4716
- min-height: 20px;
4717
- color: $gray-a75-8;
4718
- justify-content: center;
4598
+ display: inline;
4599
+ white-space: normal;
4719
4600
  }
4720
4601
  }
4721
4602
 
4722
4603
 
4604
+ .E_i1g85yz3 {
4605
+ margin-right: 4px;
4606
+ height: 16px;
4607
+ }
4608
+
4609
+
4723
4610
  .E_t1dtlqs1 {
4724
4611
  margin-bottom: 4px;
4725
4612
  color: $text-secondary-light;
@@ -4938,153 +4825,266 @@
4938
4825
  }
4939
4826
 
4940
4827
 
4941
- .E_i1g85yz3 {
4942
- margin-right: 4px;
4943
- height: 16px;
4944
- }
4945
-
4946
-
4947
- .E_t13ef470 {
4948
- height: 100%;
4949
- .table-loading-item {
4950
- padding: 12px 4px;
4951
- border-bottom: 1px solid rgba($gray-50, 0.18);
4952
- display: flex;
4953
-
4954
- > * {
4955
- height: 16px;
4956
- margin: 4px;
4957
- background: rgba($gray-50, 0.18);
4958
- border-radius: 2px;
4828
+ .E_sjob3jg {
4829
+ $item: ant-steps-item;
4830
+ --item-min-width: 60px;
4831
+ .#{$item} {
4832
+ &-tail,
4833
+ &-icon {
4834
+ display: none !important;
4959
4835
  }
4960
- .checkbox-loading {
4961
- width: 16px;
4836
+ }
4837
+ .#{$item}.#{$item}-active {
4838
+ flex-shrink: 0 !important;
4839
+ .step-item-prefix-container {
4840
+ color: $text-colorful-outstanding;
4962
4841
  }
4963
- .td-loading {
4964
- flex: 1;
4842
+ .#{$item}-container .#{$item}-content .#{$item}-title {
4843
+ color: $text-colorful-outstanding;
4844
+ font-weight: normal;
4965
4845
  }
4966
4846
  }
4967
-
4968
- :nth-child(1) {
4969
- padding: 8px 4px;
4970
- > * {
4971
- background: rgba($gray-70, 0.18);
4847
+ .#{$item}.#{$item}-finish {
4848
+ .#{$item}-container .#{$item}-content .#{$item}-title,
4849
+ & .#{$item}-container:hover .#{$item}-content .#{$item}-title {
4850
+ color: $text-neutral-tertiary;
4972
4851
  }
4973
4852
  }
4974
- :nth-child(1) {
4975
- > * {
4976
- background: rgba($gray-60, 0.18);
4853
+ .#{$item}.#{$item}-wait {
4854
+ .#{$item}-container .#{$item}-content .#{$item}-title {
4855
+ color: $text-neutral-primary;
4977
4856
  }
4978
4857
  }
4979
- }
4980
-
4981
-
4982
- .E_r77hffu {
4983
- display: flex;
4984
- align-items: center;
4985
- justify-content: space-between;
4986
- column-gap: 6px;
4987
- }
4988
-
4989
- .E_p1cmxsf7 {
4990
- display: flex;
4991
- flex-direction: column;
4992
- justify-content: center;
4993
- row-gap: var(--p1cmxsf7-0);
4994
-
4995
- .antd5-progress-line {
4996
- font-size: 0;
4997
- margin-bottom: unset;
4998
- margin-inline-end: unset;
4858
+ .step-item-text {
4859
+ display: inline-block;
4860
+ }
4861
+ .step-item-title {
4862
+ overflow: hidden;
4863
+ white-space: nowrap;
4864
+ text-overflow: ellipsis;
4999
4865
  }
5000
4866
  }
5001
4867
 
5002
-
5003
- .E_l1ucdodl {
5004
- $prefix: ui-kit-status-legend;
5005
- margin: 0;
5006
- border-radius: 20px;
5007
- padding: 2px 10px;
5008
- height: 22px;
5009
- display: flex;
5010
- align-items: center;
5011
-
5012
- &.ui-kit-status-legend.on-tint {
5013
- color: $text-neutral-ontint;
4868
+ .E_hjvj6s6 {
4869
+ $item: ant-steps-item;
4870
+ @mixin rightTriangle($color: $fills-light-trans-1) {
4871
+ content: "";
4872
+ width: 0;
4873
+ height: 0;
4874
+ border: 13px solid transparent;
4875
+ position: absolute;
4876
+ top: 0;
4877
+ border-left: 8px solid $color;
5014
4878
  }
5015
- &.tag-hover {
5016
- cursor: pointer;
4879
+ .#{$item}-container {
4880
+ min-width: var(--item-min-width);
5017
4881
  }
5018
-
5019
- &.#{$prefix} {
5020
- color: $text-neutral-primary;
5021
- .#{$prefix}-icon {
5022
- margin-right: 6px;
5023
- }
5024
- .#{$prefix}-number {
5025
- margin-left: 8px;
5026
- color: #2C385299;
5027
- &.#{$prefix}-number.on-tint {
5028
- color: $text-neutral-ontint;
4882
+ .#{$item}-disabled {
4883
+ cursor: not-allowed !important;
4884
+ }
4885
+ .ant-steps-horizontal.ant-steps-label-horizontal {
4886
+ flex-direction: row;
4887
+ justify-content: stretch;
4888
+ .#{$item} {
4889
+ padding: 0;
4890
+ margin-right: 4px;
4891
+ flex: 1;
4892
+ overflow: visible;
4893
+ .#{$item}-content {
4894
+ width: 100%;
4895
+ min-height: unset;
4896
+ .#{$item}-title {
4897
+ height: 26px;
4898
+ line-height: 26px;
4899
+ width: 100%;
4900
+ padding: 0;
4901
+ font-size: 12px;
4902
+ .step-count {
4903
+ margin-right: 10px;
4904
+ }
4905
+ &::after {
4906
+ display: none;
4907
+ }
4908
+ }
5029
4909
  }
5030
- }
5031
- &.eagle-legend-blue {
5032
- .#{$prefix}-icon {
5033
- background-color: $fill-outstanding-base;
4910
+ &:first-child {
4911
+ .#{$item}-container {
4912
+ padding-left: 8px;
4913
+ padding-right: 4px;
4914
+ border-radius: 4px 0 0 4px;
4915
+ }
4916
+ }
4917
+ &:last-child {
4918
+ margin-right: 0;
4919
+ .#{$item}-container {
4920
+ padding-right: 8px;
4921
+ padding-left: 12px;
4922
+ border-radius: 0 4px 4px 0;
4923
+ }
4924
+ }
4925
+ &:not(&:last-child) {
4926
+ &::after {
4927
+ @include rightTriangle();
4928
+ z-index: 2;
4929
+ position: relative;
4930
+ top: -50%;
4931
+ right: -100%;
4932
+ }
4933
+ }
4934
+ &:not(:first-child):not(:last-child) {
4935
+ .#{$item}-container {
4936
+ padding: 0 4px 0 12px;
4937
+ }
4938
+ }
4939
+ &:not(&:first-child) {
4940
+ &::before {
4941
+ @include rightTriangle(#fff);
4942
+ left: 0;
4943
+ }
5034
4944
  }
5035
4945
  }
5036
- &.eagle-legend-red {
5037
- .#{$prefix}-icon {
5038
- background-color: $fill-serious-base;
4946
+ .#{$item}-active {
4947
+ max-width: calc(100% - var(--item-min-width) * 2);
4948
+ .#{$item}-container {
4949
+ background-color: $fills-light-general-general-light;
4950
+ }
4951
+ &::after {
4952
+ border-left-color: $fills-light-general-general-light !important;
5039
4953
  }
5040
4954
  }
5041
- &.eagle-legend-yellow {
5042
- .#{$prefix}-icon {
5043
- background-color: $fill-notice-base;
4955
+ .#{$item}-finish {
4956
+ cursor: pointer;
4957
+ min-width: var(--item-min-width);
4958
+ }
4959
+ .#{$item}-wait,
4960
+ .#{$item}-finish {
4961
+ min-width: var(--item-min-width);
4962
+ .#{$item}-container {
4963
+ background-color: $fills-light-trans-1;
5044
4964
  }
5045
4965
  }
5046
- &.eagle-legend-green {
5047
- .#{$prefix}-icon {
5048
- background-color: $fill-positive-base;
4966
+ }
4967
+ .ant-steps:not(.ant-steps-dot):not(.ant-steps-navigation):not(
4968
+ .ant-steps-vertical
4969
+ )
4970
+ .#{$item} {
4971
+ padding: 0;
4972
+ }
4973
+ }
4974
+
4975
+ .E_v4tv3mf {
4976
+ $item: ant-steps-item;
4977
+ .ant-steps.ant-steps-vertical {
4978
+ width: 192px;
4979
+ row-gap: 2px;
4980
+
4981
+ .preview-mode:not(.#{$item}-active) .#{$item}-container {
4982
+ &:hover {
4983
+ background-color: $fill-neutral-trans-2;
4984
+ }
4985
+ .#{$item}-title {
4986
+ color: $text-neutral-primary !important;
5049
4987
  }
5050
4988
  }
5051
- &.eagle-legend-gray {
5052
- .#{$prefix}-icon:not(.ui-kit-status-legend-icon-loading) {
5053
- background-color: $gray-70;
4989
+ .#{$item}:not(.#{$item}-active):not(.#{$item}-disabled)
4990
+ .#{$item}-container:hover {
4991
+ background-color: $fill-neutral-trans-2;
4992
+ }
4993
+ .#{$item}-container {
4994
+ padding: 0 8px;
4995
+ border-radius: 4px;
4996
+ height: 32px;
4997
+ display: flex;
4998
+ align-items: center;
4999
+ .#{$item}-content {
5000
+ min-height: auto;
5001
+ white-space: nowrap;
5002
+ & .ant-steps-item-title {
5003
+ font-size: 13px;
5004
+ line-height: 20px;
5005
+ max-width: 100%;
5006
+ padding-right: 0;
5007
+ }
5054
5008
  }
5055
5009
  }
5056
- &.eagle-legend-purple {
5057
- .#{$prefix}-icon:not(.ui-kit-status-legend-icon-loading) {
5058
- background-color: $purple-50;
5010
+ .#{$item}-active {
5011
+ .ant-steps-item-container {
5012
+ background: rgba($blue-60, 0.1);
5059
5013
  }
5060
5014
  }
5061
5015
  }
5062
5016
  }
5063
5017
 
5064
- .E_s1qj66nc {
5065
- width: 8px;
5066
- height: 8px;
5067
- border-radius: 50%;
5068
- display: inline-block;
5018
+ .E_h6l1tj4 {
5019
+ width: 100%;
5020
+ display: inline-flex;
5021
+ align-items: center;
5022
+ justify-content: center;
5023
+ column-gap: 4px;
5024
+ .step-item-prefix-container {
5025
+ display: inline-flex;
5026
+ align-items: center;
5027
+ width: 18px;
5028
+ height: 18px;
5029
+ color: $gray-a75-8;
5030
+ justify-content: center;
5031
+ }
5069
5032
  }
5070
5033
 
5071
- .E_s5x1boq {
5072
- width: 8px;
5073
- height: 8px;
5074
- border-radius: 2px;
5075
- display: inline-block;
5034
+ .E_v18frne8 {
5035
+ width: 100%;
5036
+ display: flex;
5037
+ align-items: center;
5038
+ justify-content: center;
5039
+ column-gap: 6px;
5040
+ font-size: 13px;
5041
+ .step-item-prefix-container {
5042
+ display: inline-flex;
5043
+ align-items: center;
5044
+ min-width: 20px;
5045
+ min-height: 20px;
5046
+ color: $gray-a75-8;
5047
+ justify-content: center;
5048
+ }
5076
5049
  }
5077
5050
 
5078
- .E_c1xm185 {
5079
- color: #2C385299;
5080
- }
5081
5051
 
5082
- .E_c1x5l5qc {
5083
- flex: 1;
5084
- }
5052
+ .E_t13ef470 {
5053
+ height: 100%;
5054
+ .table-loading-item {
5055
+ padding: 12px 4px;
5056
+ border-bottom: 1px solid rgba($gray-50, 0.18);
5057
+ display: flex;
5058
+
5059
+ > * {
5060
+ height: 16px;
5061
+ margin: 4px;
5062
+ background: rgba($gray-50, 0.18);
5063
+ border-radius: 2px;
5064
+ }
5065
+ .checkbox-loading {
5066
+ width: 16px;
5067
+ }
5068
+ .td-loading {
5069
+ flex: 1;
5070
+ }
5071
+ }
5072
+
5073
+ :nth-child(1) {
5074
+ padding: 8px 4px;
5075
+ > * {
5076
+ background: rgba($gray-70, 0.18);
5077
+ }
5078
+ }
5079
+ :nth-child(1) {
5080
+ > * {
5081
+ background: rgba($gray-60, 0.18);
5082
+ }
5083
+ }
5084
+ }
5085
5085
 
5086
5086
 
5087
- .E_msn7nxt {
5087
+ .E_m11nzl2x {
5088
5088
  color: $text-light-secondary;
5089
5089
  text-align: center;
5090
5090
 
@@ -5100,7 +5100,7 @@
5100
5100
  }
5101
5101
  }
5102
5102
 
5103
- .E_mp64wfi {
5103
+ .E_mn7joto {
5104
5104
  width: 100%;
5105
5105
  height: 100%;
5106
5106
  display: flex;
@@ -5110,7 +5110,6 @@
5110
5110
  width: 100%;
5111
5111
  display: flex;
5112
5112
  line-height: 30px;
5113
- padding: 0 16px;
5114
5113
  justify-content: space-between;
5115
5114
  .metric-extra {
5116
5115
  display: flex;
@@ -5143,7 +5142,7 @@
5143
5142
  }
5144
5143
  }
5145
5144
 
5146
- .E_l1oyigan {
5145
+ .E_l1bifhon {
5147
5146
  display: flex;
5148
5147
  align-items: center;
5149
5148
  white-space: nowrap;
@@ -5151,38 +5150,84 @@
5151
5150
  width: 100%;
5152
5151
 
5153
5152
  .ant-dropdown-trigger {
5154
- margin-left: auto;
5155
5153
  font-size: 12px;
5154
+ margin-left: 8px;
5156
5155
  }
5157
5156
  }
5158
5157
 
5159
- .E_l1noi4n1 {
5158
+ .E_ltthzck {
5160
5159
  display: flex;
5161
5160
  justify-content: flex-start;
5162
5161
  align-items: center;
5163
5162
  font-size: 12px;
5164
5163
  cursor: pointer;
5164
+ &:not(:first-child) {
5165
+ margin-left: 8px;
5166
+ }
5165
5167
 
5166
- &:not(:last-child) {
5167
- margin-right: 20px;
5168
+ &.deselected,
5169
+ &.hovering {
5170
+ opacity: 0.3;
5171
+
5172
+ &:not(.hoverering-self) .color-block {
5173
+ background: #b4beca !important;
5174
+ border-radius: 2px;
5175
+ }
5168
5176
  }
5169
- &.deselected {
5170
- opacity: 0.4;
5177
+ &.hoverering-self {
5178
+ opacity: 1;
5179
+ }
5180
+ .dropdown-trigger {
5181
+ margin-left: 12px;
5182
+ }
5183
+ .legend-name {
5184
+ color: $text-light-primary;
5185
+ }
5186
+ .icon-suffix-wrapper {
5187
+ display: flex;
5188
+ align-items: center;
5189
+ margin-left: 4px;
5190
+ }
5191
+ }
5171
5192
 
5172
- .color-block {
5193
+ .E_l1mumj7o {
5194
+ display: flex;
5195
+ justify-content: flex-start;
5196
+ align-items: center;
5197
+ font-size: 12px;
5198
+ cursor: pointer;
5199
+
5200
+ &.deselected,
5201
+ &.hovering {
5202
+ opacity: 0.3;
5203
+
5204
+ &:not(.hoverering-self) .color-block {
5173
5205
  background: #b4beca !important;
5206
+ border-radius: 2px;
5174
5207
  }
5175
5208
  }
5209
+ .legend-name {
5210
+ color: $text-light-primary;
5211
+ }
5212
+ &.hoverering-self {
5213
+ opacity: 1;
5214
+ }
5215
+ .icon-suffix-wrapper {
5216
+ margin-left: 4px;
5217
+ display: flex;
5218
+ align-items: center;
5219
+ }
5176
5220
  }
5177
5221
 
5178
- .E_cz19rz6 {
5222
+ .E_c14rn6j5 {
5179
5223
  display: inline-block;
5180
5224
  height: 8px;
5181
5225
  width: 8px;
5182
- margin-right: 8px;
5226
+ margin-right: 6px;
5227
+ border-radius: 2px;
5183
5228
  }
5184
5229
 
5185
- .E_e17r5r9c {
5230
+ .E_e45tc5l {
5186
5231
  .ant-dropdown-menu-item {
5187
5232
  display: flex;
5188
5233
  align-items: center;
@@ -5191,7 +5236,7 @@
5191
5236
  }
5192
5237
  }
5193
5238
 
5194
- .E_m1y1hhnr {
5239
+ .E_lqeaosa {
5195
5240
  position: relative;
5196
5241
 
5197
5242
  &.hidden-xaxis .pointer-wrapper {
@@ -5202,10 +5247,9 @@
5202
5247
  display: flex;
5203
5248
  justify-content: space-between;
5204
5249
  line-height: 30px;
5205
- margin: 0 16px;
5206
-
5207
5250
  .metric-extra {
5208
5251
  display: flex;
5252
+ flex-shrink: 0;
5209
5253
  font-size: 12px;
5210
5254
  align-items: center;
5211
5255
 
@@ -5231,26 +5275,28 @@
5231
5275
  position: absolute;
5232
5276
  bottom: 10px;
5233
5277
  padding: 0 8px;
5234
- border-radius: 4px;
5235
5278
  font-size: 12px;
5236
5279
  color: $white;
5237
- background: rgba(0, 0, 0, 0.75);
5238
5280
  transform: translateX(-50%);
5239
5281
  }
5240
5282
  }
5241
5283
 
5242
- .E_tnvijvs {
5284
+ .E_t2pr38p {
5243
5285
  min-width: 200px;
5286
+ background-color: $fill-neutral-trans-8;
5287
+ border-radius: 4px;
5288
+ box-shadow: 0px 1px 4px 0px rgba(29, 50, 108, 0.6);
5289
+ padding: 8px;
5244
5290
  }
5245
5291
 
5246
- .E_t1ub2aex {
5292
+ .E_tecdsj7 {
5247
5293
  display: flex;
5248
5294
  align-items: center;
5295
+ background-color: unset;
5296
+ color: $text-neutral-ontint;
5249
5297
  justify-content: space-between;
5250
- background-color: rgba(0, 0, 0, 0.75);
5251
- color: #b4beca;
5252
5298
  font-size: 12px;
5253
- padding: 3px 6px;
5299
+ padding-top: 6px;
5254
5300
 
5255
5301
  &:first-child {
5256
5302
  padding-top: 3px;
@@ -5259,13 +5305,24 @@
5259
5305
  padding-bottom: 3px;
5260
5306
  }
5261
5307
  .column-value {
5262
- color: $white;
5308
+ color: $text-neutral-ontint;
5263
5309
  margin-left: 8px;
5264
5310
  }
5265
5311
  }
5266
5312
 
5313
+ .E_ljhvvia {
5314
+ display: inline-block;
5315
+ height: 8px;
5316
+ width: 8px;
5317
+ margin-right: 8px;
5318
+ border-radius: 2px;
5319
+ &.borderd {
5320
+ border: 1px solid $stroke-neutral-white;
5321
+ }
5322
+ }
5267
5323
 
5268
- .E_m11nzl2x {
5324
+
5325
+ .E_msn7nxt {
5269
5326
  color: $text-light-secondary;
5270
5327
  text-align: center;
5271
5328
 
@@ -5281,7 +5338,7 @@
5281
5338
  }
5282
5339
  }
5283
5340
 
5284
- .E_mn7joto {
5341
+ .E_mp64wfi {
5285
5342
  width: 100%;
5286
5343
  height: 100%;
5287
5344
  display: flex;
@@ -5291,6 +5348,7 @@
5291
5348
  width: 100%;
5292
5349
  display: flex;
5293
5350
  line-height: 30px;
5351
+ padding: 0 16px;
5294
5352
  justify-content: space-between;
5295
5353
  .metric-extra {
5296
5354
  display: flex;
@@ -5304,111 +5362,65 @@
5304
5362
  margin-left: 10px;
5305
5363
  }
5306
5364
 
5307
- .menu-trigger {
5308
- margin-left: 10px;
5309
- cursor: pointer;
5310
- }
5311
- }
5312
- }
5313
-
5314
- .content {
5315
- flex: 1;
5316
- width: 100%;
5317
- display: flex;
5318
- justify-content: center;
5319
- align-items: center;
5320
- }
5321
- .single-content {
5322
- height: 65px;
5323
- }
5324
- }
5325
-
5326
- .E_l1bifhon {
5327
- display: flex;
5328
- align-items: center;
5329
- white-space: nowrap;
5330
- overflow: hidden;
5331
- width: 100%;
5332
-
5333
- .ant-dropdown-trigger {
5334
- font-size: 12px;
5335
- margin-left: 8px;
5336
- }
5337
- }
5338
-
5339
- .E_ltthzck {
5340
- display: flex;
5341
- justify-content: flex-start;
5342
- align-items: center;
5343
- font-size: 12px;
5344
- cursor: pointer;
5345
- &:not(:first-child) {
5346
- margin-left: 8px;
5347
- }
5348
-
5349
- &.deselected,
5350
- &.hovering {
5351
- opacity: 0.3;
5352
-
5353
- &:not(.hoverering-self) .color-block {
5354
- background: #b4beca !important;
5355
- border-radius: 2px;
5356
- }
5357
- }
5358
- &.hoverering-self {
5359
- opacity: 1;
5360
- }
5361
- .dropdown-trigger {
5362
- margin-left: 12px;
5363
- }
5364
- .legend-name {
5365
- color: $text-light-primary;
5365
+ .menu-trigger {
5366
+ margin-left: 10px;
5367
+ cursor: pointer;
5368
+ }
5369
+ }
5366
5370
  }
5367
- .icon-suffix-wrapper {
5371
+
5372
+ .content {
5373
+ flex: 1;
5374
+ width: 100%;
5368
5375
  display: flex;
5376
+ justify-content: center;
5369
5377
  align-items: center;
5370
- margin-left: 4px;
5378
+ }
5379
+ .single-content {
5380
+ height: 65px;
5371
5381
  }
5372
5382
  }
5373
5383
 
5374
- .E_l1mumj7o {
5384
+ .E_l1oyigan {
5385
+ display: flex;
5386
+ align-items: center;
5387
+ white-space: nowrap;
5388
+ overflow: hidden;
5389
+ width: 100%;
5390
+
5391
+ .ant-dropdown-trigger {
5392
+ margin-left: auto;
5393
+ font-size: 12px;
5394
+ }
5395
+ }
5396
+
5397
+ .E_l1noi4n1 {
5375
5398
  display: flex;
5376
5399
  justify-content: flex-start;
5377
5400
  align-items: center;
5378
5401
  font-size: 12px;
5379
5402
  cursor: pointer;
5380
5403
 
5381
- &.deselected,
5382
- &.hovering {
5383
- opacity: 0.3;
5404
+ &:not(:last-child) {
5405
+ margin-right: 20px;
5406
+ }
5407
+ &.deselected {
5408
+ opacity: 0.4;
5384
5409
 
5385
- &:not(.hoverering-self) .color-block {
5410
+ .color-block {
5386
5411
  background: #b4beca !important;
5387
- border-radius: 2px;
5388
5412
  }
5389
5413
  }
5390
- .legend-name {
5391
- color: $text-light-primary;
5392
- }
5393
- &.hoverering-self {
5394
- opacity: 1;
5395
- }
5396
- .icon-suffix-wrapper {
5397
- margin-left: 4px;
5398
- display: flex;
5399
- align-items: center;
5400
- }
5401
5414
  }
5402
5415
 
5403
- .E_c14rn6j5 {
5416
+ .E_cz19rz6 {
5404
5417
  display: inline-block;
5405
5418
  height: 8px;
5406
5419
  width: 8px;
5407
- margin-right: 6px;
5408
- border-radius: 2px;
5420
+ margin-right: 8px;
5409
5421
  }
5410
5422
 
5411
- .E_e45tc5l {
5423
+ .E_e17r5r9c {
5412
5424
  .ant-dropdown-menu-item {
5413
5425
  display: flex;
5414
5426
  align-items: center;
@@ -5417,7 +5429,7 @@
5417
5429
  }
5418
5430
  }
5419
5431
 
5420
- .E_lqeaosa {
5432
+ .E_m1y1hhnr {
5421
5433
  position: relative;
5422
5434
 
5423
5435
  &.hidden-xaxis .pointer-wrapper {
@@ -5428,9 +5440,10 @@
5428
5440
  display: flex;
5429
5441
  justify-content: space-between;
5430
5442
  line-height: 30px;
5443
+ margin: 0 16px;
5444
+
5431
5445
  .metric-extra {
5432
5446
  display: flex;
5433
- flex-shrink: 0;
5434
5447
  font-size: 12px;
5435
5448
  align-items: center;
5436
5449
 
@@ -5456,28 +5469,26 @@
5456
5469
  position: absolute;
5457
5470
  bottom: 10px;
5458
5471
  padding: 0 8px;
5472
+ border-radius: 4px;
5459
5473
  font-size: 12px;
5460
5474
  color: $white;
5475
+ background: rgba(0, 0, 0, 0.75);
5461
5476
  transform: translateX(-50%);
5462
5477
  }
5463
5478
  }
5464
5479
 
5465
- .E_t2pr38p {
5480
+ .E_tnvijvs {
5466
5481
  min-width: 200px;
5467
- background-color: $fill-neutral-trans-8;
5468
- border-radius: 4px;
5469
- box-shadow: 0px 1px 4px 0px rgba(29, 50, 108, 0.6);
5470
- padding: 8px;
5471
5482
  }
5472
5483
 
5473
- .E_tecdsj7 {
5484
+ .E_t1ub2aex {
5474
5485
  display: flex;
5475
5486
  align-items: center;
5476
- background-color: unset;
5477
- color: $text-neutral-ontint;
5478
5487
  justify-content: space-between;
5488
+ background-color: rgba(0, 0, 0, 0.75);
5489
+ color: #b4beca;
5479
5490
  font-size: 12px;
5480
- padding-top: 6px;
5491
+ padding: 3px 6px;
5481
5492
 
5482
5493
  &:first-child {
5483
5494
  padding-top: 3px;
@@ -5486,22 +5497,11 @@
5486
5497
  padding-bottom: 3px;
5487
5498
  }
5488
5499
  .column-value {
5489
- color: $text-neutral-ontint;
5500
+ color: $white;
5490
5501
  margin-left: 8px;
5491
5502
  }
5492
5503
  }
5493
5504
 
5494
- .E_ljhvvia {
5495
- display: inline-block;
5496
- height: 8px;
5497
- width: 8px;
5498
- margin-right: 8px;
5499
- border-radius: 2px;
5500
- &.borderd {
5501
- border: 1px solid $stroke-neutral-white;
5502
- }
5503
- }
5504
-
5505
5505
 
5506
5506
  .E_bpgac8u {
5507
5507
  color: #FFFFFF;
@@ -5536,6 +5536,61 @@
5536
5536
  }
5537
5537
 
5538
5538
 
5539
+ .E_t59qhqp {
5540
+ padding: 0px;
5541
+ padding-top: 5px;
5542
+ padding-left: 5px;
5543
+
5544
+ .ant-timeline-item {
5545
+ margin-bottom: 16px;
5546
+ padding-bottom: 0px;
5547
+ }
5548
+ .ant-timeline-item-last,
5549
+ .compact.ant-timeline-item-last {
5550
+ margin-bottom: 0;
5551
+ }
5552
+ .compact.ant-timeline-item {
5553
+ margin-bottom: 12px;
5554
+ }
5555
+ .info-action {
5556
+ align-self: baseline;
5557
+ }
5558
+ }
5559
+
5560
+ .E_t2e44lg {
5561
+ .ant-timeline-item-content {
5562
+ margin-left: 18px;
5563
+ }
5564
+ .item-time {
5565
+ display: flex;
5566
+ flex-direction: column;
5567
+ gap: 4px;
5568
+ margin-top: 4px;
5569
+ }
5570
+
5571
+ &:last-child {
5572
+ .ant-timeline-item-content {
5573
+ padding-bottom: 0;
5574
+ }
5575
+ }
5576
+ }
5577
+
5578
+ .E_e14ua30y {
5579
+ display: flex;
5580
+ flex-direction: column;
5581
+ align-items: center;
5582
+ justify-content: center;
5583
+ }
5584
+
5585
+ .E_s1ikqzph {
5586
+ color: #2C3852BF;
5587
+ }
5588
+
5589
+ .E_i15astnl {
5590
+ color: #00122E;
5591
+ }
5592
+
5593
+
5539
5594
  .E_icab5o7 {
5540
5595
  --modal-to-viewport-margin: 10px;
5541
5596
  --modal-body-padding-bottom: 40px;
@@ -5738,137 +5793,8 @@
5738
5793
  margin-top: 5px;
5739
5794
  }
5740
5795
 
5741
- .E_c1bad0d {
5742
- font-weight: bold;
5743
- }
5744
-
5745
-
5746
- .E_t59qhqp {
5747
- padding: 0px;
5748
- padding-top: 5px;
5749
- padding-left: 5px;
5750
-
5751
- .ant-timeline-item {
5752
- margin-bottom: 16px;
5753
- padding-bottom: 0px;
5754
- }
5755
- .ant-timeline-item-last,
5756
- .compact.ant-timeline-item-last {
5757
- margin-bottom: 0;
5758
- }
5759
- .compact.ant-timeline-item {
5760
- margin-bottom: 12px;
5761
- }
5762
- .info-action {
5763
- align-self: baseline;
5764
- }
5765
- }
5766
-
5767
- .E_t2e44lg {
5768
- .ant-timeline-item-content {
5769
- margin-left: 18px;
5770
- }
5771
- .item-time {
5772
- display: flex;
5773
- flex-direction: column;
5774
- gap: 4px;
5775
- margin-top: 4px;
5776
- }
5777
-
5778
- &:last-child {
5779
- .ant-timeline-item-content {
5780
- padding-bottom: 0;
5781
- }
5782
- }
5783
- }
5784
-
5785
- .E_e14ua30y {
5786
- display: flex;
5787
- flex-direction: column;
5788
- align-items: center;
5789
- justify-content: center;
5790
- }
5791
-
5792
- .E_s1ikqzph {
5793
- color: #2C3852BF;
5794
- }
5795
-
5796
- .E_i15astnl {
5797
- color: #00122E;
5798
- }
5799
-
5800
-
5801
- .E_s20iney {
5802
- &.skeleton-box {
5803
- display: flex;
5804
- align-items: center;
5805
- justify-content: center;
5806
- position: relative;
5807
- border-radius: 2px;
5808
- background: #E1E6F199;
5809
- overflow: hidden;
5810
-
5811
- & > .skeleton-shimmer {
5812
- width: 200%;
5813
- height: 200%;
5814
- transform: rotate(15deg);
5815
- position: absolute;
5816
- top: -50%;
5817
- flex-shrink: 0;
5818
- opacity: 0.8;
5819
- background: linear-gradient(
5820
- 90deg,
5821
- rgba(255, 255, 255, 0) 15%,
5822
- #FFFFFF99 50%,
5823
- rgba(255, 255, 255, 0) 85%
5824
- );
5825
-
5826
- animation: shimmer 1100ms infinite;
5827
- }
5828
-
5829
- @keyframes shimmer { from { left: -120%; } to { left: 100%; } }
5830
- }
5831
- }
5832
-
5833
-
5834
- .E_sqv6dmy {
5835
- display: flex;
5836
- justify-content: flex-end;
5837
- }
5838
-
5839
- .E_p1rm8wzb {
5840
- margin-right: 8px;
5841
- }
5842
-
5843
- .E_sd7qcf4 {
5844
- height: 100%;
5845
- width: 100%;
5846
- overflow: auto;
5847
- }
5848
-
5849
- .E_r1fxc9gq {
5850
- &.right {
5851
- overflow: auto;
5852
- padding-right: 2px;
5853
- width: calc(192px + 6px + 2px);
5854
- height: fit-content;
5855
- max-height: calc(
5856
- 100vh - var(--modal-to-viewport-margin) * 2 - var(--side-panel-margin-top) - var(
5857
- --modal-body-padding-bottom
5858
- ) - var(--modal-footer-height)
5859
- );
5860
- scrollbar-gutter: stable;
5861
- &::-webkit-scrollbar {
5862
- width: 6px;
5863
- }
5864
- &::-webkit-scrollbar-track {
5865
- background: #E1E6F199;
5866
- }
5867
- &::-webkit-scrollbar-thumb {
5868
- background: #ACBAD399;
5869
- border-radius: 8px;
5870
- }
5871
- }
5796
+ .E_c1bad0d {
5797
+ font-weight: bold;
5872
5798
  }
5873
5799
 
5874
5800
 
@@ -6015,6 +5941,80 @@
6015
5941
  }
6016
5942
 
6017
5943
 
5944
+ .E_s20iney {
5945
+ &.skeleton-box {
5946
+ display: flex;
5947
+ align-items: center;
5948
+ justify-content: center;
5949
+ position: relative;
5950
+ border-radius: 2px;
5951
+ background: #E1E6F199;
5952
+ overflow: hidden;
5953
+
5954
+ & > .skeleton-shimmer {
5955
+ width: 200%;
5956
+ height: 200%;
5957
+ transform: rotate(15deg);
5958
+ position: absolute;
5959
+ top: -50%;
5960
+ flex-shrink: 0;
5961
+ opacity: 0.8;
5962
+ background: linear-gradient(
5963
+ 90deg,
5964
+ rgba(255, 255, 255, 0) 15%,
5965
+ #FFFFFF99 50%,
5966
+ rgba(255, 255, 255, 0) 85%
5967
+ );
5968
+
5969
+ animation: shimmer 1100ms infinite;
5970
+ }
5971
+
5972
+ @keyframes shimmer { from { left: -120%; } to { left: 100%; } }
5973
+ }
5974
+ }
5975
+
5976
+
5977
+ .E_sqv6dmy {
5978
+ display: flex;
5979
+ justify-content: flex-end;
5980
+ }
5981
+
5982
+ .E_p1rm8wzb {
5983
+ margin-right: 8px;
5984
+ }
5985
+
5986
+ .E_sd7qcf4 {
5987
+ height: 100%;
5988
+ width: 100%;
5989
+ overflow: auto;
5990
+ }
5991
+
5992
+ .E_r1fxc9gq {
5993
+ &.right {
5994
+ overflow: auto;
5995
+ padding-right: 2px;
5996
+ width: calc(192px + 6px + 2px);
5997
+ height: fit-content;
5998
+ max-height: calc(
5999
+ 100vh - var(--modal-to-viewport-margin) * 2 - var(--side-panel-margin-top) - var(
6000
+ --modal-body-padding-bottom
6001
+ ) - var(--modal-footer-height)
6002
+ );
6003
+ scrollbar-gutter: stable;
6004
+ &::-webkit-scrollbar {
6005
+ width: 6px;
6006
+ }
6007
+ &::-webkit-scrollbar-track {
6008
+ background: #E1E6F199;
6009
+ }
6010
+ &::-webkit-scrollbar-thumb {
6011
+ background: #ACBAD399;
6012
+ border-radius: 8px;
6013
+ }
6014
+ }
6015
+ }
6016
+
6017
+
6018
6018
  .E_t1g36k2w {
6019
6019
  overflow: hidden;
6020
6020
  height: 100%;
@@ -6047,6 +6047,35 @@
6047
6047
  }
6048
6048
 
6049
6049
 
6050
+ .E_t1gvlxt5 {
6051
+ min-width: 0;
6052
+ flex: 1;
6053
+ .tag {
6054
+ flex: 0 0 auto;
6055
+ }
6056
+ .progress-title {
6057
+ flex: 2;
6058
+ max-width: fit-content;
6059
+ color: #00122E;
6060
+ }
6061
+ .progress-desc {
6062
+ flex: 1;
6063
+ max-width: fit-content;
6064
+ }
6065
+ }
6066
+
6067
+ .E_a1ji6r68 {
6068
+ display: flex;
6069
+ align-items: center;
6070
+ column-gap: var(--a1ji6r68-0);
6071
+ }
6072
+
6073
+
6074
+ .E_t1616y1o {
6075
+ color: $text-light-on-tint;
6076
+ }
6077
+
6078
+
6050
6079
  .E_f16blduf {
6051
6080
  &.ant-form-item {
6052
6081
  margin-bottom: 0;
@@ -6073,35 +6102,6 @@
6073
6102
  }
6074
6103
 
6075
6104
 
6076
- .E_t1616y1o {
6077
- color: $text-light-on-tint;
6078
- }
6079
-
6080
-
6081
- .E_t1gvlxt5 {
6082
- min-width: 0;
6083
- flex: 1;
6084
- .tag {
6085
- flex: 0 0 auto;
6086
- }
6087
- .progress-title {
6088
- flex: 2;
6089
- max-width: fit-content;
6090
- color: #00122E;
6091
- }
6092
- .progress-desc {
6093
- flex: 1;
6094
- max-width: fit-content;
6095
- }
6096
- }
6097
-
6098
- .E_a1ji6r68 {
6099
- display: flex;
6100
- align-items: center;
6101
- column-gap: var(--a1ji6r68-0);
6102
- }
6103
-
6104
-
6105
6105
  .E_a9y3flr {
6106
6106
  margin-left: 8px;
6107
6107
  }
@@ -6163,6 +6163,21 @@
6163
6163
  }
6164
6164
 
6165
6165
 
6166
+ .E_skwah65 {
6167
+ height: 8px;
6168
+ box-sizing: border-box;
6169
+ border-radius: 2px;
6170
+ background: #f5f7fa;
6171
+ display: flex;
6172
+ width: 100%;
6173
+ overflow: hidden;
6174
+
6175
+ .stack-bar-item + .stack-bar-item {
6176
+ margin-left: 1px;
6177
+ }
6178
+ }
6179
+
6180
+
6166
6181
  .E_c18bcrac {
6167
6182
  display: inline-block;
6168
6183
  width: 100%;
@@ -6209,11 +6224,109 @@
6209
6224
  margin-right: 6px;
6210
6225
  }
6211
6226
 
6212
- .E_p1lyky6c {
6213
- & > :first-child {
6214
- font-weight: bold;
6215
- color: white;
6216
- margin-right: 4px;
6227
+ .E_p1lyky6c {
6228
+ & > :first-child {
6229
+ font-weight: bold;
6230
+ color: white;
6231
+ margin-right: 4px;
6232
+ }
6233
+ }
6234
+
6235
+
6236
+ .E_clm1wy1 {
6237
+ width: 192px;
6238
+ height: 246px;
6239
+ border-radius: 4px;
6240
+
6241
+ > .ant-picker-calendar,
6242
+ > .ant-picker-calendar .ant-picker-panel {
6243
+ width: 100%;
6244
+ background-color: rgba(245, 247, 250, 0.6);
6245
+ border-top: none;
6246
+
6247
+ .ant-picker-body {
6248
+ padding: 0 16px;
6249
+ }
6250
+
6251
+ .ant-picker-content {
6252
+ width: 100%;
6253
+ height: 180px;
6254
+ border-spacing: 0;
6255
+
6256
+ thead {
6257
+ margin-bottom: 8px;
6258
+ }
6259
+ th {
6260
+ width: 22px;
6261
+ }
6262
+ td {
6263
+ padding: 0;
6264
+ }
6265
+ }
6266
+ }
6267
+
6268
+ .ant-picker-cell {
6269
+ color: rgba(62, 70, 82, 0.6);
6270
+ opacity: 0.4;
6271
+ }
6272
+ .ant-picker-cell-in-view {
6273
+ color: rgba(62, 70, 82, 0.6);
6274
+ opacity: 1;
6275
+ }
6276
+ .ant-picker-cell-in-view > .active {
6277
+ color: #3e4652;
6278
+ }
6279
+
6280
+ .ant-picker-cell::before {
6281
+ pointer-events: none;
6282
+ }
6283
+ }
6284
+
6285
+ .E_t1tsm00v {
6286
+ color: rgba(129, 138, 153, 0.6);
6287
+ box-shadow: inset 0px -1px 0px rgba(213, 219, 227, 0.6);
6288
+ backdrop-filter: blur(10px);
6289
+ padding: 7px 10px;
6290
+ }
6291
+
6292
+ .E_c167wnad {
6293
+ color: rgba(62, 70, 82, 0.6);
6294
+ display: flex;
6295
+ justify-content: space-between;
6296
+ align-items: center;
6297
+ padding: 8px 16px;
6298
+
6299
+ .anticon {
6300
+ cursor: pointer;
6301
+ &:hover {
6302
+ color: $blue;
6303
+ }
6304
+ }
6305
+ }
6306
+
6307
+ .E_cxhf7dh {
6308
+ text-align: center;
6309
+
6310
+ .dots {
6311
+ display: flex;
6312
+ justify-content: center;
6313
+ }
6314
+ .dot {
6315
+ display: inline-block;
6316
+ width: 2px;
6317
+ height: 2px;
6318
+ border-radius: 1px;
6319
+ background: $blue;
6320
+
6321
+ &:not(:last-child) {
6322
+ margin-right: 2px;
6323
+ }
6324
+ }
6325
+ .bar {
6326
+ width: 9px;
6327
+ height: 2px;
6328
+ background: $blue;
6329
+ border-radius: 2px;
6217
6330
  }
6218
6331
  }
6219
6332
 
@@ -6285,296 +6398,450 @@
6285
6398
  }
6286
6399
 
6287
6400
 
6288
- .E_clm1wy1 {
6289
- width: 192px;
6290
- height: 246px;
6291
- border-radius: 4px;
6401
+ .E_gmyahx3 {
6402
+ cursor: pointer;
6292
6403
 
6293
- > .ant-picker-calendar,
6294
- > .ant-picker-calendar .ant-picker-panel {
6295
- width: 100%;
6296
- background-color: rgba(245, 247, 250, 0.6);
6297
- border-top: none;
6404
+ .link-text {
6405
+ color: $text-light-tertiary;
6406
+ }
6298
6407
 
6299
- .ant-picker-body {
6300
- padding: 0 16px;
6301
- }
6408
+ &:hover .link-text {
6409
+ color: $text-light-general;
6410
+ }
6411
+ }
6302
6412
 
6303
- .ant-picker-content {
6304
- width: 100%;
6305
- height: 180px;
6306
- border-spacing: 0;
6307
6413
 
6308
- thead {
6309
- margin-bottom: 8px;
6310
- }
6311
- th {
6312
- width: 22px;
6313
- }
6314
- td {
6315
- padding: 0;
6316
- }
6414
+ .E_c1up1pdz {
6415
+ width: 648px;
6416
+
6417
+ &.active {
6418
+ border-color: $blue-60;
6419
+
6420
+ > header {
6421
+ background: rgba($blue-60, 0.1);
6317
6422
  }
6318
6423
  }
6319
6424
 
6320
- .ant-picker-cell {
6321
- color: rgba(62, 70, 82, 0.6);
6322
- opacity: 0.4;
6323
- }
6324
- .ant-picker-cell-in-view {
6325
- color: rgba(62, 70, 82, 0.6);
6326
- opacity: 1;
6425
+ .expand {
6426
+ padding: 12px;
6327
6427
  }
6328
- .ant-picker-cell-in-view > .active {
6329
- color: #3e4652;
6428
+
6429
+ .field-item {
6430
+ display: flex;
6431
+ padding: 10px 0;
6432
+ border-bottom: 1px solid rgba(213, 219, 227, 0.6);
6433
+
6434
+ &:last-child {
6435
+ border-bottom: none;
6436
+ padding-bottom: 0;
6437
+ }
6438
+
6439
+ label {
6440
+ line-height: 32px;
6441
+ width: 100px;
6442
+ color: rgba(62, 70, 82, 0.6);
6443
+ }
6330
6444
  }
6331
6445
 
6332
- .ant-picker-cell::before {
6333
- pointer-events: none;
6446
+ .help {
6447
+ color: rgba(62, 70, 82, 0.6);
6448
+ margin-top: 5px;
6334
6449
  }
6335
- }
6336
6450
 
6337
- .E_t1tsm00v {
6338
- color: rgba(129, 138, 153, 0.6);
6339
- box-shadow: inset 0px -1px 0px rgba(213, 219, 227, 0.6);
6340
- backdrop-filter: blur(10px);
6341
- padding: 7px 10px;
6451
+ .ant-input-affix-wrapper,
6452
+ .ant-picker {
6453
+ width: 128px;
6454
+ }
6342
6455
  }
6343
6456
 
6344
- .E_c167wnad {
6345
- color: rgba(62, 70, 82, 0.6);
6457
+ .E_c156wh19 {
6346
6458
  display: flex;
6347
- justify-content: space-between;
6348
6459
  align-items: center;
6349
- padding: 8px 16px;
6460
+ justify-content: space-between;
6461
+ word-break: keep-all;
6350
6462
 
6351
- .anticon {
6463
+ .title {
6464
+ margin: 0 16px 0 8px;
6465
+ }
6466
+
6467
+ .retain {
6468
+ color: rgba(129, 138, 153, 0.6);
6469
+ }
6470
+
6471
+ div.left {
6472
+ flex: 1;
6473
+ display: flex;
6474
+ overflow: hidden;
6475
+ align-items: center;
6476
+ justify-content: flex-start;
6477
+ white-space: nowrap;
6478
+
6479
+ .title {
6480
+ max-width: 100%;
6481
+ overflow: hidden;
6482
+ text-overflow: ellipsis;
6483
+ }
6484
+ }
6485
+
6486
+ div.right {
6487
+ display: flex;
6488
+ align-items: center;
6489
+ }
6490
+
6491
+ .reverse {
6492
+ display: flex;
6493
+ flex-direction: row-reverse;
6494
+ align-items: center;
6495
+
6496
+ .ant-switch {
6497
+ margin-left: 8px;
6498
+ }
6499
+ }
6500
+
6501
+ .close {
6502
+ padding-left: 14px;
6503
+ margin-left: 14px;
6504
+ border-left: 1px solid rgba(129, 138, 153, 0.6);
6352
6505
  cursor: pointer;
6353
- &:hover {
6506
+ }
6507
+ }
6508
+
6509
+ .E_m126spxy {
6510
+ .ant-btn.ant-btn-link {
6511
+ padding: 1px 10px;
6512
+ color: rgba(62, 70, 82, 0.6);
6513
+ border-radius: 4px;
6514
+
6515
+ &.active {
6516
+ background: rgba(0, 128, 255, 0.1);
6354
6517
  color: $blue;
6355
6518
  }
6356
6519
  }
6520
+
6521
+ padding-bottom: 4px;
6522
+ border-bottom: 1px solid rgba(213, 219, 227, 0.6);
6357
6523
  }
6358
6524
 
6359
- .E_cxhf7dh {
6360
- text-align: center;
6525
+ .E_wpbf4pq {
6526
+ padding: 10px 0;
6527
+ border-bottom: 1px solid rgba(213, 219, 227, 0.6);
6361
6528
 
6362
- .dots {
6529
+ .ant-input,
6530
+ .ant-picker {
6531
+ width: 80px;
6532
+ margin: 0 9px;
6533
+ text-align: center;
6534
+ }
6535
+
6536
+ .options {
6537
+ padding: 12px 0 12px 16px;
6538
+ border-left: 2px solid rgba(129, 138, 153, 0.6);
6539
+ margin: 5px 0 5px 8px;
6540
+ }
6541
+ .week-day-option,
6542
+ .month-day-option {
6543
+ background: #f5f7fa;
6544
+ box-sizing: border-box;
6545
+ border-radius: 16px;
6546
+ margin-right: 8px;
6547
+
6548
+ &:focus {
6549
+ color: inherit;
6550
+ border-color: #d9d9d9;
6551
+ }
6552
+ }
6553
+ .week-day-option {
6554
+ &.active {
6555
+ background-color: $blue;
6556
+ border-color: $blue;
6557
+ color: $white;
6558
+ }
6559
+ &.en-text {
6560
+ width: 110px;
6561
+ margin-top: 4px;
6562
+ }
6563
+ }
6564
+ .month-day-option {
6565
+ width: 32px;
6566
+ padding: 0;
6567
+ margin-bottom: 8px;
6568
+
6569
+ &.active {
6570
+ background-color: $blue;
6571
+ border-color: $blue;
6572
+ color: $white;
6573
+ }
6574
+ }
6575
+ }
6576
+
6577
+
6578
+ .E_t160l1cm {
6579
+ display: flex;
6580
+ flex-direction: column;
6581
+ flex: 1;
6582
+
6583
+ .tab-bar {
6584
+ flex-shrink: 0;
6363
6585
  display: flex;
6364
- justify-content: center;
6586
+ border-bottom: 1px solid $strokes-translucent-1-light;
6365
6587
  }
6366
- .dot {
6367
- display: inline-block;
6368
- width: 2px;
6369
- height: 2px;
6370
- border-radius: 1px;
6371
- background: $blue;
6372
6588
 
6373
- &:not(:last-child) {
6374
- margin-right: 2px;
6589
+ .tab-content {
6590
+ height: 100%;
6591
+ }
6592
+
6593
+ .tab-menu-item {
6594
+ margin-right: 2px;
6595
+ padding: 1px 12px;
6596
+ line-height: 24px;
6597
+ height: 24px;
6598
+ color: $text-secondary-light;
6599
+ border-radius: 4px 4px 0 0;
6600
+ cursor: pointer;
6601
+ transition:
6602
+ color 100ms ease-out,
6603
+ background-color 100ms ease-out,
6604
+ padding-left 320ms ease 80ms;
6605
+
6606
+ &:first-child {
6607
+ padding-left: 0;
6608
+
6609
+ &:hover,
6610
+ &.tab-menu-item-selected {
6611
+ padding-left: 12px;
6612
+ }
6375
6613
  }
6376
- }
6377
- .bar {
6378
- width: 9px;
6379
- height: 2px;
6380
- background: $blue;
6381
- border-radius: 2px;
6382
- }
6383
- }
6384
6614
 
6615
+ &:hover {
6616
+ color: $blue-60;
6617
+ background: $fills-trans-terdiary-light;
6385
6618
 
6386
- .E_gmyahx3 {
6387
- cursor: pointer;
6619
+ .expand-arrow path {
6620
+ fill: $blue-60;
6621
+ }
6622
+ }
6388
6623
 
6389
- .link-text {
6390
- color: $text-light-tertiary;
6391
- }
6624
+ &:active {
6625
+ background: $fills-trans-quaternary-light;
6626
+ }
6392
6627
 
6393
- &:hover .link-text {
6394
- color: $text-light-general;
6395
- }
6396
- }
6628
+ &.ant-dropdown-open {
6629
+ color: $blue-60;
6630
+ background: $fills-trans-terdiary-light;
6397
6631
 
6632
+ &:active {
6633
+ background: $fills-trans-quaternary-light;
6634
+ }
6398
6635
 
6399
- .E_n12mqh7z {
6400
- display: flex;
6401
- align-items: center;
6402
- font-size: 12px;
6403
- line-height: 18px;
6636
+ &.tab-menu-item-selected {
6637
+ background: rgba($blue-60, 0.16);
6638
+ }
6404
6639
 
6405
- &:not(:last-child) {
6406
- margin-bottom: 4px;
6407
- }
6408
- }
6640
+ .expand-arrow path {
6641
+ fill: $blue-60;
6642
+ }
6643
+ }
6409
6644
 
6410
- .E_tf5bynu {
6411
- margin: 0 3px;
6412
- }
6645
+ &.tab-menu-item-selected {
6646
+ color: $blue-60;
6647
+ background: rgba($blue-60, 0.1);
6413
6648
 
6414
- .E_tcckoz1 {
6415
- max-height: 400px;
6416
- overflow: auto;
6417
- }
6649
+ &:hover {
6650
+ background: rgba($blue-60, 0.16);
6651
+ }
6418
6652
 
6653
+ .expand-arrow path {
6654
+ fill: $blue-100;
6655
+ }
6656
+ }
6419
6657
 
6420
- .E_tqjc4ui {
6421
- @at-root {
6422
- span#{&} {
6423
- margin: 0 2px;
6658
+ .expand-arrow {
6659
+ margin-left: 8px;
6660
+ height: 22px;
6661
+ }
6662
+ .expand-arrow path {
6663
+ fill: $text-secondary-light;
6424
6664
  }
6425
6665
  }
6426
- }
6427
6666
 
6428
-
6429
- .E_s1iv0tp1 {
6430
- .enabled-switch {
6667
+ .tab-menu-item-group {
6668
+ padding: 0;
6431
6669
  display: flex;
6432
6670
  align-items: center;
6433
- }
6671
+ overflow: hidden;
6434
6672
 
6435
- .enabled-text {
6436
- margin-right: 8px;
6437
- }
6438
- }
6673
+ .main-title {
6674
+ opacity: 0;
6675
+ max-width: 0;
6676
+ transition:
6677
+ max-width 320ms ease,
6678
+ opacity 240ms ease;
6679
+ }
6439
6680
 
6681
+ .sub-title {
6682
+ padding: 1px 12px;
6683
+ position: relative;
6684
+ display: flex;
6440
6685
 
6441
- .E_wg1tsps {
6442
- display: flex;
6443
- align-items: center;
6444
- justify-content: flex-end;
6445
- }
6686
+ > .slash-arrow {
6687
+ opacity: 0;
6688
+ position: absolute;
6689
+ top: 50%;
6690
+ left: 0;
6691
+ transform: translate(-50%, -50%);
6692
+ transition: opacity 100ms linear;
6693
+ fill: rgba($blue-60, 0.2);
6694
+ }
6695
+ }
6446
6696
 
6447
- .E_b1ctd5xy {
6448
- display: flex;
6449
- align-items: center;
6450
- width: calc(100% - 40px);
6697
+ &.tab-menu-item-selected {
6698
+ color: $blue-60;
6451
6699
 
6452
- .chart {
6453
- display: inline-block;
6454
- width: 100%;
6455
- }
6456
- }
6700
+ .main-title {
6701
+ padding: 1px 12px;
6702
+ display: inline-block;
6703
+ opacity: 1;
6704
+ max-width: 160px;
6705
+ }
6457
6706
 
6458
- .E_u1p8acpn {
6459
- min-width: 40px;
6707
+ .sub-title {
6708
+ padding: 1px 12px;
6709
+ color: $blue-80;
6460
6710
 
6461
- .unit {
6462
- color: $text-light-primary !important;
6463
- }
6464
- }
6711
+ > .slash-arrow {
6712
+ opacity: 1;
6713
+ }
6714
+ }
6465
6715
 
6716
+ &:hover,
6717
+ &:active {
6718
+ .sub-title {
6719
+ background: rgba($blue-60, 0.16);
6720
+ }
6721
+ .sub-title > .slash-arrow {
6722
+ opacity: 0;
6723
+ }
6724
+ }
6725
+ }
6726
+ }
6466
6727
 
6467
- .E_t1sqg15u {
6468
- background: white;
6728
+ .tab-menu-item-medium {
6729
+ &.tab-menu-item {
6730
+ padding: 4px 16px;
6731
+ height: 32px;
6732
+ border-radius: 6px 6px 0 0;
6469
6733
 
6470
- &.inline {
6471
- .table-row {
6472
- flex-direction: column;
6734
+ &:first-child {
6735
+ padding-left: 0;
6736
+ }
6737
+ &:first-child:hover,
6738
+ &.tab-menu-item-selected:first-child {
6739
+ padding-left: 16px;
6740
+ }
6473
6741
 
6474
- > label {
6475
- padding: 0 16px 7px 0;
6742
+ .expand-arrow {
6743
+ margin-left: 11px;
6744
+ height: 24px;
6476
6745
  }
6477
6746
  }
6478
- }
6479
6747
 
6480
- &.has-border {
6481
- .table-header {
6482
- border-bottom: 1px solid $strokes-light-trans-1;
6483
- }
6748
+ &.tab-menu-item-group {
6749
+ padding: 0;
6484
6750
 
6485
- .hiddenBorder {
6486
- border-top: none !important;
6487
- }
6751
+ .sub-title {
6752
+ padding: 4px 16px;
6753
+ }
6488
6754
 
6489
- .table-row + .table-row {
6490
- border-top: 1px solid $strokes-light-trans-1;
6755
+ &.tab-menu-item-selected .sub-title,
6756
+ &.tab-menu-item-selected .main-title {
6757
+ padding: 4px 16px;
6758
+ }
6491
6759
  }
6760
+ }
6492
6761
 
6493
- .table-row:last-of-type {
6494
- padding-bottom: 0;
6762
+ .tab-menu-item-light {
6763
+ &:hover,
6764
+ &:active {
6765
+ background: $white;
6495
6766
  }
6496
- }
6497
6767
 
6498
- &.align-right {
6499
- .content {
6500
- text-align: right;
6768
+ &:active {
6769
+ color: $blue-80;
6501
6770
  }
6502
- }
6503
- .uuid-row {
6504
- display: flex;
6505
- justify-content: space-between;
6506
6771
 
6507
- .id-text {
6508
- white-space: nowrap;
6509
- overflow: hidden;
6510
- text-overflow: ellipsis;
6772
+ &.tab-menu-item.tab-menu-item-selected {
6773
+ background: $white;
6774
+ color: $blue-100;
6511
6775
  }
6512
- }
6513
- }
6514
6776
 
6515
- .E_t4zczcp {
6516
- display: flex;
6517
- justify-content: space-between;
6518
- align-items: center;
6519
- padding: 8px;
6520
- min-height: 32px;
6777
+ &.tab-menu-item-group.tab-menu-item-selected {
6778
+ .main-title {
6779
+ color: rgba($gray-80, 0.6);
6780
+ }
6521
6781
 
6522
- .table-title {
6523
- color: $text-secondary-light;
6524
- font-weight: 600;
6525
- font-size: 12px;
6526
- line-height: 8px;
6782
+ .sub-title {
6783
+ color: $blue-100;
6784
+ }
6785
+
6786
+ .sub-title > .slash-arrow {
6787
+ fill: $fills-opaque-quaternary-light;
6788
+ }
6789
+
6790
+ .sub-title > .expand-arrow path {
6791
+ fill: $blue-100;
6792
+ }
6793
+ }
6527
6794
  }
6528
6795
 
6529
- .edit-icon {
6530
- font-size: 16px;
6531
- color: $strokes-translucent-2-light;
6532
- cursor: pointer;
6796
+ .tab-content {
6797
+ flex: 1;
6798
+ display: flex;
6799
+ flex-direction: column;
6533
6800
  }
6534
- }
6535
6801
 
6536
- .E_t1s7goww {
6537
- font-size: 12px;
6538
- line-height: 18px;
6802
+ /* FIXME:(yanzhen) do this better */
6803
+ &.is-overview .tab-content {
6804
+ overflow: visible;
6805
+ }
6539
6806
  }
6540
6807
 
6541
- .E_t93e4cf {
6542
- display: flex;
6543
- padding: 8px 0;
6544
- color: $text-primary-light;
6545
-
6546
- .hidden {
6547
- display: none;
6548
- }
6808
+ .E_t14npdqr {
6809
+ max-width: 240px;
6810
+ animation: none;
6549
6811
 
6550
- .ant-btn.ant-btn-link {
6551
- height: auto;
6552
- }
6812
+ &.ant-dropdown .ant-dropdown-menu {
6813
+ border: 1px solid $blue-60;
6814
+ padding: 0;
6553
6815
 
6554
- .content {
6555
- overflow: hidden;
6556
- overflow-x: auto;
6557
- width: 100%;
6558
- white-space: pre-wrap;
6816
+ .ant-dropdown-menu-item {
6817
+ margin: 0;
6818
+ height: 32px;
6819
+ line-height: 32px;
6820
+ font-size: 13px;
6821
+ padding: 0 10px;
6822
+ display: block;
6823
+ overflow: hidden;
6824
+ text-overflow: ellipsis;
6825
+ white-space: nowrap;
6559
6826
 
6560
- .ant-btn {
6561
- white-space: pre-wrap;
6562
- text-align: left;
6563
- }
6827
+ &:not(:first-child) {
6828
+ &::before {
6829
+ content: " ";
6830
+ height: 1px;
6831
+ width: calc(100% + 10px);
6832
+ background: $strokes-translucent-1-light;
6833
+ display: block;
6834
+ }
6835
+ }
6564
6836
 
6565
- .unit-chart {
6566
- justify-content: flex-start;
6837
+ &.ant-dropdown-menu-item-selected {
6838
+ color: $blue-60;
6839
+ background: transparent;
6840
+ }
6567
6841
  }
6568
6842
  }
6569
6843
  }
6570
6844
 
6571
- .E_rhz2uv5 {
6572
- width: var(--rhz2uv5-0);
6573
- flex-shrink: 0;
6574
- color: $text-secondary-light;
6575
- padding-right: 12px;
6576
- }
6577
-
6578
6845
 
6579
6846
  .E_ou7iq30 {
6580
6847
  overflow: hidden;
@@ -6606,181 +6873,37 @@
6606
6873
  }
6607
6874
 
6608
6875
 
6609
- .E_c1up1pdz {
6610
- width: 648px;
6611
-
6612
- &.active {
6613
- border-color: $blue-60;
6614
-
6615
- > header {
6616
- background: rgba($blue-60, 0.1);
6617
- }
6618
- }
6619
-
6620
- .expand {
6621
- padding: 12px;
6622
- }
6623
-
6624
- .field-item {
6625
- display: flex;
6626
- padding: 10px 0;
6627
- border-bottom: 1px solid rgba(213, 219, 227, 0.6);
6628
-
6629
- &:last-child {
6630
- border-bottom: none;
6631
- padding-bottom: 0;
6632
- }
6633
-
6634
- label {
6635
- line-height: 32px;
6636
- width: 100px;
6637
- color: rgba(62, 70, 82, 0.6);
6876
+ .E_tqjc4ui {
6877
+ @at-root {
6878
+ span#{&} {
6879
+ margin: 0 2px;
6638
6880
  }
6639
6881
  }
6640
-
6641
- .help {
6642
- color: rgba(62, 70, 82, 0.6);
6643
- margin-top: 5px;
6644
- }
6645
-
6646
- .ant-input-affix-wrapper,
6647
- .ant-picker {
6648
- width: 128px;
6649
- }
6650
6882
  }
6651
6883
 
6652
- .E_c156wh19 {
6884
+
6885
+ .E_wg1tsps {
6653
6886
  display: flex;
6654
6887
  align-items: center;
6655
- justify-content: space-between;
6656
- word-break: keep-all;
6657
-
6658
- .title {
6659
- margin: 0 16px 0 8px;
6660
- }
6661
-
6662
- .retain {
6663
- color: rgba(129, 138, 153, 0.6);
6664
- }
6665
-
6666
- div.left {
6667
- flex: 1;
6668
- display: flex;
6669
- overflow: hidden;
6670
- align-items: center;
6671
- justify-content: flex-start;
6672
- white-space: nowrap;
6673
-
6674
- .title {
6675
- max-width: 100%;
6676
- overflow: hidden;
6677
- text-overflow: ellipsis;
6678
- }
6679
- }
6680
-
6681
- div.right {
6682
- display: flex;
6683
- align-items: center;
6684
- }
6685
-
6686
- .reverse {
6687
- display: flex;
6688
- flex-direction: row-reverse;
6689
- align-items: center;
6690
-
6691
- .ant-switch {
6692
- margin-left: 8px;
6693
- }
6694
- }
6695
-
6696
- .close {
6697
- padding-left: 14px;
6698
- margin-left: 14px;
6699
- border-left: 1px solid rgba(129, 138, 153, 0.6);
6700
- cursor: pointer;
6701
- }
6702
- }
6703
-
6704
- .E_m126spxy {
6705
- .ant-btn.ant-btn-link {
6706
- padding: 1px 10px;
6707
- color: rgba(62, 70, 82, 0.6);
6708
- border-radius: 4px;
6709
-
6710
- &.active {
6711
- background: rgba(0, 128, 255, 0.1);
6712
- color: $blue;
6713
- }
6714
- }
6715
-
6716
- padding-bottom: 4px;
6717
- border-bottom: 1px solid rgba(213, 219, 227, 0.6);
6888
+ justify-content: flex-end;
6718
6889
  }
6719
6890
 
6720
- .E_wpbf4pq {
6721
- padding: 10px 0;
6722
- border-bottom: 1px solid rgba(213, 219, 227, 0.6);
6723
-
6724
- .ant-input,
6725
- .ant-picker {
6726
- width: 80px;
6727
- margin: 0 9px;
6728
- text-align: center;
6729
- }
6730
-
6731
- .options {
6732
- padding: 12px 0 12px 16px;
6733
- border-left: 2px solid rgba(129, 138, 153, 0.6);
6734
- margin: 5px 0 5px 8px;
6735
- }
6736
- .week-day-option,
6737
- .month-day-option {
6738
- background: #f5f7fa;
6739
- box-sizing: border-box;
6740
- border-radius: 16px;
6741
- margin-right: 8px;
6742
-
6743
- &:focus {
6744
- color: inherit;
6745
- border-color: #d9d9d9;
6746
- }
6747
- }
6748
- .week-day-option {
6749
- &.active {
6750
- background-color: $blue;
6751
- border-color: $blue;
6752
- color: $white;
6753
- }
6754
- &.en-text {
6755
- width: 110px;
6756
- margin-top: 4px;
6757
- }
6758
- }
6759
- .month-day-option {
6760
- width: 32px;
6761
- padding: 0;
6762
- margin-bottom: 8px;
6891
+ .E_b1ctd5xy {
6892
+ display: flex;
6893
+ align-items: center;
6894
+ width: calc(100% - 40px);
6763
6895
 
6764
- &.active {
6765
- background-color: $blue;
6766
- border-color: $blue;
6767
- color: $white;
6768
- }
6896
+ .chart {
6897
+ display: inline-block;
6898
+ width: 100%;
6769
6899
  }
6770
- }
6771
-
6772
-
6773
- .E_skwah65 {
6774
- height: 8px;
6775
- box-sizing: border-box;
6776
- border-radius: 2px;
6777
- background: #f5f7fa;
6778
- display: flex;
6779
- width: 100%;
6780
- overflow: hidden;
6900
+ }
6781
6901
 
6782
- .stack-bar-item + .stack-bar-item {
6783
- margin-left: 1px;
6902
+ .E_u1p8acpn {
6903
+ min-width: 40px;
6904
+
6905
+ .unit {
6906
+ color: $text-light-primary !important;
6784
6907
  }
6785
6908
  }
6786
6909
 
@@ -6924,292 +7047,169 @@
6924
7047
  }
6925
7048
 
6926
7049
 
6927
- .E_t160l1cm {
6928
- display: flex;
6929
- flex-direction: column;
6930
- flex: 1;
6931
-
6932
- .tab-bar {
6933
- flex-shrink: 0;
7050
+ .E_s1iv0tp1 {
7051
+ .enabled-switch {
6934
7052
  display: flex;
6935
- border-bottom: 1px solid $strokes-translucent-1-light;
7053
+ align-items: center;
6936
7054
  }
6937
7055
 
6938
- .tab-content {
6939
- height: 100%;
7056
+ .enabled-text {
7057
+ margin-right: 8px;
6940
7058
  }
7059
+ }
6941
7060
 
6942
- .tab-menu-item {
6943
- margin-right: 2px;
6944
- padding: 1px 12px;
6945
- line-height: 24px;
6946
- height: 24px;
6947
- color: $text-secondary-light;
6948
- border-radius: 4px 4px 0 0;
6949
- cursor: pointer;
6950
- transition:
6951
- color 100ms ease-out,
6952
- background-color 100ms ease-out,
6953
- padding-left 320ms ease 80ms;
6954
-
6955
- &:first-child {
6956
- padding-left: 0;
6957
-
6958
- &:hover,
6959
- &.tab-menu-item-selected {
6960
- padding-left: 12px;
6961
- }
6962
- }
6963
-
6964
- &:hover {
6965
- color: $blue-60;
6966
- background: $fills-trans-terdiary-light;
6967
-
6968
- .expand-arrow path {
6969
- fill: $blue-60;
6970
- }
6971
- }
6972
-
6973
- &:active {
6974
- background: $fills-trans-quaternary-light;
6975
- }
6976
-
6977
- &.ant-dropdown-open {
6978
- color: $blue-60;
6979
- background: $fills-trans-terdiary-light;
6980
-
6981
- &:active {
6982
- background: $fills-trans-quaternary-light;
6983
- }
6984
-
6985
- &.tab-menu-item-selected {
6986
- background: rgba($blue-60, 0.16);
6987
- }
6988
-
6989
- .expand-arrow path {
6990
- fill: $blue-60;
6991
- }
6992
- }
6993
-
6994
- &.tab-menu-item-selected {
6995
- color: $blue-60;
6996
- background: rgba($blue-60, 0.1);
6997
7061
 
7062
+ .E_u15heuvq {
7063
+ &.content {
7064
+ cursor: default !important;
7065
+ &.link {
7066
+ cursor: pointer !important;
6998
7067
  &:hover {
6999
- background: rgba($blue-60, 0.16);
7000
- }
7001
-
7002
- .expand-arrow path {
7003
- fill: $blue-100;
7068
+ color: $text-colorful-outstanding;
7004
7069
  }
7005
7070
  }
7006
-
7007
- .expand-arrow {
7008
- margin-left: 8px;
7009
- height: 22px;
7071
+ &.black {
7072
+ color: $text-neutral-primary;
7010
7073
  }
7011
- .expand-arrow path {
7012
- fill: $text-secondary-light;
7074
+ &.gray {
7075
+ color: $text-neutral-secondary;
7013
7076
  }
7014
7077
  }
7078
+ }
7015
7079
 
7016
- .tab-menu-item-group {
7017
- padding: 0;
7018
- display: flex;
7019
- align-items: center;
7020
- overflow: hidden;
7021
7080
 
7022
- .main-title {
7023
- opacity: 0;
7024
- max-width: 0;
7025
- transition:
7026
- max-width 320ms ease,
7027
- opacity 240ms ease;
7028
- }
7081
+ .E_n12mqh7z {
7082
+ display: flex;
7083
+ align-items: center;
7084
+ font-size: 12px;
7085
+ line-height: 18px;
7029
7086
 
7030
- .sub-title {
7031
- padding: 1px 12px;
7032
- position: relative;
7033
- display: flex;
7087
+ &:not(:last-child) {
7088
+ margin-bottom: 4px;
7089
+ }
7090
+ }
7034
7091
 
7035
- > .slash-arrow {
7036
- opacity: 0;
7037
- position: absolute;
7038
- top: 50%;
7039
- left: 0;
7040
- transform: translate(-50%, -50%);
7041
- transition: opacity 100ms linear;
7042
- fill: rgba($blue-60, 0.2);
7043
- }
7044
- }
7092
+ .E_tf5bynu {
7093
+ margin: 0 3px;
7094
+ }
7045
7095
 
7046
- &.tab-menu-item-selected {
7047
- color: $blue-60;
7096
+ .E_tcckoz1 {
7097
+ max-height: 400px;
7098
+ overflow: auto;
7099
+ }
7048
7100
 
7049
- .main-title {
7050
- padding: 1px 12px;
7051
- display: inline-block;
7052
- opacity: 1;
7053
- max-width: 160px;
7054
- }
7055
7101
 
7056
- .sub-title {
7057
- padding: 1px 12px;
7058
- color: $blue-80;
7102
+ .E_t1sqg15u {
7103
+ background: white;
7059
7104
 
7060
- > .slash-arrow {
7061
- opacity: 1;
7062
- }
7063
- }
7105
+ &.inline {
7106
+ .table-row {
7107
+ flex-direction: column;
7064
7108
 
7065
- &:hover,
7066
- &:active {
7067
- .sub-title {
7068
- background: rgba($blue-60, 0.16);
7069
- }
7070
- .sub-title > .slash-arrow {
7071
- opacity: 0;
7072
- }
7109
+ > label {
7110
+ padding: 0 16px 7px 0;
7073
7111
  }
7074
7112
  }
7075
7113
  }
7076
7114
 
7077
- .tab-menu-item-medium {
7078
- &.tab-menu-item {
7079
- padding: 4px 16px;
7080
- height: 32px;
7081
- border-radius: 6px 6px 0 0;
7082
-
7083
- &:first-child {
7084
- padding-left: 0;
7085
- }
7086
- &:first-child:hover,
7087
- &.tab-menu-item-selected:first-child {
7088
- padding-left: 16px;
7089
- }
7090
-
7091
- .expand-arrow {
7092
- margin-left: 11px;
7093
- height: 24px;
7094
- }
7115
+ &.has-border {
7116
+ .table-header {
7117
+ border-bottom: 1px solid $strokes-light-trans-1;
7095
7118
  }
7096
7119
 
7097
- &.tab-menu-item-group {
7098
- padding: 0;
7099
-
7100
- .sub-title {
7101
- padding: 4px 16px;
7102
- }
7103
-
7104
- &.tab-menu-item-selected .sub-title,
7105
- &.tab-menu-item-selected .main-title {
7106
- padding: 4px 16px;
7107
- }
7120
+ .hiddenBorder {
7121
+ border-top: none !important;
7108
7122
  }
7109
- }
7110
7123
 
7111
- .tab-menu-item-light {
7112
- &:hover,
7113
- &:active {
7114
- background: $white;
7124
+ .table-row + .table-row {
7125
+ border-top: 1px solid $strokes-light-trans-1;
7115
7126
  }
7116
7127
 
7117
- &:active {
7118
- color: $blue-80;
7128
+ .table-row:last-of-type {
7129
+ padding-bottom: 0;
7119
7130
  }
7131
+ }
7120
7132
 
7121
- &.tab-menu-item.tab-menu-item-selected {
7122
- background: $white;
7123
- color: $blue-100;
7133
+ &.align-right {
7134
+ .content {
7135
+ text-align: right;
7124
7136
  }
7137
+ }
7138
+ .uuid-row {
7139
+ display: flex;
7140
+ justify-content: space-between;
7125
7141
 
7126
- &.tab-menu-item-group.tab-menu-item-selected {
7127
- .main-title {
7128
- color: rgba($gray-80, 0.6);
7129
- }
7130
-
7131
- .sub-title {
7132
- color: $blue-100;
7133
- }
7134
-
7135
- .sub-title > .slash-arrow {
7136
- fill: $fills-opaque-quaternary-light;
7137
- }
7138
-
7139
- .sub-title > .expand-arrow path {
7140
- fill: $blue-100;
7141
- }
7142
+ .id-text {
7143
+ white-space: nowrap;
7144
+ overflow: hidden;
7145
+ text-overflow: ellipsis;
7142
7146
  }
7143
7147
  }
7148
+ }
7149
+
7150
+ .E_t4zczcp {
7151
+ display: flex;
7152
+ justify-content: space-between;
7153
+ align-items: center;
7154
+ padding: 8px;
7155
+ min-height: 32px;
7144
7156
 
7145
- .tab-content {
7146
- flex: 1;
7147
- display: flex;
7148
- flex-direction: column;
7157
+ .table-title {
7158
+ color: $text-secondary-light;
7159
+ font-weight: 600;
7160
+ font-size: 12px;
7161
+ line-height: 8px;
7149
7162
  }
7150
7163
 
7151
- /* FIXME:(yanzhen) do this better */
7152
- &.is-overview .tab-content {
7153
- overflow: visible;
7164
+ .edit-icon {
7165
+ font-size: 16px;
7166
+ color: $strokes-translucent-2-light;
7167
+ cursor: pointer;
7154
7168
  }
7155
7169
  }
7156
7170
 
7157
- .E_t14npdqr {
7158
- max-width: 240px;
7159
- animation: none;
7160
-
7161
- &.ant-dropdown .ant-dropdown-menu {
7162
- border: 1px solid $blue-60;
7163
- padding: 0;
7171
+ .E_t1s7goww {
7172
+ font-size: 12px;
7173
+ line-height: 18px;
7174
+ }
7164
7175
 
7165
- .ant-dropdown-menu-item {
7166
- margin: 0;
7167
- height: 32px;
7168
- line-height: 32px;
7169
- font-size: 13px;
7170
- padding: 0 10px;
7171
- display: block;
7172
- overflow: hidden;
7173
- text-overflow: ellipsis;
7174
- white-space: nowrap;
7176
+ .E_t93e4cf {
7177
+ display: flex;
7178
+ padding: 8px 0;
7179
+ color: $text-primary-light;
7175
7180
 
7176
- &:not(:first-child) {
7177
- &::before {
7178
- content: " ";
7179
- height: 1px;
7180
- width: calc(100% + 10px);
7181
- background: $strokes-translucent-1-light;
7182
- display: block;
7183
- }
7184
- }
7181
+ .hidden {
7182
+ display: none;
7183
+ }
7185
7184
 
7186
- &.ant-dropdown-menu-item-selected {
7187
- color: $blue-60;
7188
- background: transparent;
7189
- }
7190
- }
7185
+ .ant-btn.ant-btn-link {
7186
+ height: auto;
7191
7187
  }
7192
- }
7193
7188
 
7189
+ .content {
7190
+ overflow: hidden;
7191
+ overflow-x: auto;
7192
+ width: 100%;
7193
+ white-space: pre-wrap;
7194
7194
 
7195
- .E_u15heuvq {
7196
- &.content {
7197
- cursor: default !important;
7198
- &.link {
7199
- cursor: pointer !important;
7200
- &:hover {
7201
- color: $text-colorful-outstanding;
7202
- }
7203
- }
7204
- &.black {
7205
- color: $text-neutral-primary;
7195
+ .ant-btn {
7196
+ white-space: pre-wrap;
7197
+ text-align: left;
7206
7198
  }
7207
- &.gray {
7208
- color: $text-neutral-secondary;
7199
+
7200
+ .unit-chart {
7201
+ justify-content: flex-start;
7209
7202
  }
7210
7203
  }
7211
7204
  }
7212
7205
 
7206
+ .E_rhz2uv5 {
7207
+ width: var(--rhz2uv5-0);
7208
+ flex-shrink: 0;
7209
+ color: $text-secondary-light;
7210
+ padding-right: 12px;
7211
+ }
7212
+
7213
7213
 
7214
7214
  .E_cyms3br {
7215
7215
  background: #fff;
@@ -7275,6 +7275,13 @@
7275
7275
  }
7276
7276
 
7277
7277
 
7278
+ .E_h1ol2wl7 {
7279
+ font-weight: bold;
7280
+ background-color: unset;
7281
+ padding: unset;
7282
+ }
7283
+
7284
+
7278
7285
  .E_i5w779o {
7279
7286
  padding: 8px 0;
7280
7287
 
@@ -7393,10 +7400,21 @@
7393
7400
  }
7394
7401
 
7395
7402
 
7396
- .E_h1ol2wl7 {
7397
- font-weight: bold;
7398
- background-color: unset;
7399
- padding: unset;
7403
+ .E_l12xdkhl {
7404
+ width: 64px;
7405
+ height: 64px;
7406
+ max-width: 64px;
7407
+ max-height: 64px;
7408
+ overflow: hidden;
7409
+ display: flex;
7410
+ align-items: center;
7411
+ justify-content: center;
7412
+ position: relative;
7413
+ opacity: 0.6;
7414
+ .icon-wrapper {
7415
+ @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } };
7416
+ animation: rotate 1200ms cubic-bezier(0.33, 0, 0.67, 1) infinite;
7417
+ }
7400
7418
  }
7401
7419
 
7402
7420
 
@@ -7451,71 +7469,6 @@
7451
7469
  }
7452
7470
 
7453
7471
 
7454
- .E_c1ss4prm {
7455
- color: $text-light-secondary;
7456
- padding-inline-start: 12px;
7457
-
7458
- li {
7459
- margin-bottom: 4px;
7460
-
7461
- &:last-child {
7462
- margin-bottom: 0;
7463
- }
7464
- }
7465
- }
7466
-
7467
- .E_ms3tlei {
7468
- background: $fill-neutral-trans-2;
7469
- padding: 8px;
7470
- border-radius: 6px;
7471
- color: $gray-a60-8;
7472
-
7473
- .icon-wrapper {
7474
- margin-top: 1px; // The text line height is 18px, the icon height is 16px, so a 1px offset is needed
7475
- margin-right: 4px;
7476
- }
7477
-
7478
- li {
7479
- margin-bottom: 4px;
7480
- display: flex;
7481
- align-items: flex-start;
7482
-
7483
- &:last-child {
7484
- margin-bottom: 0;
7485
- }
7486
- }
7487
- }
7488
-
7489
- .E_du44iy7 {
7490
- margin-bottom: 4px;
7491
- }
7492
-
7493
- .E_p1qmhanr {
7494
- margin-bottom: 8px;
7495
- }
7496
-
7497
- .E_srje1h0 {
7498
- color: $text-light-secondary;
7499
- margin-bottom: 8px;
7500
- }
7501
-
7502
- .E_di3zi7v {
7503
- height: 1px;
7504
- background: $strokes-light-opaque-2;
7505
- margin: 16px 0;
7506
- }
7507
-
7508
-
7509
- .E_cevhqx7 {
7510
- color: $text-light-primary;
7511
- }
7512
-
7513
- .E_snbqlt4 {
7514
- margin-top: 8px;
7515
- color: $text-light-secondary;
7516
- }
7517
-
7518
-
7519
7472
  .E_c1kchka8 {
7520
7473
  height: 100%;
7521
7474
  width: 100%;
@@ -8115,20 +8068,69 @@
8115
8068
  }
8116
8069
 
8117
8070
 
8118
- .E_l12xdkhl {
8119
- width: 64px;
8120
- height: 64px;
8121
- max-width: 64px;
8122
- max-height: 64px;
8123
- overflow: hidden;
8124
- display: flex;
8125
- align-items: center;
8126
- justify-content: center;
8127
- position: relative;
8128
- opacity: 0.6;
8071
+ .E_cevhqx7 {
8072
+ color: $text-light-primary;
8073
+ }
8074
+
8075
+ .E_snbqlt4 {
8076
+ margin-top: 8px;
8077
+ color: $text-light-secondary;
8078
+ }
8079
+
8080
+
8081
+ .E_c1ss4prm {
8082
+ color: $text-light-secondary;
8083
+ &:is(ul, ol) {
8084
+ padding-inline-start: 12px;
8085
+ }
8086
+
8087
+ li {
8088
+ margin-bottom: 4px;
8089
+
8090
+ &:last-child {
8091
+ margin-bottom: 0;
8092
+ }
8093
+ }
8094
+ }
8095
+
8096
+ .E_ms3tlei {
8097
+ background: $fill-neutral-trans-2;
8098
+ padding: 8px;
8099
+ border-radius: 6px;
8100
+ color: $gray-a60-8;
8101
+
8129
8102
  .icon-wrapper {
8130
- @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } };
8131
- animation: rotate 1200ms cubic-bezier(0.33, 0, 0.67, 1) infinite;
8103
+ margin-top: 1px; // The text line height is 18px, the icon height is 16px, so a 1px offset is needed
8104
+ margin-right: 4px;
8105
+ }
8106
+
8107
+ li {
8108
+ margin-bottom: 4px;
8109
+ display: flex;
8110
+ align-items: flex-start;
8111
+
8112
+ &:last-child {
8113
+ margin-bottom: 0;
8114
+ }
8132
8115
  }
8133
8116
  }
8134
8117
 
8118
+ .E_du44iy7 {
8119
+ margin-bottom: 4px;
8120
+ }
8121
+
8122
+ .E_p1qmhanr {
8123
+ margin-bottom: 8px;
8124
+ }
8125
+
8126
+ .E_srje1h0 {
8127
+ color: $text-light-secondary;
8128
+ margin-bottom: 8px;
8129
+ }
8130
+
8131
+ .E_di3zi7v {
8132
+ height: 1px;
8133
+ background: $strokes-light-opaque-2;
8134
+ margin: 16px 0;
8135
+ }
8136
+