@cloudtower/eagle 0.33.39 → 0.33.41

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,31 +1,3 @@
1
- .E_c18gxmrl {
2
- border: 1px solid $gray-40;
3
- border-radius: 4px;
4
-
5
- & + & {
6
- margin-top: 8px;
7
- }
8
-
9
- &:hover {
10
- border-color: $blue-60;
11
-
12
- > header {
13
- background: rgba($blue-60, 0.1);
14
- }
15
- }
16
-
17
- &.active {
18
- header {
19
- border-bottom: 1px solid $gray-40;
20
- }
21
- }
22
-
23
- > header {
24
- padding: 8px 12px;
25
- }
26
- }
27
-
28
-
29
1
  .E_m74vjol {
30
2
  display: flex;
31
3
  justify-content: space-between;
@@ -51,47 +23,31 @@
51
23
  }
52
24
 
53
25
 
54
- .E_c1uzzomf {
55
- margin-bottom: 16px;
56
-
57
- .card-title {
58
- font-size: 16px;
59
- color: $text-secondary-light;
60
- font-weight: 700;
61
- line-height: 32px;
62
- }
63
- .card-body {
64
- padding: 24px;
65
- border-radius: 8px;
66
- background: $fills-light-white;
67
- }
26
+ .E_c18gxmrl {
27
+ border: 1px solid $gray-40;
28
+ border-radius: 4px;
68
29
 
69
- .empty {
70
- font-weight: 700;
71
- font-size: 14px;
72
- line-height: 22px;
73
- color: $text-light-tertiary;
74
- text-align: center;
30
+ & + & {
31
+ margin-top: 8px;
75
32
  }
76
- }
77
-
78
-
79
- .E_berrcjl {
80
- color: $text-terdiary-light;
81
- margin-bottom: 4px;
82
33
 
83
- .breadcrumb-link {
84
- color: $text-terdiary-light;
85
- cursor: pointer;
86
- transition: color 160ms ease;
34
+ &:hover {
35
+ border-color: $blue-60;
87
36
 
88
- &:hover {
89
- color: $blue-60;
37
+ > header {
38
+ background: rgba($blue-60, 0.1);
90
39
  }
91
- &:active {
92
- color: $blue-80;
40
+ }
41
+
42
+ &.active {
43
+ header {
44
+ border-bottom: 1px solid $gray-40;
93
45
  }
94
46
  }
47
+
48
+ > header {
49
+ padding: 8px 12px;
50
+ }
95
51
  }
96
52
 
97
53
 
@@ -136,19 +92,136 @@
136
92
  }
137
93
 
138
94
 
139
- .E_d133fzv0 {
140
- .ant-dropdown-menu-item-group {
141
- .ant-dropdown-menu-item-group-title {
142
- padding: 4px 8px 0 8px;
143
- color: $text-light-secondary;
95
+ .E_berrcjl {
96
+ color: $text-terdiary-light;
97
+ margin-bottom: 4px;
98
+
99
+ .breadcrumb-link {
100
+ color: $text-terdiary-light;
101
+ cursor: pointer;
102
+ transition: color 160ms ease;
103
+
104
+ &:hover {
105
+ color: $blue-60;
106
+ }
107
+ &:active {
108
+ color: $blue-80;
109
+ }
110
+ }
111
+ }
112
+
113
+
114
+ .E_c1uzzomf {
115
+ margin-bottom: 16px;
116
+
117
+ .card-title {
118
+ font-size: 16px;
119
+ color: $text-secondary-light;
120
+ font-weight: 700;
121
+ line-height: 32px;
122
+ }
123
+ .card-body {
124
+ padding: 24px;
125
+ border-radius: 8px;
126
+ background: $fills-light-white;
127
+ }
128
+
129
+ .empty {
130
+ font-weight: 700;
131
+ font-size: 14px;
132
+ line-height: 22px;
133
+ color: $text-light-tertiary;
134
+ text-align: center;
135
+ }
136
+ }
137
+
138
+
139
+ .E_d1bw7c5z {
140
+ position: relative;
141
+ max-width: 388px;
142
+ min-width: 285px;
143
+ .center {
144
+ position: absolute;
145
+ font-size: 12px;
146
+ width: 80px;
147
+ height: 100px;
148
+ top: 0;
149
+ left: 35px;
150
+ display: flex;
151
+ flex-direction: column;
152
+ justify-content: center;
153
+ align-items: center;
154
+ color: $text-light-primary;
155
+
156
+ .number {
157
+ font-size: 24px;
158
+ font-weight: 700;
159
+ }
160
+
161
+ .text {
162
+ padding: 0 5px;
144
163
  font-size: 12px;
164
+ width: inherit;
165
+ text-align: center;
145
166
  }
146
- .ant-dropdown-menu-item-group-list {
147
- padding-bottom: 6px;
167
+ }
168
+ .recharts-wrapper {
169
+ display: flex;
170
+ .recharts-legend-wrapper {
171
+ position: relative !important;
172
+ min-width: calc(
173
+ 100% - var(--d1bw7c5z-0)
174
+ ) !important;
175
+ left: 0 !important;
176
+ bottom: 0 !important;
177
+ display: flex;
178
+ align-items: center;
179
+ .recharts-default-legend {
180
+ width: 100%;
181
+ }
182
+ li {
183
+ width: 100%;
184
+ margin-right: 0 !important;
185
+ line-height: 18px;
186
+ & > svg {
187
+ border-radius: 2px;
188
+ }
189
+ & > .recharts-legend-item-text {
190
+ min-width: 75px;
191
+ max-width: 198px;
192
+ width: calc(100% - 20px);
193
+ margin-left: 2px;
194
+ color: $text-light-primary !important;
195
+ display: inline-flex;
196
+ justify-content: space-between;
197
+ }
198
+ }
148
199
  }
149
- &:not(:first-child) {
150
- padding-top: 4px;
151
- border-top: 1px solid $strokes-light-trans-2;
200
+ }
201
+ .tooltip-text {
202
+ maxwidth: calc(100% - 12px);
203
+ cursor: pointer;
204
+ border-bottom: 1px dashed $strokes-light-trans-4;
205
+ overflow: hidden;
206
+ text-overflow: ellipsis;
207
+ white-space: nowrap;
208
+ }
209
+
210
+ .value {
211
+ color: $text-neutral-secondary;
212
+ }
213
+ }
214
+
215
+ .E_t10pqbtc {
216
+ width: 140px;
217
+
218
+ .item {
219
+ margin: 6px auto;
220
+ display: flex;
221
+ justify-content: space-between;
222
+
223
+ .name {
224
+ width: 102px;
152
225
  }
153
226
  }
154
227
  }
@@ -512,108 +585,38 @@
512
585
  }
513
586
 
514
587
 
515
- .E_d1bw7c5z {
516
- position: relative;
517
- max-width: 388px;
518
- min-width: 285px;
519
- .center {
520
- position: absolute;
521
- font-size: 12px;
522
- width: 80px;
523
- height: 100px;
524
- top: 0;
525
- left: 35px;
526
- display: flex;
527
- flex-direction: column;
528
- justify-content: center;
529
- align-items: center;
530
- color: $text-light-primary;
531
-
532
- .number {
533
- font-size: 24px;
534
- font-weight: 700;
535
- }
536
-
537
- .text {
538
- padding: 0 5px;
588
+ .E_d133fzv0 {
589
+ .ant-dropdown-menu-item-group {
590
+ .ant-dropdown-menu-item-group-title {
591
+ padding: 4px 8px 0 8px;
592
+ color: $text-light-secondary;
539
593
  font-size: 12px;
540
- width: inherit;
541
- text-align: center;
542
- }
543
- }
544
- .recharts-wrapper {
545
- display: flex;
546
- .recharts-legend-wrapper {
547
- position: relative !important;
548
- min-width: calc(
549
- 100% - var(--d1bw7c5z-0)
550
- ) !important;
551
- left: 0 !important;
552
- bottom: 0 !important;
553
- display: flex;
554
- align-items: center;
555
- .recharts-default-legend {
556
- width: 100%;
557
- }
558
- li {
559
- width: 100%;
560
- margin-right: 0 !important;
561
- line-height: 18px;
562
- & > svg {
563
- border-radius: 2px;
564
- }
565
- & > .recharts-legend-item-text {
566
- min-width: 75px;
567
- max-width: 198px;
568
- width: calc(100% - 20px);
569
- margin-left: 2px;
570
- color: $text-light-primary !important;
571
- display: inline-flex;
572
- justify-content: space-between;
573
- }
574
- }
575
- }
576
- }
577
- .tooltip-text {
578
- maxwidth: calc(100% - 12px);
579
- cursor: pointer;
580
- border-bottom: 1px dashed $strokes-light-trans-4;
581
- overflow: hidden;
582
- text-overflow: ellipsis;
583
- white-space: nowrap;
584
- }
585
-
586
- .value {
587
- color: $text-neutral-secondary;
588
- }
589
- }
590
-
591
- .E_t10pqbtc {
592
- width: 140px;
593
-
594
- .item {
595
- margin: 6px auto;
596
- display: flex;
597
- justify-content: space-between;
598
-
599
- .name {
600
- width: 102px;
594
+ }
595
+ .ant-dropdown-menu-item-group-list {
596
+ padding-bottom: 6px;
597
+ }
598
+ &:not(:first-child) {
599
+ padding-top: 4px;
600
+ border-top: 1px solid $strokes-light-trans-2;
601
601
  }
602
602
  }
603
603
  }
604
604
 
605
605
 
606
- .E_i1inqkme {
607
- height: 18px;
608
- line-height: 18px;
609
- padding: 0 4px;
610
- border-radius: 4px;
611
- background: rgba(235, 239, 245, 0.6);
612
- border: 1px solid rgba(223, 228, 235, 0.6);
606
+ .E_fzh9mnb {
607
+ width: 100%;
608
+ height: 100%;
609
+ min-height: 124px;
613
610
  display: flex;
611
+ flex-direction: column;
612
+ justify-content: center;
614
613
  align-items: center;
615
- white-space: nowrap;
616
- margin-right: 4px;
614
+
615
+ .error-text {
616
+ color: $text-terdiary-light;
617
+ margin-bottom: 16px;
618
+ font-size: 18px;
619
+ }
617
620
  }
618
621
 
619
622
 
@@ -654,40 +657,91 @@
654
657
  }
655
658
 
656
659
 
657
- .E_fzh9mnb {
658
- width: 100%;
659
- height: 100%;
660
- min-height: 124px;
661
- display: flex;
662
- flex-direction: column;
663
- justify-content: center;
660
+ .E_sx1bpnu {
661
+ .ant-input-sm {
662
+ line-height: 18px;
663
+ }
664
+ }
665
+
666
+
667
+ .E_iouxfgt {
668
+ display: inline-flex;
664
669
  align-items: center;
665
670
 
666
- .error-text {
667
- color: $text-terdiary-light;
668
- margin-bottom: 16px;
669
- font-size: 18px;
671
+ .icon-inner {
672
+ display: inline-flex;
673
+ align-items: center;
674
+ justify-content: center;
675
+ }
676
+ .icon-inner + span,
677
+ span + .icon-inner.suffix {
678
+ margin-left: 4px;
679
+ }
680
+ &.is-rotate {
681
+ img,
682
+ svg {
683
+ animation: rotate 680ms linear infinite;
684
+ }
670
685
  }
671
686
  }
672
687
 
673
688
 
674
- .E_atcz0kf {
675
- .ant-input-suffix {
676
- margin-left: 8px;
689
+ .E_f7pxqmh {
690
+ width: 100%;
691
+ margin-bottom: 0 !important;
692
+ flex-flow: nowrap !important;
693
+ line-break: auto;
694
+
695
+ & > .ant-form-item-label {
696
+ text-align: left !important;
697
+ padding-bottom: 0 !important;
698
+
699
+ & > label {
700
+ min-height: 32px;
701
+ height: auto;
702
+ font-size: 13px;
703
+ color: rgba(44, 56, 82, 0.6);
704
+ white-space: normal;
705
+ }
677
706
  }
678
- &.ant-input-affix-wrapper.ant-input-affix-wrapper-sm {
679
- padding: 2px 7px 2px 12px;
707
+
708
+ &.ant-form-item-has-error {
709
+ .ant-input {
710
+ border-color: #ff4d4f !important;
711
+ }
712
+ .ant-input-password {
713
+ border-color: #ff4d4f !important;
714
+ }
680
715
  }
681
- }
682
716
 
717
+ .ant-form-item-explain {
718
+ margin-top: 4px;
719
+ font-size: 12px;
720
+ min-height: 0px;
721
+ }
683
722
 
684
- .E_sx1bpnu {
685
- .ant-input-sm {
686
- line-height: 18px;
723
+ .ant-form-item-extra {
724
+ font-size: 12px;
725
+ color: rgba(44, 56, 82, 0.6);
726
+ min-height: 0px;
687
727
  }
688
728
  }
689
729
 
690
730
 
731
+ .E_i1inqkme {
732
+ height: 18px;
733
+ line-height: 18px;
734
+ padding: 0 4px;
735
+ border-radius: 4px;
736
+ background: rgba(235, 239, 245, 0.6);
737
+ border: 1px solid rgba(223, 228, 235, 0.6);
738
+ display: flex;
739
+ align-items: center;
740
+ white-space: nowrap;
741
+ margin-right: 4px;
742
+ }
743
+
744
+
691
745
  .E_itxley7 {
692
746
  &.ant-input-group.ant-input-group-compact {
693
747
  display: flex;
@@ -743,48 +797,6 @@
743
797
  }
744
798
 
745
799
 
746
- .E_f7pxqmh {
747
- width: 100%;
748
- margin-bottom: 0 !important;
749
- flex-flow: nowrap !important;
750
- line-break: auto;
751
-
752
- & > .ant-form-item-label {
753
- text-align: left !important;
754
- padding-bottom: 0 !important;
755
-
756
- & > label {
757
- min-height: 32px;
758
- height: auto;
759
- font-size: 13px;
760
- color: rgba(44, 56, 82, 0.6);
761
- white-space: normal;
762
- }
763
- }
764
-
765
- &.ant-form-item-has-error {
766
- .ant-input {
767
- border-color: #ff4d4f !important;
768
- }
769
- .ant-input-password {
770
- border-color: #ff4d4f !important;
771
- }
772
- }
773
-
774
- .ant-form-item-explain {
775
- margin-top: 4px;
776
- font-size: 12px;
777
- min-height: 0px;
778
- }
779
-
780
- .ant-form-item-extra {
781
- font-size: 12px;
782
- color: rgba(44, 56, 82, 0.6);
783
- min-height: 0px;
784
- }
785
- }
786
-
787
-
788
800
  .E_ai7qkf2 {
789
801
  .ant-input-number-handler-wrap {
790
802
  display: var(--ai7qkf2-0);
@@ -866,36 +878,25 @@
866
878
  }
867
879
 
868
880
 
869
- .E_iouxfgt {
870
- display: inline-flex;
871
- align-items: center;
872
-
873
- .icon-inner {
874
- display: inline-flex;
875
- align-items: center;
876
- justify-content: center;
877
- }
878
- .icon-inner + span,
879
- span + .icon-inner.suffix {
880
- margin-left: 4px;
881
+ .E_atcz0kf {
882
+ .ant-input-suffix {
883
+ margin-left: 8px;
881
884
  }
882
- &.is-rotate {
883
- img,
884
- svg {
885
- animation: rotate 680ms linear infinite;
886
- }
885
+ &.ant-input-affix-wrapper.ant-input-affix-wrapper-sm {
886
+ padding: 2px 7px 2px 12px;
887
887
  }
888
888
  }
889
889
 
890
890
 
891
- .E_owd0kml {
892
- display: inline-block;
891
+ .E_ivqqkzv {
892
+ height: 24px;
893
+ width: 56px !important;
894
+ margin-right: 4px;
893
895
  }
894
896
 
895
- .E_h1jsgezc {
896
- visibility: hidden;
897
- position: absolute;
898
- }
897
+ .E_c1wk4q29 {
898
+ color: $text-secondary-light;
899
+ }
899
900
 
900
901
 
901
902
  .E_i11gg7mj {
@@ -1111,17 +1112,6 @@
1111
1112
  }
1112
1113
 
1113
1114
 
1114
- .E_ivqqkzv {
1115
- height: 24px;
1116
- width: 56px !important;
1117
- margin-right: 4px;
1118
- }
1119
-
1120
- .E_c1wk4q29 {
1121
- color: $text-secondary-light;
1122
- }
1123
-
1124
-
1125
1115
  .E_phljevk {
1126
1116
  display: flex;
1127
1117
  justify-content: space-between;
@@ -1189,6 +1179,16 @@
1189
1179
  }
1190
1180
 
1191
1181
 
1182
+ .E_owd0kml {
1183
+ display: inline-block;
1184
+ }
1185
+
1186
+ .E_h1jsgezc {
1187
+ visibility: hidden;
1188
+ position: absolute;
1189
+ }
1190
+
1191
+
1192
1192
  .E_c1bus5hc {
1193
1193
  --color: white;
1194
1194
  height: 14px;
@@ -1233,8 +1233,202 @@
1233
1233
  }
1234
1234
 
1235
1235
 
1236
- .E_m196gn1d {
1237
- min-width: 1280px;
1236
+ .E_tju3gfj {
1237
+ .date {
1238
+ margin-right: 4px;
1239
+ }
1240
+ }
1241
+
1242
+
1243
+ .E_s1sck0th {
1244
+ padding: 0 8px;
1245
+ border-radius: 4px;
1246
+ }
1247
+
1248
+ .E_m855nr1 {
1249
+ padding: 2px 8px;
1250
+ border-radius: 3px;
1251
+ }
1252
+
1253
+ .E_l1270xpg {
1254
+ padding: 3px 8px;
1255
+ border-radius: 2px;
1256
+ }
1257
+
1258
+ .E_t14rextb {
1259
+ &.ant-tag:hover {
1260
+ opacity: unset;
1261
+ }
1262
+ &.ant-tag.ui-kit-token:not(.ant-tag-hidden) {
1263
+ margin: 0;
1264
+ margin-right: 8px;
1265
+ display: inline-flex;
1266
+ align-items: center;
1267
+ border: none;
1268
+ & .ant-tag-close-icon {
1269
+ width: 16px;
1270
+ height: 16px;
1271
+ color: inherit;
1272
+ margin-left: 4px;
1273
+ opacity: 0.6;
1274
+ display: inline-flex;
1275
+ &:hover {
1276
+ opacity: 1;
1277
+ }
1278
+ }
1279
+ &.ant-tag-blue {
1280
+ color: $fills-light-general-general;
1281
+ background-color: $fills-light-general-general-light;
1282
+ }
1283
+ &.ant-tag-red {
1284
+ color: $fills-light-serious-serious;
1285
+ background-color: $fills-light-serious-serious-light;
1286
+ }
1287
+ &.ant-tag-yellow {
1288
+ color: $fills-light-notice-notice-dark;
1289
+ background-color: $fills-light-notice-notice-light;
1290
+ }
1291
+ &.ant-tag-green {
1292
+ color: $fills-light-positive-positive-dark;
1293
+ background-color: $fills-light-positive-positive-light;
1294
+ }
1295
+ &.ant-tag-gray {
1296
+ color: $text-light-super;
1297
+ background-color: $fills-element-light-container-general;
1298
+ }
1299
+ &.ant-tag-purple {
1300
+ color: $text-colorful-purple;
1301
+ background-color: $fill-purple-light;
1302
+ }
1303
+
1304
+ &.ui-kit-token-checked {
1305
+ color: $text-light-on-tint;
1306
+ &.ant-tag-red {
1307
+ background-color: $fills-light-serious-serious;
1308
+ }
1309
+ &.ant-tag-yellow {
1310
+ background-color: $fills-light-notice-notice;
1311
+ }
1312
+ &.ant-tag-green {
1313
+ background-color: $fills-light-positive-positive;
1314
+ }
1315
+ &.ant-tag-blue {
1316
+ background-color: $fills-light-general-general;
1317
+ }
1318
+ &.ant-tag-gray {
1319
+ background-color: $gray-70;
1320
+ }
1321
+ &.ant-tag-purple {
1322
+ background-color: $fill-purple-base;
1323
+ }
1324
+ }
1325
+ }
1326
+ }
1327
+
1328
+
1329
+ .E_ccrbeuz {
1330
+ .ant-collapse-item {
1331
+ border: 0px;
1332
+ background-color: $fills-light-white;
1333
+
1334
+ .ant-collapse-header {
1335
+ padding-top: 0px;
1336
+ padding-bottom: 0px;
1337
+ padding-left: 0px !important;
1338
+ padding-right: 24px;
1339
+ .ant-collapse-arrow {
1340
+ right: 0px;
1341
+ }
1342
+ }
1343
+ .ant-collapse-content {
1344
+ .ant-collapse-content-box {
1345
+ padding: 0px;
1346
+ }
1347
+ }
1348
+ }
1349
+ }
1350
+
1351
+ .E_c1fljvag {
1352
+ .ant-collapse-item {
1353
+ .ant-collapse-header {
1354
+ padding-right: 0px;
1355
+ cursor: default;
1356
+ }
1357
+ }
1358
+ }
1359
+
1360
+
1361
+ .E_s1dizucg {
1362
+ &.ant-switch {
1363
+ min-width: 40px;
1364
+ height: 24px;
1365
+ background: $fills-trans-quinary-light;
1366
+ overflow: hidden;
1367
+ &:focus {
1368
+ box-shadow: 0 0 0 2px $strokes-light-trans-1;
1369
+ }
1370
+ }
1371
+ &.ant-switch-small {
1372
+ min-width: 26px;
1373
+ height: 16px;
1374
+ }
1375
+ &.ant-switch-large {
1376
+ min-width: 52px;
1377
+ height: 32px;
1378
+ }
1379
+
1380
+ &.ant-switch .ant-switch-handle {
1381
+ height: 20px;
1382
+ width: 20px;
1383
+ &::before {
1384
+ border-radius: 10px;
1385
+ transition-delay: 120ms;
1386
+ }
1387
+ }
1388
+ &.ant-switch-small .ant-switch-handle {
1389
+ height: 14px;
1390
+ width: 14px;
1391
+ top: 1px;
1392
+ left: 1px;
1393
+ }
1394
+ &.ant-switch-large .ant-switch-handle {
1395
+ height: 28px;
1396
+ width: 28px;
1397
+ &::before {
1398
+ border-radius: 14px;
1399
+ }
1400
+ }
1401
+
1402
+ &.ant-switch-checked {
1403
+ background-color: $green-60;
1404
+ }
1405
+ &.ant-switch-checked .ant-switch-handle {
1406
+ left: calc(100% - 20px - 2px);
1407
+ }
1408
+ &.ant-switch-small.ant-switch-checked .ant-switch-handle {
1409
+ left: calc(100% - 14px - 1px);
1410
+ }
1411
+ &.ant-switch-large.ant-switch-checked .ant-switch-handle {
1412
+ left: calc(100% - 28px - 2px);
1413
+ }
1414
+ }
1415
+
1416
+ .E_c1up6e3y {
1417
+ margin-left: 5px;
1418
+ }
1419
+
1420
+
1421
+ .E_t1m2x205 {
1422
+ .ant-tooltip-arrow {
1423
+ display: none;
1424
+ }
1425
+ .ant-tooltip-inner {
1426
+ background: $gray-a80-9;
1427
+ border-radius: 4px;
1428
+ &:has(.eagle-ellipsis-content) {
1429
+ visibility: hidden;
1430
+ }
1431
+ }
1238
1432
  }
1239
1433
 
1240
1434
 
@@ -1327,6 +1521,11 @@
1327
1521
  }
1328
1522
 
1329
1523
 
1524
+ .E_iq1gosr {
1525
+ display: inline-block;
1526
+ }
1527
+
1528
+
1330
1529
  .E_dsnbhzf {
1331
1530
  @include Inter(bold);
1332
1531
  font-size: 32px;
@@ -1681,205 +1880,39 @@
1681
1880
  }
1682
1881
 
1683
1882
 
1684
- .E_s1sck0th {
1685
- padding: 0 8px;
1686
- border-radius: 4px;
1687
- }
1883
+ .E_cnujxq2 {
1884
+ display: flex;
1885
+ flex-direction: column;
1886
+ }
1688
1887
 
1689
- .E_m855nr1 {
1690
- padding: 2px 8px;
1691
- border-radius: 3px;
1888
+ .E_m7s48ia {
1889
+ max-width: 1120px;
1890
+ width: 100%;
1891
+ margin: 0 auto;
1892
+ height: 100%;
1893
+ }
1894
+
1895
+ .E_wt5zbg6 {
1896
+ max-width: 1120px;
1897
+ width: 100%;
1898
+ margin: 0 auto;
1899
+ display: flex;
1900
+
1901
+ .left,
1902
+ .right {
1903
+ flex-grow: 0;
1904
+ flex-shrink: 0;
1905
+ flex-basis: 21%;
1692
1906
  }
1693
1907
 
1694
- .E_l1270xpg {
1695
- padding: 3px 8px;
1696
- border-radius: 2px;
1908
+ .left {
1909
+ display: flex;
1910
+ justify-content: flex-end;
1911
+ padding-right: 44px;
1697
1912
  }
1698
1913
 
1699
- .E_t14rextb {
1700
- &.ant-tag:hover {
1701
- opacity: unset;
1702
- }
1703
- &.ant-tag.ui-kit-token:not(.ant-tag-hidden) {
1704
- margin: 0;
1705
- margin-right: 8px;
1706
- display: inline-flex;
1707
- align-items: center;
1708
- border: none;
1709
- & .ant-tag-close-icon {
1710
- width: 16px;
1711
- height: 16px;
1712
- color: inherit;
1713
- margin-left: 4px;
1714
- opacity: 0.6;
1715
- display: inline-flex;
1716
- &:hover {
1717
- opacity: 1;
1718
- }
1719
- }
1720
- &.ant-tag-blue {
1721
- color: $fills-light-general-general;
1722
- background-color: $fills-light-general-general-light;
1723
- }
1724
- &.ant-tag-red {
1725
- color: $fills-light-serious-serious;
1726
- background-color: $fills-light-serious-serious-light;
1727
- }
1728
- &.ant-tag-yellow {
1729
- color: $fills-light-notice-notice-dark;
1730
- background-color: $fills-light-notice-notice-light;
1731
- }
1732
- &.ant-tag-green {
1733
- color: $fills-light-positive-positive-dark;
1734
- background-color: $fills-light-positive-positive-light;
1735
- }
1736
- &.ant-tag-gray {
1737
- color: $text-light-super;
1738
- background-color: $fills-element-light-container-general;
1739
- }
1740
- &.ant-tag-purple {
1741
- color: $text-colorful-purple;
1742
- background-color: $fill-purple-light;
1743
- }
1744
-
1745
- &.ui-kit-token-checked {
1746
- color: $text-light-on-tint;
1747
- &.ant-tag-red {
1748
- background-color: $fills-light-serious-serious;
1749
- }
1750
- &.ant-tag-yellow {
1751
- background-color: $fills-light-notice-notice;
1752
- }
1753
- &.ant-tag-green {
1754
- background-color: $fills-light-positive-positive;
1755
- }
1756
- &.ant-tag-blue {
1757
- background-color: $fills-light-general-general;
1758
- }
1759
- &.ant-tag-gray {
1760
- background-color: $gray-70;
1761
- }
1762
- &.ant-tag-purple {
1763
- background-color: $fill-purple-base;
1764
- }
1765
- }
1766
- }
1767
- }
1768
-
1769
-
1770
- .E_tju3gfj {
1771
- .date {
1772
- margin-right: 4px;
1773
- }
1774
- }
1775
-
1776
-
1777
- .E_iq1gosr {
1778
- display: inline-block;
1779
- }
1780
-
1781
-
1782
- .E_c1yyuluq {
1783
- border-radius: 8px;
1784
- .ant-card-body {
1785
- padding: 20px 24px 24px 24px;
1786
- }
1787
- }
1788
-
1789
-
1790
- .E_s1dizucg {
1791
- &.ant-switch {
1792
- min-width: 40px;
1793
- height: 24px;
1794
- background: $fills-trans-quinary-light;
1795
- overflow: hidden;
1796
- &:focus {
1797
- box-shadow: 0 0 0 2px $strokes-light-trans-1;
1798
- }
1799
- }
1800
- &.ant-switch-small {
1801
- min-width: 26px;
1802
- height: 16px;
1803
- }
1804
- &.ant-switch-large {
1805
- min-width: 52px;
1806
- height: 32px;
1807
- }
1808
-
1809
- &.ant-switch .ant-switch-handle {
1810
- height: 20px;
1811
- width: 20px;
1812
- &::before {
1813
- border-radius: 10px;
1814
- transition-delay: 120ms;
1815
- }
1816
- }
1817
- &.ant-switch-small .ant-switch-handle {
1818
- height: 14px;
1819
- width: 14px;
1820
- top: 1px;
1821
- left: 1px;
1822
- }
1823
- &.ant-switch-large .ant-switch-handle {
1824
- height: 28px;
1825
- width: 28px;
1826
- &::before {
1827
- border-radius: 14px;
1828
- }
1829
- }
1830
-
1831
- &.ant-switch-checked {
1832
- background-color: $green-60;
1833
- }
1834
- &.ant-switch-checked .ant-switch-handle {
1835
- left: calc(100% - 20px - 2px);
1836
- }
1837
- &.ant-switch-small.ant-switch-checked .ant-switch-handle {
1838
- left: calc(100% - 14px - 1px);
1839
- }
1840
- &.ant-switch-large.ant-switch-checked .ant-switch-handle {
1841
- left: calc(100% - 28px - 2px);
1842
- }
1843
- }
1844
-
1845
- .E_c1up6e3y {
1846
- margin-left: 5px;
1847
- }
1848
-
1849
-
1850
- .E_cnujxq2 {
1851
- display: flex;
1852
- flex-direction: column;
1853
- }
1854
-
1855
- .E_m7s48ia {
1856
- max-width: 1120px;
1857
- width: 100%;
1858
- margin: 0 auto;
1859
- height: 100%;
1860
- }
1861
-
1862
- .E_wt5zbg6 {
1863
- max-width: 1120px;
1864
- width: 100%;
1865
- margin: 0 auto;
1866
- display: flex;
1867
-
1868
- .left,
1869
- .right {
1870
- flex-grow: 0;
1871
- flex-shrink: 0;
1872
- flex-basis: 21%;
1873
- }
1874
-
1875
- .left {
1876
- display: flex;
1877
- justify-content: flex-end;
1878
- padding-right: 44px;
1879
- }
1880
-
1881
- .right {
1882
- padding-left: 44px;
1914
+ .right {
1915
+ padding-left: 44px;
1883
1916
  }
1884
1917
 
1885
1918
  .middle {
@@ -2698,49 +2731,16 @@
2698
2731
  }
2699
2732
 
2700
2733
 
2701
- .E_ccrbeuz {
2702
- .ant-collapse-item {
2703
- border: 0px;
2704
- background-color: $fills-light-white;
2705
-
2706
- .ant-collapse-header {
2707
- padding-top: 0px;
2708
- padding-bottom: 0px;
2709
- padding-left: 0px !important;
2710
- padding-right: 24px;
2711
- .ant-collapse-arrow {
2712
- right: 0px;
2713
- }
2714
- }
2715
- .ant-collapse-content {
2716
- .ant-collapse-content-box {
2717
- padding: 0px;
2718
- }
2719
- }
2720
- }
2721
- }
2722
-
2723
- .E_c1fljvag {
2724
- .ant-collapse-item {
2725
- .ant-collapse-header {
2726
- padding-right: 0px;
2727
- cursor: default;
2728
- }
2734
+ .E_c1yyuluq {
2735
+ border-radius: 8px;
2736
+ .ant-card-body {
2737
+ padding: 20px 24px 24px 24px;
2729
2738
  }
2730
2739
  }
2731
2740
 
2732
2741
 
2733
- .E_t1m2x205 {
2734
- .ant-tooltip-arrow {
2735
- display: none;
2736
- }
2737
- .ant-tooltip-inner {
2738
- background: $gray-a80-9;
2739
- border-radius: 4px;
2740
- &:has(.eagle-ellipsis-content) {
2741
- visibility: hidden;
2742
- }
2743
- }
2742
+ .E_m196gn1d {
2743
+ min-width: 1280px;
2744
2744
  }
2745
2745
 
2746
2746
 
@@ -2760,23 +2760,6 @@
2760
2760
  }
2761
2761
 
2762
2762
 
2763
- .E_ryby9ds {
2764
- display: flex;
2765
- align-items: center;
2766
- .order {
2767
- height: 24px;
2768
- width: 24px;
2769
- border-radius: 20px;
2770
- color: $text-light-general;
2771
- background: $fill-light-element-container-outstanding;
2772
- display: flex;
2773
- align-items: center;
2774
- justify-content: center;
2775
- margin-right: 6px;
2776
- }
2777
- }
2778
-
2779
-
2780
2763
  .E_hrhfj7c {
2781
2764
  display: none;
2782
2765
  }
@@ -2969,19 +2952,36 @@
2969
2952
  }
2970
2953
 
2971
2954
 
2972
- .E_icab5o7 {
2973
- &.ant-modal {
2974
- height: calc(100% - 20px);
2975
- width: calc(100% - 20px);
2976
- padding-bottom: 0;
2977
- margin: 0 auto;
2978
- top: 10px;
2979
- transform: none;
2980
-
2981
- .ant-modal-close {
2982
- right: 24px;
2983
- top: 24px;
2984
-
2955
+ .E_ryby9ds {
2956
+ display: flex;
2957
+ align-items: center;
2958
+ .order {
2959
+ height: 24px;
2960
+ width: 24px;
2961
+ border-radius: 20px;
2962
+ color: $text-light-general;
2963
+ background: $fill-light-element-container-outstanding;
2964
+ display: flex;
2965
+ align-items: center;
2966
+ justify-content: center;
2967
+ margin-right: 6px;
2968
+ }
2969
+ }
2970
+
2971
+
2972
+ .E_icab5o7 {
2973
+ &.ant-modal {
2974
+ height: calc(100% - 20px);
2975
+ width: calc(100% - 20px);
2976
+ padding-bottom: 0;
2977
+ margin: 0 auto;
2978
+ top: 10px;
2979
+ transform: none;
2980
+
2981
+ .ant-modal-close {
2982
+ right: 24px;
2983
+ top: 24px;
2984
+
2985
2985
  .ant-modal-close-x {
2986
2986
  width: 40px;
2987
2987
  height: 40px;
@@ -3124,21 +3124,6 @@
3124
3124
  }
3125
3125
 
3126
3126
 
3127
- .E_m5foqp8 {
3128
- --footer-height: 96px;
3129
- --header-height: 80px;
3130
- --modal-content-width: 720px;
3131
- --modal-content-min-height: 200px;
3132
- --modal-content-max-height: calc(
3133
- 100vh - 136px - var(--header-height) - var(--footer-height)
3134
- );
3135
- --modal-header-padding: 36px 60px 0;
3136
- --modal-content-padding-y: 36px;
3137
- --modal-content-padding-x: 60px;
3138
- --modal-footer-padding: 0 60px;
3139
- }
3140
-
3141
-
3142
3127
  .E_s17wv897 {
3143
3128
  &.ant-select,
3144
3129
  &.ant-select div.ant-select-selector {
@@ -3241,6 +3226,21 @@
3241
3226
  }
3242
3227
 
3243
3228
 
3229
+ .E_m5foqp8 {
3230
+ --footer-height: 96px;
3231
+ --header-height: 80px;
3232
+ --modal-content-width: 720px;
3233
+ --modal-content-min-height: 200px;
3234
+ --modal-content-max-height: calc(
3235
+ 100vh - 136px - var(--header-height) - var(--footer-height)
3236
+ );
3237
+ --modal-header-padding: 36px 60px 0;
3238
+ --modal-content-padding-y: 36px;
3239
+ --modal-content-padding-x: 60px;
3240
+ --modal-footer-padding: 0 60px;
3241
+ }
3242
+
3243
+
3244
3244
  .E_s4ivdfu {
3245
3245
  &.ant-select {
3246
3246
  .ant-select-selection-placeholder {
@@ -3470,6 +3470,38 @@
3470
3470
  }
3471
3471
 
3472
3472
 
3473
+ .E_w1dxz879 {
3474
+ display: flex;
3475
+ flex-direction: column;
3476
+ gap: 6px;
3477
+ .ellipsis-tooltip {
3478
+ max-height: var(--w1dxz879-0);
3479
+ text-overflow: clip;
3480
+ overflow: hidden;
3481
+ }
3482
+ .tips {
3483
+ color: #fff;
3484
+ opacity: 0.8;
3485
+ }
3486
+ }
3487
+
3488
+
3489
+ .E_sqv6dmy {
3490
+ display: flex;
3491
+ justify-content: flex-end;
3492
+ }
3493
+
3494
+ .E_p1rm8wzb {
3495
+ margin-right: 8px;
3496
+ }
3497
+
3498
+ .E_sd7qcf4 {
3499
+ height: 100%;
3500
+ width: 100%;
3501
+ overflow: auto;
3502
+ }
3503
+
3504
+
3473
3505
  .E_h12yihis {
3474
3506
  height: 50px;
3475
3507
  border-bottom: 2px solid #edf0f7;
@@ -3740,86 +3772,6 @@
3740
3772
  }
3741
3773
 
3742
3774
 
3743
- .E_sqv6dmy {
3744
- display: flex;
3745
- justify-content: flex-end;
3746
- }
3747
-
3748
- .E_p1rm8wzb {
3749
- margin-right: 8px;
3750
- }
3751
-
3752
- .E_sd7qcf4 {
3753
- height: 100%;
3754
- width: 100%;
3755
- overflow: auto;
3756
- }
3757
-
3758
-
3759
- .E_w1dxz879 {
3760
- display: flex;
3761
- flex-direction: column;
3762
- gap: 6px;
3763
- .ellipsis-tooltip {
3764
- max-height: var(--w1dxz879-0);
3765
- text-overflow: clip;
3766
- overflow: hidden;
3767
- }
3768
- .tips {
3769
- color: #fff;
3770
- opacity: 0.8;
3771
- }
3772
- }
3773
-
3774
-
3775
- .E_r77hffu {
3776
- display: flex;
3777
- align-items: center;
3778
- justify-content: space-between;
3779
- column-gap: 6px;
3780
- }
3781
-
3782
- .E_p1cmxsf7 {
3783
- display: flex;
3784
- flex-direction: column;
3785
- justify-content: center;
3786
- row-gap: var(--p1cmxsf7-0);
3787
-
3788
- .antd5-progress-line {
3789
- font-size: 0;
3790
- margin-bottom: unset;
3791
- margin-inline-end: unset;
3792
- }
3793
- }
3794
-
3795
-
3796
- .E_b14q2gmw {
3797
- box-shadow: 0px 0.119595px 0.438513px rgba(129, 138, 153, 0.14),
3798
- 0px 0.271728px 0.996336px rgba(129, 138, 153, 0.106447),
3799
- 0px 0.472931px 1.73408px rgba(129, 138, 153, 0.0912224),
3800
- 0px 0.751293px 2.75474px rgba(129, 138, 153, 0.0799253),
3801
- 0px 1.15919px 4.25036px rgba(129, 138, 153, 0.07),
3802
- 0px 1.80882px 6.63236px rgba(129, 138, 153, 0.0600747),
3803
- 0px 3.00293px 11.0107px rgba(129, 138, 153, 0.0487776),
3804
- 0px 6px 22px rgba(129, 138, 153, 0.0335534);
3805
- }
3806
-
3807
- .E_c1eym6el {
3808
- border-radius: 8px;
3809
- background-color: white;
3810
- &.hoverable {
3811
- cursor: pointer;
3812
-
3813
- &:hover {
3814
- transition: all 200ms ease;
3815
- box-shadow: 0px 9px 22px rgb(107 125 153 / 23%),
3816
- 0px 1.12694px 2.75474px rgb(107 125 153 / 12%);
3817
- transform: translateY(-4px);
3818
- }
3819
- }
3820
- }
3821
-
3822
-
3823
3775
  .E_s11wux3h {
3824
3776
  .antd5-segmented-item:not(:last-child) {
3825
3777
  margin-right: 2px;
@@ -3879,6 +3831,35 @@
3879
3831
  }
3880
3832
 
3881
3833
 
3834
+ .E_r77hffu {
3835
+ display: flex;
3836
+ align-items: center;
3837
+ justify-content: space-between;
3838
+ column-gap: 6px;
3839
+ }
3840
+
3841
+ .E_p1cmxsf7 {
3842
+ display: flex;
3843
+ flex-direction: column;
3844
+ justify-content: center;
3845
+ row-gap: var(--p1cmxsf7-0);
3846
+
3847
+ .antd5-progress-line {
3848
+ font-size: 0;
3849
+ margin-bottom: unset;
3850
+ margin-inline-end: unset;
3851
+ }
3852
+ }
3853
+
3854
+
3855
+ .E_ckui4s7 {
3856
+ color: $text-primary-light;
3857
+ line-height: 22px;
3858
+ display: inline-flex;
3859
+ .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; } } }
3860
+ }
3861
+
3862
+
3882
3863
  .E_c1yd35n {
3883
3864
  padding: 0 12px 14px 12px;
3884
3865
  }
@@ -3932,38 +3913,296 @@
3932
3913
  }
3933
3914
 
3934
3915
 
3935
- .E_ckui4s7 {
3936
- color: $text-primary-light;
3937
- line-height: 22px;
3938
- display: inline-flex;
3939
- .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; } } }
3916
+ .E_b14q2gmw {
3917
+ box-shadow: 0px 0.119595px 0.438513px rgba(129, 138, 153, 0.14),
3918
+ 0px 0.271728px 0.996336px rgba(129, 138, 153, 0.106447),
3919
+ 0px 0.472931px 1.73408px rgba(129, 138, 153, 0.0912224),
3920
+ 0px 0.751293px 2.75474px rgba(129, 138, 153, 0.0799253),
3921
+ 0px 1.15919px 4.25036px rgba(129, 138, 153, 0.07),
3922
+ 0px 1.80882px 6.63236px rgba(129, 138, 153, 0.0600747),
3923
+ 0px 3.00293px 11.0107px rgba(129, 138, 153, 0.0487776),
3924
+ 0px 6px 22px rgba(129, 138, 153, 0.0335534);
3940
3925
  }
3941
3926
 
3927
+ .E_c1eym6el {
3928
+ border-radius: 8px;
3929
+ background-color: white;
3930
+ &.hoverable {
3931
+ cursor: pointer;
3942
3932
 
3943
- .E_t1gvlxt5 {
3944
- min-width: 0;
3945
- flex: 1;
3946
- .tag {
3947
- flex: 0 0 auto;
3948
- }
3949
- .progress-title {
3950
- flex: 2;
3951
- max-width: fit-content;
3952
- }
3953
- .progress-desc {
3954
- flex: 1;
3955
- max-width: fit-content;
3933
+ &:hover {
3934
+ transition: all 200ms ease;
3935
+ box-shadow: 0px 9px 22px rgb(107 125 153 / 23%),
3936
+ 0px 1.12694px 2.75474px rgb(107 125 153 / 12%);
3937
+ transform: translateY(-4px);
3938
+ }
3956
3939
  }
3957
3940
  }
3958
3941
 
3959
- .E_a1ji6r68 {
3942
+
3943
+ .E_l1ucdodl {
3944
+ $prefix: ui-kit-status-legend;
3945
+ margin: 0;
3946
+ border-radius: 20px;
3947
+ padding: 2px 10px;
3948
+ height: 22px;
3960
3949
  display: flex;
3961
3950
  align-items: center;
3962
- column-gap: var(--a1ji6r68-0);
3963
- }
3964
3951
 
3952
+ &.ui-kit-status-legend.on-tint {
3953
+ color: $text-neutral-ontint;
3954
+ }
3955
+ &.tag-hover {
3956
+ cursor: pointer;
3957
+ }
3965
3958
 
3966
- .E_lht19u8 {
3959
+ &.#{$prefix} {
3960
+ color: $text-neutral-primary;
3961
+ .#{$prefix}-icon {
3962
+ margin-right: 6px;
3963
+ }
3964
+ .#{$prefix}-number {
3965
+ margin-left: 8px;
3966
+ color: #2C385299;
3967
+ &.#{$prefix}-number.on-tint {
3968
+ color: $text-neutral-ontint;
3969
+ }
3970
+ }
3971
+ &.eagle-legend-blue {
3972
+ .#{$prefix}-icon {
3973
+ background-color: $fill-outstanding-base;
3974
+ }
3975
+ }
3976
+ &.eagle-legend-red {
3977
+ .#{$prefix}-icon {
3978
+ background-color: $fill-serious-base;
3979
+ }
3980
+ }
3981
+ &.eagle-legend-yellow {
3982
+ .#{$prefix}-icon {
3983
+ background-color: $fill-notice-base;
3984
+ }
3985
+ }
3986
+ &.eagle-legend-green {
3987
+ .#{$prefix}-icon {
3988
+ background-color: $fill-positive-base;
3989
+ }
3990
+ }
3991
+ &.eagle-legend-gray {
3992
+ .#{$prefix}-icon:not(.ui-kit-status-legend-icon-loading) {
3993
+ background-color: $gray-70;
3994
+ }
3995
+ }
3996
+ &.eagle-legend-purple {
3997
+ .#{$prefix}-icon:not(.ui-kit-status-legend-icon-loading) {
3998
+ background-color: $purple-50;
3999
+ }
4000
+ }
4001
+ }
4002
+ }
4003
+
4004
+ .E_s1qj66nc {
4005
+ width: 8px;
4006
+ height: 8px;
4007
+ border-radius: 50%;
4008
+ display: inline-block;
4009
+ }
4010
+
4011
+ .E_s5x1boq {
4012
+ width: 8px;
4013
+ height: 8px;
4014
+ border-radius: 2px;
4015
+ display: inline-block;
4016
+ }
4017
+
4018
+ .E_c1xm185 {
4019
+ color: #2C385299;
4020
+ }
4021
+
4022
+ .E_c1x5l5qc {
4023
+ flex: 1;
4024
+ }
4025
+
4026
+
4027
+ .E_l48ei06 {
4028
+ @at-root {
4029
+ button#{&}.ant-btn,
4030
+ button#{&}.ant-btn.ant-btn-sm,
4031
+ button#{&}.ant-btn.ant-btn-lg {
4032
+ font-size: 12px;
4033
+ line-height: 18px;
4034
+ height: 18px;
4035
+ }
4036
+ button#{&} {
4037
+ color: #0080FF;
4038
+ height: unset;
4039
+ .button-prefix-icon {
4040
+ margin-right: 4px;
4041
+ }
4042
+ .button-suffix-icon {
4043
+ margin-left: 4px;
4044
+ }
4045
+
4046
+ &:hover,
4047
+ &.__pseudo-states-hover {
4048
+ color: #009DFF;
4049
+ }
4050
+
4051
+ &:active,
4052
+ &.__pseudo-states-active {
4053
+ color: #005ED1;
4054
+ }
4055
+ &.ui-kit-link-disabled {
4056
+ color: #0080FF;
4057
+ }
4058
+ &.ui-kit-link-primary {
4059
+ color: #00122E;
4060
+
4061
+ &:hover,
4062
+ &.__pseudo-states-hover {
4063
+ color: #0080FF;
4064
+ }
4065
+
4066
+ &:active,
4067
+ &.__pseudo-states-active {
4068
+ color: #005ED1;
4069
+ }
4070
+
4071
+ &.ui-kit-link-disabled {
4072
+ color: #00122E;
4073
+ }
4074
+ }
4075
+
4076
+ &.ui-kit-link-secondary {
4077
+ color: #2C3852BF;
4078
+
4079
+ &:hover,
4080
+ &.__pseudo-states-hover {
4081
+ color: #0080FF;
4082
+ }
4083
+
4084
+ &:active,
4085
+ &.__pseudo-states-active {
4086
+ color: #005ED1;
4087
+ }
4088
+
4089
+ &.ui-kit-link-disabled {
4090
+ color: #2C3852BF;
4091
+ }
4092
+ }
4093
+ }
4094
+ }
4095
+ }
4096
+
4097
+
4098
+ .E_sddwhm6 {
4099
+ $prefix: ui-kit-status-capsule;
4100
+ margin: 0;
4101
+ border-radius: 20px;
4102
+ padding: 2px 10px;
4103
+ height: 22px;
4104
+
4105
+ &.ant-tag.#{$prefix}.off-white {
4106
+ background-color: $fill-neutral-trans-1 !important;
4107
+ &.tag-hover:hover,
4108
+ &.__pseudo-states-hover {
4109
+ background-color: $fill-neutral-trans-2 !important;
4110
+ }
4111
+ }
4112
+ &.ant-tag.#{$prefix} {
4113
+ color: $text-neutral-primary;
4114
+ .#{$prefix}-icon {
4115
+ margin-right: 6px;
4116
+ }
4117
+ .#{$prefix}-number {
4118
+ margin-left: 8px;
4119
+ color: #2C385299;
4120
+ }
4121
+ &.ant-tag-blue {
4122
+ background-color: $fill-outstanding-light;
4123
+ .#{$prefix}-icon {
4124
+ background-color: $fill-outstanding-base;
4125
+ }
4126
+ &.tag-hover:hover,
4127
+ &.__pseudo-states-hover {
4128
+ background-color: $fill-outstanding-light-hover;
4129
+ }
4130
+ }
4131
+ &.ant-tag-red {
4132
+ background-color: $fill-serious-light;
4133
+ .#{$prefix}-icon {
4134
+ background-color: $fill-serious-base;
4135
+ }
4136
+ &.tag-hover:hover,
4137
+ &.__pseudo-states-hover {
4138
+ background-color: $fill-serious-light-hover;
4139
+ }
4140
+ }
4141
+ &.ant-tag-yellow {
4142
+ background-color: $fill-notice-light;
4143
+ .#{$prefix}-icon {
4144
+ background-color: $fill-notice-base;
4145
+ }
4146
+ &.tag-hover:hover,
4147
+ &.__pseudo-states-hover {
4148
+ background-color: $fill-notice-light-hover;
4149
+ }
4150
+ }
4151
+ &.ant-tag-green {
4152
+ background-color: $fill-positive-light;
4153
+ .#{$prefix}-icon {
4154
+ background-color: $fill-positive-base;
4155
+ }
4156
+ &.tag-hover:hover,
4157
+ &.__pseudo-states-hover {
4158
+ background-color: $fill-positive-light-hover;
4159
+ }
4160
+ }
4161
+ &.ant-tag-gray {
4162
+ background-color: $fill-neutral-trans-2;
4163
+ .#{$prefix}-icon:not(.ui-kit-status-capsule-icon-loading) {
4164
+ background-color: $gray-70;
4165
+ }
4166
+ &.tag-hover:hover,
4167
+ &.__pseudo-states-hover {
4168
+ background-color: $fill-neutral-trans-3-trans-2-hover;
4169
+ }
4170
+ }
4171
+ }
4172
+ }
4173
+
4174
+ .E_satwmqm {
4175
+ width: 8px;
4176
+ height: 8px;
4177
+ border-radius: 50%;
4178
+ display: inline-block;
4179
+ }
4180
+
4181
+
4182
+ .E_t1gvlxt5 {
4183
+ min-width: 0;
4184
+ flex: 1;
4185
+ .tag {
4186
+ flex: 0 0 auto;
4187
+ }
4188
+ .progress-title {
4189
+ flex: 2;
4190
+ max-width: fit-content;
4191
+ }
4192
+ .progress-desc {
4193
+ flex: 1;
4194
+ max-width: fit-content;
4195
+ }
4196
+ }
4197
+
4198
+ .E_a1ji6r68 {
4199
+ display: flex;
4200
+ align-items: center;
4201
+ column-gap: var(--a1ji6r68-0);
4202
+ }
4203
+
4204
+
4205
+ .E_lht19u8 {
3967
4206
  width: 64px;
3968
4207
  height: 64px;
3969
4208
  display: flex;
@@ -4428,469 +4667,6 @@
4428
4667
  }
4429
4668
 
4430
4669
 
4431
- .E_l48ei06 {
4432
- @at-root {
4433
- button#{&}.ant-btn,
4434
- button#{&}.ant-btn.ant-btn-sm,
4435
- button#{&}.ant-btn.ant-btn-lg {
4436
- font-size: 12px;
4437
- line-height: 18px;
4438
- height: 18px;
4439
- }
4440
- button#{&} {
4441
- color: #0080FF;
4442
- height: unset;
4443
- .button-prefix-icon {
4444
- margin-right: 4px;
4445
- }
4446
- .button-suffix-icon {
4447
- margin-left: 4px;
4448
- }
4449
-
4450
- &:hover,
4451
- &.__pseudo-states-hover {
4452
- color: #009DFF;
4453
- }
4454
-
4455
- &:active,
4456
- &.__pseudo-states-active {
4457
- color: #005ED1;
4458
- }
4459
- &.ui-kit-link-disabled {
4460
- color: #0080FF;
4461
- }
4462
- &.ui-kit-link-primary {
4463
- color: #00122E;
4464
-
4465
- &:hover,
4466
- &.__pseudo-states-hover {
4467
- color: #0080FF;
4468
- }
4469
-
4470
- &:active,
4471
- &.__pseudo-states-active {
4472
- color: #005ED1;
4473
- }
4474
-
4475
- &.ui-kit-link-disabled {
4476
- color: #00122E;
4477
- }
4478
- }
4479
-
4480
- &.ui-kit-link-secondary {
4481
- color: #2C3852BF;
4482
-
4483
- &:hover,
4484
- &.__pseudo-states-hover {
4485
- color: #0080FF;
4486
- }
4487
-
4488
- &:active,
4489
- &.__pseudo-states-active {
4490
- color: #005ED1;
4491
- }
4492
-
4493
- &.ui-kit-link-disabled {
4494
- color: #2C3852BF;
4495
- }
4496
- }
4497
- }
4498
- }
4499
- }
4500
-
4501
-
4502
- .E_l1ucdodl {
4503
- $prefix: ui-kit-status-legend;
4504
- margin: 0;
4505
- border-radius: 20px;
4506
- padding: 2px 10px;
4507
- height: 22px;
4508
- display: flex;
4509
- align-items: center;
4510
-
4511
- &.ui-kit-status-legend.on-tint {
4512
- color: $text-neutral-ontint;
4513
- }
4514
- &.tag-hover {
4515
- cursor: pointer;
4516
- }
4517
-
4518
- &.#{$prefix} {
4519
- color: $text-neutral-primary;
4520
- .#{$prefix}-icon {
4521
- margin-right: 6px;
4522
- }
4523
- .#{$prefix}-number {
4524
- margin-left: 8px;
4525
- color: #2C385299;
4526
- &.#{$prefix}-number.on-tint {
4527
- color: $text-neutral-ontint;
4528
- }
4529
- }
4530
- &.eagle-legend-blue {
4531
- .#{$prefix}-icon {
4532
- background-color: $fill-outstanding-base;
4533
- }
4534
- }
4535
- &.eagle-legend-red {
4536
- .#{$prefix}-icon {
4537
- background-color: $fill-serious-base;
4538
- }
4539
- }
4540
- &.eagle-legend-yellow {
4541
- .#{$prefix}-icon {
4542
- background-color: $fill-notice-base;
4543
- }
4544
- }
4545
- &.eagle-legend-green {
4546
- .#{$prefix}-icon {
4547
- background-color: $fill-positive-base;
4548
- }
4549
- }
4550
- &.eagle-legend-gray {
4551
- .#{$prefix}-icon:not(.ui-kit-status-legend-icon-loading) {
4552
- background-color: $gray-70;
4553
- }
4554
- }
4555
- &.eagle-legend-purple {
4556
- .#{$prefix}-icon:not(.ui-kit-status-legend-icon-loading) {
4557
- background-color: $purple-50;
4558
- }
4559
- }
4560
- }
4561
- }
4562
-
4563
- .E_s1qj66nc {
4564
- width: 8px;
4565
- height: 8px;
4566
- border-radius: 50%;
4567
- display: inline-block;
4568
- }
4569
-
4570
- .E_s5x1boq {
4571
- width: 8px;
4572
- height: 8px;
4573
- border-radius: 2px;
4574
- display: inline-block;
4575
- }
4576
-
4577
- .E_c1xm185 {
4578
- color: #2C385299;
4579
- }
4580
-
4581
- .E_c1x5l5qc {
4582
- flex: 1;
4583
- }
4584
-
4585
-
4586
- .E_sddwhm6 {
4587
- $prefix: ui-kit-status-capsule;
4588
- margin: 0;
4589
- border-radius: 20px;
4590
- padding: 2px 10px;
4591
- height: 22px;
4592
-
4593
- &.ant-tag.#{$prefix}.off-white {
4594
- background-color: $fill-neutral-trans-1 !important;
4595
- &.tag-hover:hover,
4596
- &.__pseudo-states-hover {
4597
- background-color: $fill-neutral-trans-2 !important;
4598
- }
4599
- }
4600
- &.ant-tag.#{$prefix} {
4601
- color: $text-neutral-primary;
4602
- .#{$prefix}-icon {
4603
- margin-right: 6px;
4604
- }
4605
- .#{$prefix}-number {
4606
- margin-left: 8px;
4607
- color: #2C385299;
4608
- }
4609
- &.ant-tag-blue {
4610
- background-color: $fill-outstanding-light;
4611
- .#{$prefix}-icon {
4612
- background-color: $fill-outstanding-base;
4613
- }
4614
- &.tag-hover:hover,
4615
- &.__pseudo-states-hover {
4616
- background-color: $fill-outstanding-light-hover;
4617
- }
4618
- }
4619
- &.ant-tag-red {
4620
- background-color: $fill-serious-light;
4621
- .#{$prefix}-icon {
4622
- background-color: $fill-serious-base;
4623
- }
4624
- &.tag-hover:hover,
4625
- &.__pseudo-states-hover {
4626
- background-color: $fill-serious-light-hover;
4627
- }
4628
- }
4629
- &.ant-tag-yellow {
4630
- background-color: $fill-notice-light;
4631
- .#{$prefix}-icon {
4632
- background-color: $fill-notice-base;
4633
- }
4634
- &.tag-hover:hover,
4635
- &.__pseudo-states-hover {
4636
- background-color: $fill-notice-light-hover;
4637
- }
4638
- }
4639
- &.ant-tag-green {
4640
- background-color: $fill-positive-light;
4641
- .#{$prefix}-icon {
4642
- background-color: $fill-positive-base;
4643
- }
4644
- &.tag-hover:hover,
4645
- &.__pseudo-states-hover {
4646
- background-color: $fill-positive-light-hover;
4647
- }
4648
- }
4649
- &.ant-tag-gray {
4650
- background-color: $fill-neutral-trans-2;
4651
- .#{$prefix}-icon:not(.ui-kit-status-capsule-icon-loading) {
4652
- background-color: $gray-70;
4653
- }
4654
- &.tag-hover:hover,
4655
- &.__pseudo-states-hover {
4656
- background-color: $fill-neutral-trans-3-trans-2-hover;
4657
- }
4658
- }
4659
- }
4660
- }
4661
-
4662
- .E_satwmqm {
4663
- width: 8px;
4664
- height: 8px;
4665
- border-radius: 50%;
4666
- display: inline-block;
4667
- }
4668
-
4669
-
4670
- .E_sjob3jg {
4671
- $item: ant-steps-item;
4672
- --item-min-width: 60px;
4673
- .#{$item} {
4674
- &-tail,
4675
- &-icon {
4676
- display: none !important;
4677
- }
4678
- }
4679
- .#{$item}.#{$item}-active {
4680
- flex-shrink: 0 !important;
4681
- .step-item-prefix-container {
4682
- color: $text-colorful-outstanding;
4683
- }
4684
- .#{$item}-container .#{$item}-content .#{$item}-title {
4685
- color: $text-colorful-outstanding;
4686
- font-weight: normal;
4687
- }
4688
- }
4689
- .#{$item}.#{$item}-finish {
4690
- .#{$item}-container .#{$item}-content .#{$item}-title,
4691
- & .#{$item}-container:hover .#{$item}-content .#{$item}-title {
4692
- color: $text-neutral-tertiary;
4693
- }
4694
- }
4695
- .#{$item}.#{$item}-wait {
4696
- .#{$item}-container .#{$item}-content .#{$item}-title {
4697
- color: $text-neutral-primary;
4698
- }
4699
- }
4700
- .step-item-text {
4701
- display: inline-block;
4702
- }
4703
- .step-item-title {
4704
- overflow: hidden;
4705
- white-space: nowrap;
4706
- text-overflow: ellipsis;
4707
- }
4708
- }
4709
-
4710
- .E_hjvj6s6 {
4711
- $item: ant-steps-item;
4712
- @mixin rightTriangle($color: $fills-light-trans-1) {
4713
- content: "";
4714
- width: 0;
4715
- height: 0;
4716
- border: 13px solid transparent;
4717
- position: absolute;
4718
- top: 0;
4719
- border-left: 8px solid $color;
4720
- }
4721
- .#{$item}-container {
4722
- min-width: var(--item-min-width);
4723
- }
4724
- .#{$item}-disabled {
4725
- cursor: not-allowed !important;
4726
- }
4727
- .ant-steps-horizontal.ant-steps-label-horizontal {
4728
- flex-direction: row;
4729
- justify-content: stretch;
4730
- .#{$item} {
4731
- padding: 0;
4732
- margin-right: 4px;
4733
- flex: 1;
4734
- overflow: visible;
4735
- .#{$item}-content {
4736
- width: 100%;
4737
- min-height: unset;
4738
- .#{$item}-title {
4739
- height: 26px;
4740
- line-height: 26px;
4741
- width: 100%;
4742
- padding: 0;
4743
- font-size: 12px;
4744
- .step-count {
4745
- margin-right: 10px;
4746
- }
4747
- &::after {
4748
- display: none;
4749
- }
4750
- }
4751
- }
4752
- &:first-child {
4753
- .#{$item}-container {
4754
- padding-left: 8px;
4755
- padding-right: 4px;
4756
- border-radius: 4px 0 0 4px;
4757
- }
4758
- }
4759
- &:last-child {
4760
- margin-right: 0;
4761
- .#{$item}-container {
4762
- padding-right: 8px;
4763
- padding-left: 12px;
4764
- border-radius: 0 4px 4px 0;
4765
- }
4766
- }
4767
- &:not(&:last-child) {
4768
- &::after {
4769
- @include rightTriangle();
4770
- z-index: 2;
4771
- position: relative;
4772
- top: -50%;
4773
- right: -100%;
4774
- }
4775
- }
4776
- &:not(:first-child):not(:last-child) {
4777
- .#{$item}-container {
4778
- padding: 0 4px 0 12px;
4779
- }
4780
- }
4781
- &:not(&:first-child) {
4782
- &::before {
4783
- @include rightTriangle(#fff);
4784
- left: 0;
4785
- }
4786
- }
4787
- }
4788
- .#{$item}-active {
4789
- max-width: calc(100% - var(--item-min-width) * 2);
4790
- .#{$item}-container {
4791
- background-color: $fills-light-general-general-light;
4792
- }
4793
- &::after {
4794
- border-left-color: $fills-light-general-general-light !important;
4795
- }
4796
- }
4797
- .#{$item}-finish {
4798
- cursor: pointer;
4799
- min-width: var(--item-min-width);
4800
- }
4801
- .#{$item}-wait,
4802
- .#{$item}-finish {
4803
- min-width: var(--item-min-width);
4804
- .#{$item}-container {
4805
- background-color: $fills-light-trans-1;
4806
- }
4807
- }
4808
- }
4809
- .ant-steps:not(.ant-steps-dot):not(.ant-steps-navigation):not(
4810
- .ant-steps-vertical
4811
- )
4812
- .#{$item} {
4813
- padding: 0;
4814
- }
4815
- }
4816
-
4817
- .E_v4tv3mf {
4818
- $item: ant-steps-item;
4819
- .ant-steps.ant-steps-vertical {
4820
- width: 192px;
4821
- row-gap: 2px;
4822
-
4823
- .preview-mode:not(.#{$item}-active) .#{$item}-container {
4824
- &:hover {
4825
- background-color: $fill-neutral-trans-2;
4826
- }
4827
- .#{$item}-title {
4828
- color: $text-neutral-primary !important;
4829
- }
4830
- }
4831
- .#{$item}:not(.#{$item}-active):not(.#{$item}-disabled)
4832
- .#{$item}-container:hover {
4833
- background-color: $fill-neutral-trans-2;
4834
- }
4835
- .#{$item}-container {
4836
- padding: 0 8px;
4837
- border-radius: 4px;
4838
- height: 32px;
4839
- display: flex;
4840
- align-items: center;
4841
- .#{$item}-content {
4842
- min-height: auto;
4843
- white-space: nowrap;
4844
- & .ant-steps-item-title {
4845
- font-size: 13px;
4846
- line-height: 20px;
4847
- max-width: 100%;
4848
- padding-right: 0;
4849
- }
4850
- }
4851
- }
4852
- .#{$item}-active {
4853
- .ant-steps-item-container {
4854
- background: rgba($blue-60, 0.1);
4855
- }
4856
- }
4857
- }
4858
- }
4859
-
4860
- .E_h6l1tj4 {
4861
- width: 100%;
4862
- display: inline-flex;
4863
- align-items: center;
4864
- justify-content: center;
4865
- column-gap: 4px;
4866
- .step-item-prefix-container {
4867
- display: inline-flex;
4868
- align-items: center;
4869
- width: 18px;
4870
- height: 18px;
4871
- color: $gray-a75-8;
4872
- justify-content: center;
4873
- }
4874
- }
4875
-
4876
- .E_v18frne8 {
4877
- width: 100%;
4878
- display: flex;
4879
- align-items: center;
4880
- justify-content: center;
4881
- column-gap: 6px;
4882
- font-size: 13px;
4883
- .step-item-prefix-container {
4884
- display: inline-flex;
4885
- align-items: center;
4886
- min-width: 20px;
4887
- min-height: 20px;
4888
- color: $gray-a75-8;
4889
- justify-content: center;
4890
- }
4891
- }
4892
-
4893
-
4894
4670
  .E_tc97u5y {
4895
4671
  height: 100%;
4896
4672
  }
@@ -5329,6 +5105,18 @@
5329
5105
  }
5330
5106
 
5331
5107
 
5108
+ .E_w7ob4th {
5109
+ &.outside-tag {
5110
+ padding-left: 0;
5111
+ .inside-tag {
5112
+ border-radius: 4px 0 0 4px;
5113
+ padding-right: 4px;
5114
+ margin-right: 4px;
5115
+ }
5116
+ }
5117
+ }
5118
+
5119
+
5332
5120
  .E_slr2ynn {
5333
5121
  padding: 0 8px;
5334
5122
  height: 18px;
@@ -5367,18 +5155,6 @@
5367
5155
  }
5368
5156
 
5369
5157
 
5370
- .E_w7ob4th {
5371
- &.outside-tag {
5372
- padding-left: 0;
5373
- .inside-tag {
5374
- border-radius: 4px 0 0 4px;
5375
- padding-right: 4px;
5376
- margin-right: 4px;
5377
- }
5378
- }
5379
- }
5380
-
5381
-
5382
5158
  .E_t1dtlqs1 {
5383
5159
  margin-bottom: 4px;
5384
5160
  color: $text-secondary-light;
@@ -5480,119 +5256,343 @@
5480
5256
  order: 98;
5481
5257
  margin: 12px 0 0;
5482
5258
  }
5483
- &:hover {
5484
- background-color: $fills-light-trans-1;
5259
+ &:hover {
5260
+ background-color: $fills-light-trans-1;
5261
+ }
5262
+ &.isDragging {
5263
+ background-color: $fills-light-general-general-light;
5264
+ }
5265
+ }
5266
+ .eagle-table-form-cell {
5267
+ flex: 1 0 0;
5268
+ overflow: hidden;
5269
+ .cell-description {
5270
+ color: $text-secondary-light;
5271
+ margin: 0;
5272
+ }
5273
+
5274
+ @mixin text-align-style($align-position) {
5275
+ & > * {
5276
+ text-align: $align-position;
5277
+ }
5278
+ .ant-form-item-control-input-content {
5279
+ &,
5280
+ & > * {
5281
+ text-align: $align-position;
5282
+ }
5283
+ }
5284
+ }
5285
+
5286
+ &.align-center {
5287
+ @include text-align-style(center);
5288
+ }
5289
+ &.align-left {
5290
+ @include text-align-style(left);
5291
+ }
5292
+ &.align-right {
5293
+ @include text-align-style(right);
5294
+ }
5295
+
5296
+ &:not(:last-of-type) {
5297
+ margin-right: 8px;
5298
+ }
5299
+ }
5300
+ .ant-list-item-action {
5301
+ padding: 4px;
5302
+ width: 24px;
5303
+ height: 24px;
5304
+ overflow: hidden;
5305
+ li {
5306
+ padding: 0;
5307
+ }
5308
+ }
5309
+ .delete-row-icon.disabled {
5310
+ cursor: not-allowed;
5311
+ opacity: 0.5;
5312
+ }
5313
+ &.size-default {
5314
+ .ant-list-item-action {
5315
+ margin: 0;
5316
+ }
5317
+ .eagle-table-form-cell {
5318
+ .ant-input,
5319
+ .ant-select-selector {
5320
+ border-radius: 5px;
5321
+ font-size: 12px;
5322
+ }
5323
+ .ant-input-affix-wrapper {
5324
+ font-size: inherit;
5325
+ }
5326
+
5327
+ .ant-form-item-control-input {
5328
+ min-height: 24px;
5329
+ font-size: 12px;
5330
+ position: relative;
5331
+ }
5332
+ }
5333
+ }
5334
+ }
5335
+ &.row-split-by-border {
5336
+ .eagle-table-form-row {
5337
+ border-bottom: 1px solid $fills-light-trans-2;
5338
+ }
5339
+ }
5340
+ &.row-split-by-zebraMarking {
5341
+ .draggable-container {
5342
+ & > :nth-child(2n) {
5343
+ background-color: $fills-trans-primary-light;
5344
+ }
5345
+ }
5346
+ }
5347
+ }
5348
+
5349
+ .E_a138syjm {
5350
+ display: flex;
5351
+ align-items: center;
5352
+ margin-top: 8px;
5353
+ button.ant-btn {
5354
+ padding: 2px 8px;
5355
+ height: 24px;
5356
+ }
5357
+ & > span.maximum-desc {
5358
+ display: none;
5359
+ margin-left: 8px;
5360
+ color: $text-secondary-light;
5361
+ &.disabled {
5362
+ display: inline;
5363
+ }
5364
+ }
5365
+ }
5366
+
5367
+ .E_d77i8u0 {
5368
+ width: 24px;
5369
+ height: 24px;
5370
+ padding: 4px;
5371
+ margin-right: 8px;
5372
+ }
5373
+
5374
+
5375
+ .E_sjob3jg {
5376
+ $item: ant-steps-item;
5377
+ --item-min-width: 60px;
5378
+ .#{$item} {
5379
+ &-tail,
5380
+ &-icon {
5381
+ display: none !important;
5382
+ }
5383
+ }
5384
+ .#{$item}.#{$item}-active {
5385
+ flex-shrink: 0 !important;
5386
+ .step-item-prefix-container {
5387
+ color: $text-colorful-outstanding;
5388
+ }
5389
+ .#{$item}-container .#{$item}-content .#{$item}-title {
5390
+ color: $text-colorful-outstanding;
5391
+ font-weight: normal;
5392
+ }
5393
+ }
5394
+ .#{$item}.#{$item}-finish {
5395
+ .#{$item}-container .#{$item}-content .#{$item}-title,
5396
+ & .#{$item}-container:hover .#{$item}-content .#{$item}-title {
5397
+ color: $text-neutral-tertiary;
5398
+ }
5399
+ }
5400
+ .#{$item}.#{$item}-wait {
5401
+ .#{$item}-container .#{$item}-content .#{$item}-title {
5402
+ color: $text-neutral-primary;
5403
+ }
5404
+ }
5405
+ .step-item-text {
5406
+ display: inline-block;
5407
+ }
5408
+ .step-item-title {
5409
+ overflow: hidden;
5410
+ white-space: nowrap;
5411
+ text-overflow: ellipsis;
5412
+ }
5413
+ }
5414
+
5415
+ .E_hjvj6s6 {
5416
+ $item: ant-steps-item;
5417
+ @mixin rightTriangle($color: $fills-light-trans-1) {
5418
+ content: "";
5419
+ width: 0;
5420
+ height: 0;
5421
+ border: 13px solid transparent;
5422
+ position: absolute;
5423
+ top: 0;
5424
+ border-left: 8px solid $color;
5425
+ }
5426
+ .#{$item}-container {
5427
+ min-width: var(--item-min-width);
5428
+ }
5429
+ .#{$item}-disabled {
5430
+ cursor: not-allowed !important;
5431
+ }
5432
+ .ant-steps-horizontal.ant-steps-label-horizontal {
5433
+ flex-direction: row;
5434
+ justify-content: stretch;
5435
+ .#{$item} {
5436
+ padding: 0;
5437
+ margin-right: 4px;
5438
+ flex: 1;
5439
+ overflow: visible;
5440
+ .#{$item}-content {
5441
+ width: 100%;
5442
+ min-height: unset;
5443
+ .#{$item}-title {
5444
+ height: 26px;
5445
+ line-height: 26px;
5446
+ width: 100%;
5447
+ padding: 0;
5448
+ font-size: 12px;
5449
+ .step-count {
5450
+ margin-right: 10px;
5451
+ }
5452
+ &::after {
5453
+ display: none;
5454
+ }
5455
+ }
5456
+ }
5457
+ &:first-child {
5458
+ .#{$item}-container {
5459
+ padding-left: 8px;
5460
+ padding-right: 4px;
5461
+ border-radius: 4px 0 0 4px;
5462
+ }
5485
5463
  }
5486
- &.isDragging {
5487
- background-color: $fills-light-general-general-light;
5464
+ &:last-child {
5465
+ margin-right: 0;
5466
+ .#{$item}-container {
5467
+ padding-right: 8px;
5468
+ padding-left: 12px;
5469
+ border-radius: 0 4px 4px 0;
5470
+ }
5488
5471
  }
5489
- }
5490
- .eagle-table-form-cell {
5491
- flex: 1 0 0;
5492
- overflow: hidden;
5493
- .cell-description {
5494
- color: $text-secondary-light;
5495
- margin: 0;
5472
+ &:not(&:last-child) {
5473
+ &::after {
5474
+ @include rightTriangle();
5475
+ z-index: 2;
5476
+ position: relative;
5477
+ top: -50%;
5478
+ right: -100%;
5479
+ }
5496
5480
  }
5497
-
5498
- @mixin text-align-style($align-position) {
5499
- & > * {
5500
- text-align: $align-position;
5481
+ &:not(:first-child):not(:last-child) {
5482
+ .#{$item}-container {
5483
+ padding: 0 4px 0 12px;
5501
5484
  }
5502
- .ant-form-item-control-input-content {
5503
- &,
5504
- & > * {
5505
- text-align: $align-position;
5506
- }
5485
+ }
5486
+ &:not(&:first-child) {
5487
+ &::before {
5488
+ @include rightTriangle(#fff);
5489
+ left: 0;
5507
5490
  }
5508
5491
  }
5509
-
5510
- &.align-center {
5511
- @include text-align-style(center);
5492
+ }
5493
+ .#{$item}-active {
5494
+ max-width: calc(100% - var(--item-min-width) * 2);
5495
+ .#{$item}-container {
5496
+ background-color: $fills-light-general-general-light;
5512
5497
  }
5513
- &.align-left {
5514
- @include text-align-style(left);
5498
+ &::after {
5499
+ border-left-color: $fills-light-general-general-light !important;
5515
5500
  }
5516
- &.align-right {
5517
- @include text-align-style(right);
5501
+ }
5502
+ .#{$item}-finish {
5503
+ cursor: pointer;
5504
+ min-width: var(--item-min-width);
5505
+ }
5506
+ .#{$item}-wait,
5507
+ .#{$item}-finish {
5508
+ min-width: var(--item-min-width);
5509
+ .#{$item}-container {
5510
+ background-color: $fills-light-trans-1;
5518
5511
  }
5512
+ }
5513
+ }
5514
+ .ant-steps:not(.ant-steps-dot):not(.ant-steps-navigation):not(
5515
+ .ant-steps-vertical
5516
+ )
5517
+ .#{$item} {
5518
+ padding: 0;
5519
+ }
5520
+ }
5519
5521
 
5520
- &:not(:last-of-type) {
5521
- margin-right: 8px;
5522
+ .E_v4tv3mf {
5523
+ $item: ant-steps-item;
5524
+ .ant-steps.ant-steps-vertical {
5525
+ width: 192px;
5526
+ row-gap: 2px;
5527
+
5528
+ .preview-mode:not(.#{$item}-active) .#{$item}-container {
5529
+ &:hover {
5530
+ background-color: $fill-neutral-trans-2;
5522
5531
  }
5523
- }
5524
- .ant-list-item-action {
5525
- padding: 4px;
5526
- width: 24px;
5527
- height: 24px;
5528
- overflow: hidden;
5529
- li {
5530
- padding: 0;
5532
+ .#{$item}-title {
5533
+ color: $text-neutral-primary !important;
5531
5534
  }
5532
5535
  }
5533
- .delete-row-icon.disabled {
5534
- cursor: not-allowed;
5535
- opacity: 0.5;
5536
+ .#{$item}:not(.#{$item}-active):not(.#{$item}-disabled)
5537
+ .#{$item}-container:hover {
5538
+ background-color: $fill-neutral-trans-2;
5536
5539
  }
5537
- &.size-default {
5538
- .ant-list-item-action {
5539
- margin: 0;
5540
- }
5541
- .eagle-table-form-cell {
5542
- .ant-input,
5543
- .ant-select-selector {
5544
- border-radius: 5px;
5545
- font-size: 12px;
5546
- }
5547
- .ant-input-affix-wrapper {
5548
- font-size: inherit;
5549
- }
5550
-
5551
- .ant-form-item-control-input {
5552
- min-height: 24px;
5553
- font-size: 12px;
5554
- position: relative;
5540
+ .#{$item}-container {
5541
+ padding: 0 8px;
5542
+ border-radius: 4px;
5543
+ height: 32px;
5544
+ display: flex;
5545
+ align-items: center;
5546
+ .#{$item}-content {
5547
+ min-height: auto;
5548
+ white-space: nowrap;
5549
+ & .ant-steps-item-title {
5550
+ font-size: 13px;
5551
+ line-height: 20px;
5552
+ max-width: 100%;
5553
+ padding-right: 0;
5555
5554
  }
5556
5555
  }
5557
5556
  }
5558
- }
5559
- &.row-split-by-border {
5560
- .eagle-table-form-row {
5561
- border-bottom: 1px solid $fills-light-trans-2;
5562
- }
5563
- }
5564
- &.row-split-by-zebraMarking {
5565
- .draggable-container {
5566
- & > :nth-child(2n) {
5567
- background-color: $fills-trans-primary-light;
5557
+ .#{$item}-active {
5558
+ .ant-steps-item-container {
5559
+ background: rgba($blue-60, 0.1);
5568
5560
  }
5569
5561
  }
5570
5562
  }
5571
5563
  }
5572
5564
 
5573
- .E_a138syjm {
5574
- display: flex;
5565
+ .E_h6l1tj4 {
5566
+ width: 100%;
5567
+ display: inline-flex;
5575
5568
  align-items: center;
5576
- margin-top: 8px;
5577
- button.ant-btn {
5578
- padding: 2px 8px;
5579
- height: 24px;
5580
- }
5581
- & > span.maximum-desc {
5582
- display: none;
5583
- margin-left: 8px;
5584
- color: $text-secondary-light;
5585
- &.disabled {
5586
- display: inline;
5587
- }
5569
+ justify-content: center;
5570
+ column-gap: 4px;
5571
+ .step-item-prefix-container {
5572
+ display: inline-flex;
5573
+ align-items: center;
5574
+ width: 18px;
5575
+ height: 18px;
5576
+ color: $gray-a75-8;
5577
+ justify-content: center;
5588
5578
  }
5589
5579
  }
5590
5580
 
5591
- .E_d77i8u0 {
5592
- width: 24px;
5593
- height: 24px;
5594
- padding: 4px;
5595
- margin-right: 8px;
5581
+ .E_v18frne8 {
5582
+ width: 100%;
5583
+ display: flex;
5584
+ align-items: center;
5585
+ justify-content: center;
5586
+ column-gap: 6px;
5587
+ font-size: 13px;
5588
+ .step-item-prefix-container {
5589
+ display: inline-flex;
5590
+ align-items: center;
5591
+ min-width: 20px;
5592
+ min-height: 20px;
5593
+ color: $gray-a75-8;
5594
+ justify-content: center;
5595
+ }
5596
5596
  }
5597
5597
 
5598
5598
 
@@ -5631,11 +5631,6 @@
5631
5631
  }
5632
5632
 
5633
5633
 
5634
- .E_b1jaupqb {
5635
- color: #F0483E;
5636
- }
5637
-
5638
-
5639
5634
  .E_bpgac8u {
5640
5635
  color: #FFFFFF;
5641
5636
  display: flex;
@@ -5664,6 +5659,11 @@
5664
5659
  }
5665
5660
 
5666
5661
 
5662
+ .E_b1jaupqb {
5663
+ color: #F0483E;
5664
+ }
5665
+
5666
+
5667
5667
  .E_t59qhqp {
5668
5668
  padding: 0px;
5669
5669
  padding-top: 5px;
@@ -5705,50 +5705,17 @@
5705
5705
 
5706
5706
  .E_e14ua30y {
5707
5707
  display: flex;
5708
- flex-direction: column;
5709
- align-items: center;
5710
- justify-content: center;
5711
- }
5712
-
5713
- .E_s1ikqzph {
5714
- color: #2C3852BF;
5715
- }
5716
-
5717
- .E_i15astnl {
5718
- color: #00122E;
5719
- }
5720
-
5721
-
5722
- .E_s20iney {
5723
- &.skeleton-box {
5724
- display: flex;
5725
- align-items: center;
5726
- justify-content: center;
5727
- position: relative;
5728
- border-radius: 2px;
5729
- background: #E1E6F199;
5730
- overflow: hidden;
5731
-
5732
- & > .skeleton-shimmer {
5733
- width: 200%;
5734
- height: 200%;
5735
- transform: rotate(15deg);
5736
- position: absolute;
5737
- top: -50%;
5738
- flex-shrink: 0;
5739
- opacity: 0.8;
5740
- background: linear-gradient(
5741
- 90deg,
5742
- rgba(255, 255, 255, 0) 15%,
5743
- #FFFFFF99 50%,
5744
- rgba(255, 255, 255, 0) 85%
5745
- );
5708
+ flex-direction: column;
5709
+ align-items: center;
5710
+ justify-content: center;
5711
+ }
5746
5712
 
5747
- animation: shimmer 1100ms infinite;
5748
- }
5713
+ .E_s1ikqzph {
5714
+ color: #2C3852BF;
5715
+ }
5749
5716
 
5750
- @keyframes shimmer { from { left: -120%; } to { left: 100%; } }
5751
- }
5717
+ .E_i15astnl {
5718
+ color: #00122E;
5752
5719
  }
5753
5720
 
5754
5721
 
@@ -5850,6 +5817,39 @@
5850
5817
  }
5851
5818
 
5852
5819
 
5820
+ .E_s20iney {
5821
+ &.skeleton-box {
5822
+ display: flex;
5823
+ align-items: center;
5824
+ justify-content: center;
5825
+ position: relative;
5826
+ border-radius: 2px;
5827
+ background: #E1E6F199;
5828
+ overflow: hidden;
5829
+
5830
+ & > .skeleton-shimmer {
5831
+ width: 200%;
5832
+ height: 200%;
5833
+ transform: rotate(15deg);
5834
+ position: absolute;
5835
+ top: -50%;
5836
+ flex-shrink: 0;
5837
+ opacity: 0.8;
5838
+ background: linear-gradient(
5839
+ 90deg,
5840
+ rgba(255, 255, 255, 0) 15%,
5841
+ #FFFFFF99 50%,
5842
+ rgba(255, 255, 255, 0) 85%
5843
+ );
5844
+
5845
+ animation: shimmer 1100ms infinite;
5846
+ }
5847
+
5848
+ @keyframes shimmer { from { left: -120%; } to { left: 100%; } }
5849
+ }
5850
+ }
5851
+
5852
+
5853
5853
  .E_t1616y1o {
5854
5854
  color: $text-light-on-tint;
5855
5855
  }
@@ -5974,6 +5974,21 @@
5974
5974
  }
5975
5975
 
5976
5976
 
5977
+ .E_skwah65 {
5978
+ height: 8px;
5979
+ box-sizing: border-box;
5980
+ border-radius: 2px;
5981
+ background: #f5f7fa;
5982
+ display: flex;
5983
+ width: 100%;
5984
+ overflow: hidden;
5985
+
5986
+ .stack-bar-item + .stack-bar-item {
5987
+ margin-left: 1px;
5988
+ }
5989
+ }
5990
+
5991
+
5977
5992
  .E_s1ebs0ra {
5978
5993
  display: flex;
5979
5994
  align-items: center;
@@ -6041,187 +6056,79 @@
6041
6056
  }
6042
6057
 
6043
6058
 
6044
- .E_n12mqh7z {
6045
- display: flex;
6046
- align-items: center;
6047
- font-size: 12px;
6048
- line-height: 18px;
6049
-
6050
- &:not(:last-child) {
6051
- margin-bottom: 4px;
6059
+ .E_c18bcrac {
6060
+ display: inline-block;
6061
+ width: 100%;
6062
+ .recharts-wrapper {
6063
+ margin-left: 4px;
6052
6064
  }
6053
6065
  }
6054
6066
 
6055
- .E_tf5bynu {
6056
- margin: 0 3px;
6057
- }
6058
-
6059
- .E_tcckoz1 {
6060
- max-height: 400px;
6061
- overflow: auto;
6062
- }
6063
-
6064
-
6065
- .E_gmyahx3 {
6066
- cursor: pointer;
6067
-
6068
- .link-text {
6069
- color: $text-light-tertiary;
6070
- }
6067
+ .E_cro7kg2 {
6068
+ padding: 4px;
6071
6069
 
6072
- &:hover .link-text {
6073
- color: $text-light-general;
6070
+ .unit {
6071
+ color: white;
6074
6072
  }
6075
6073
  }
6076
6074
 
6077
-
6078
- .E_wg1tsps {
6079
- display: flex;
6080
- align-items: center;
6081
- justify-content: flex-end;
6082
- }
6083
-
6084
- .E_b1ctd5xy {
6075
+ .E_c14wcxf0 {
6085
6076
  display: flex;
6077
+ justify-content: space-between;
6086
6078
  align-items: center;
6087
- width: calc(100% - 40px);
6079
+ font-size: 13px;
6080
+ line-height: 24px;
6081
+ color: #cccccc;
6082
+ white-space: nowrap;
6088
6083
 
6089
- .chart {
6090
- display: inline-block;
6091
- width: 100%;
6084
+ label {
6085
+ margin-right: 32px;
6092
6086
  }
6093
6087
  }
6094
6088
 
6095
- .E_u1p8acpn {
6096
- min-width: 40px;
6097
-
6098
- .unit {
6099
- color: $text-light-primary !important;
6100
- }
6089
+ .E_coy29mj.E_c14wcxf0 {
6090
+ font-weight: bold;
6091
+ color: white;
6101
6092
  }
6102
6093
 
6094
+ .E_s11212zy {
6095
+ width: 8px;
6096
+ height: 8px;
6097
+ border-radius: 2px;
6098
+ display: inline-block;
6099
+ background: var(--s11212zy-0);
6100
+ border: 1px solid $fills-light-white;
6101
+ box-sizing: content-box;
6102
+ margin-right: 6px;
6103
+ }
6103
6104
 
6104
- .E_t1sqg15u {
6105
- background: white;
6106
-
6107
- &.inline {
6108
- .table-row {
6109
- flex-direction: column;
6110
-
6111
- > label {
6112
- padding: 0 16px 7px 0;
6113
- }
6114
- }
6115
- }
6116
-
6117
- &.has-border {
6118
- .table-header {
6119
- border-bottom: 1px solid $strokes-light-trans-1;
6120
- }
6121
-
6122
- .hiddenBorder {
6123
- border-top: none !important;
6124
- }
6125
-
6126
- .table-row + .table-row {
6127
- border-top: 1px solid $strokes-light-trans-1;
6128
- }
6129
-
6130
- .table-row:last-of-type {
6131
- padding-bottom: 0;
6132
- }
6133
- }
6134
-
6135
- &.align-right {
6136
- .content {
6137
- text-align: right;
6138
- }
6139
- }
6140
- .uuid-row {
6141
- display: flex;
6142
- justify-content: space-between;
6143
-
6144
- .id-text {
6145
- white-space: nowrap;
6146
- overflow: hidden;
6147
- text-overflow: ellipsis;
6148
- }
6105
+ .E_p1lyky6c {
6106
+ & > :first-child {
6107
+ font-weight: bold;
6108
+ color: white;
6109
+ margin-right: 4px;
6149
6110
  }
6150
6111
  }
6151
6112
 
6152
- .E_t4zczcp {
6113
+
6114
+ .E_n12mqh7z {
6153
6115
  display: flex;
6154
- justify-content: space-between;
6155
6116
  align-items: center;
6156
- padding: 8px;
6157
- min-height: 32px;
6158
-
6159
- .table-title {
6160
- color: $text-secondary-light;
6161
- font-weight: 600;
6162
- font-size: 12px;
6163
- line-height: 8px;
6164
- }
6165
-
6166
- .edit-icon {
6167
- font-size: 16px;
6168
- color: $strokes-translucent-2-light;
6169
- cursor: pointer;
6170
- }
6171
- }
6172
-
6173
- .E_t1s7goww {
6174
6117
  font-size: 12px;
6175
6118
  line-height: 18px;
6176
- }
6177
-
6178
- .E_t93e4cf {
6179
- display: flex;
6180
- padding: 8px 0;
6181
- color: $text-primary-light;
6182
-
6183
- .hidden {
6184
- display: none;
6185
- }
6186
-
6187
- .ant-btn.ant-btn-link {
6188
- height: auto;
6189
- }
6190
-
6191
- .content {
6192
- overflow: hidden;
6193
- overflow-x: auto;
6194
- width: 100%;
6195
- white-space: pre-wrap;
6196
-
6197
- .ant-btn {
6198
- white-space: pre-wrap;
6199
- text-align: left;
6200
- }
6201
6119
 
6202
- .unit-chart {
6203
- justify-content: flex-start;
6204
- }
6120
+ &:not(:last-child) {
6121
+ margin-bottom: 4px;
6205
6122
  }
6206
6123
  }
6207
6124
 
6208
- .E_rhz2uv5 {
6209
- width: var(--rhz2uv5-0);
6210
- flex-shrink: 0;
6211
- color: $text-secondary-light;
6212
- padding-right: 12px;
6213
- }
6214
-
6215
-
6216
- .E_s1iv0tp1 {
6217
- .enabled-switch {
6218
- display: flex;
6219
- align-items: center;
6220
- }
6221
-
6222
- .enabled-text {
6223
- margin-right: 8px;
6224
- }
6125
+ .E_tf5bynu {
6126
+ margin: 0 3px;
6127
+ }
6128
+
6129
+ .E_tcckoz1 {
6130
+ max-height: 400px;
6131
+ overflow: auto;
6225
6132
  }
6226
6133
 
6227
6134
 
@@ -6323,96 +6230,15 @@
6323
6230
  }
6324
6231
 
6325
6232
 
6326
- .E_tqjc4ui {
6327
- @at-root {
6328
- span#{&} {
6329
- margin: 0 2px;
6330
- }
6331
- }
6332
- }
6333
-
6334
-
6335
- .E_c18bcrac {
6336
- display: inline-block;
6337
- width: 100%;
6338
- .recharts-wrapper {
6339
- margin-left: 4px;
6340
- }
6341
- }
6342
-
6343
- .E_cro7kg2 {
6344
- padding: 4px;
6345
-
6346
- .unit {
6347
- color: white;
6348
- }
6349
- }
6350
-
6351
- .E_c14wcxf0 {
6352
- display: flex;
6353
- justify-content: space-between;
6354
- align-items: center;
6355
- font-size: 13px;
6356
- line-height: 24px;
6357
- color: #cccccc;
6358
- white-space: nowrap;
6359
-
6360
- label {
6361
- margin-right: 32px;
6362
- }
6363
- }
6364
-
6365
- .E_coy29mj.E_c14wcxf0 {
6366
- font-weight: bold;
6367
- color: white;
6368
- }
6369
-
6370
- .E_s11212zy {
6371
- width: 8px;
6372
- height: 8px;
6373
- border-radius: 2px;
6374
- display: inline-block;
6375
- background: var(--s11212zy-0);
6376
- border: 1px solid $fills-light-white;
6377
- box-sizing: content-box;
6378
- margin-right: 6px;
6379
- }
6233
+ .E_gmyahx3 {
6234
+ cursor: pointer;
6380
6235
 
6381
- .E_p1lyky6c {
6382
- & > :first-child {
6383
- font-weight: bold;
6384
- color: white;
6385
- margin-right: 4px;
6236
+ .link-text {
6237
+ color: $text-light-tertiary;
6386
6238
  }
6387
- }
6388
-
6389
-
6390
- .E_ou7iq30 {
6391
- overflow: hidden;
6392
- text-overflow: ellipsis;
6393
- }
6394
-
6395
- .E_s1tui002 {
6396
- white-space: nowrap;
6397
- }
6398
-
6399
- .E_mxrc2zg {
6400
- display: -webkit-box;
6401
- -webkit-line-clamp: var(--mxrc2zg-0);
6402
- -webkit-box-orient: vertical;
6403
- word-break: break-all;
6404
- }
6405
6239
 
6406
- .E_t1vv6d68 {
6407
- .ant-tooltip-arrow {
6408
- display: none;
6409
- }
6410
- .ant-tooltip-inner {
6411
- background: $gray-a80-9;
6412
- border-radius: 4px;
6413
- &:has(.eagle-ellipsis-content) {
6414
- visibility: hidden;
6415
- }
6240
+ &:hover .link-text {
6241
+ color: $text-light-general;
6416
6242
  }
6417
6243
  }
6418
6244
 
@@ -6581,17 +6407,41 @@
6581
6407
  }
6582
6408
 
6583
6409
 
6584
- .E_skwah65 {
6585
- height: 8px;
6586
- box-sizing: border-box;
6587
- border-radius: 2px;
6588
- background: #f5f7fa;
6589
- display: flex;
6590
- width: 100%;
6410
+ .E_ou7iq30 {
6591
6411
  overflow: hidden;
6412
+ text-overflow: ellipsis;
6413
+ }
6592
6414
 
6593
- .stack-bar-item + .stack-bar-item {
6594
- margin-left: 1px;
6415
+ .E_s1tui002 {
6416
+ white-space: nowrap;
6417
+ }
6418
+
6419
+ .E_mxrc2zg {
6420
+ display: -webkit-box;
6421
+ -webkit-line-clamp: var(--mxrc2zg-0);
6422
+ -webkit-box-orient: vertical;
6423
+ word-break: break-all;
6424
+ }
6425
+
6426
+ .E_t1vv6d68 {
6427
+ .ant-tooltip-arrow {
6428
+ display: none;
6429
+ }
6430
+ .ant-tooltip-inner {
6431
+ background: $gray-a80-9;
6432
+ border-radius: 4px;
6433
+ &:has(.eagle-ellipsis-content) {
6434
+ visibility: hidden;
6435
+ }
6436
+ }
6437
+ }
6438
+
6439
+
6440
+ .E_tqjc4ui {
6441
+ @at-root {
6442
+ span#{&} {
6443
+ margin: 0 2px;
6444
+ }
6595
6445
  }
6596
6446
  }
6597
6447
 
@@ -6735,6 +6585,44 @@
6735
6585
  }
6736
6586
 
6737
6587
 
6588
+ .E_s1iv0tp1 {
6589
+ .enabled-switch {
6590
+ display: flex;
6591
+ align-items: center;
6592
+ }
6593
+
6594
+ .enabled-text {
6595
+ margin-right: 8px;
6596
+ }
6597
+ }
6598
+
6599
+
6600
+ .E_wg1tsps {
6601
+ display: flex;
6602
+ align-items: center;
6603
+ justify-content: flex-end;
6604
+ }
6605
+
6606
+ .E_b1ctd5xy {
6607
+ display: flex;
6608
+ align-items: center;
6609
+ width: calc(100% - 40px);
6610
+
6611
+ .chart {
6612
+ display: inline-block;
6613
+ width: 100%;
6614
+ }
6615
+ }
6616
+
6617
+ .E_u1p8acpn {
6618
+ min-width: 40px;
6619
+
6620
+ .unit {
6621
+ color: $text-light-primary !important;
6622
+ }
6623
+ }
6624
+
6625
+
6738
6626
  .E_t160l1cm {
6739
6627
  display: flex;
6740
6628
  flex-direction: column;
@@ -6953,55 +6841,167 @@
6953
6841
  }
6954
6842
  }
6955
6843
 
6956
- .tab-content {
6957
- flex: 1;
6844
+ .tab-content {
6845
+ flex: 1;
6846
+ display: flex;
6847
+ flex-direction: column;
6848
+ }
6849
+
6850
+ /* FIXME:(yanzhen) do this better */
6851
+ &.is-overview .tab-content {
6852
+ overflow: visible;
6853
+ }
6854
+ }
6855
+
6856
+ .E_t14npdqr {
6857
+ max-width: 240px;
6858
+ animation: none;
6859
+
6860
+ &.ant-dropdown .ant-dropdown-menu {
6861
+ border: 1px solid $blue-60;
6862
+ padding: 0;
6863
+
6864
+ .ant-dropdown-menu-item {
6865
+ margin: 0;
6866
+ height: 32px;
6867
+ line-height: 32px;
6868
+ font-size: 13px;
6869
+ padding: 0 10px;
6870
+ display: block;
6871
+ overflow: hidden;
6872
+ text-overflow: ellipsis;
6873
+ white-space: nowrap;
6874
+
6875
+ &:not(:first-child) {
6876
+ &::before {
6877
+ content: " ";
6878
+ height: 1px;
6879
+ width: calc(100% + 10px);
6880
+ background: $strokes-translucent-1-light;
6881
+ display: block;
6882
+ }
6883
+ }
6884
+
6885
+ &.ant-dropdown-menu-item-selected {
6886
+ color: $blue-60;
6887
+ background: transparent;
6888
+ }
6889
+ }
6890
+ }
6891
+ }
6892
+
6893
+
6894
+ .E_t1sqg15u {
6895
+ background: white;
6896
+
6897
+ &.inline {
6898
+ .table-row {
6899
+ flex-direction: column;
6900
+
6901
+ > label {
6902
+ padding: 0 16px 7px 0;
6903
+ }
6904
+ }
6905
+ }
6906
+
6907
+ &.has-border {
6908
+ .table-header {
6909
+ border-bottom: 1px solid $strokes-light-trans-1;
6910
+ }
6911
+
6912
+ .hiddenBorder {
6913
+ border-top: none !important;
6914
+ }
6915
+
6916
+ .table-row + .table-row {
6917
+ border-top: 1px solid $strokes-light-trans-1;
6918
+ }
6919
+
6920
+ .table-row:last-of-type {
6921
+ padding-bottom: 0;
6922
+ }
6923
+ }
6924
+
6925
+ &.align-right {
6926
+ .content {
6927
+ text-align: right;
6928
+ }
6929
+ }
6930
+ .uuid-row {
6958
6931
  display: flex;
6959
- flex-direction: column;
6932
+ justify-content: space-between;
6933
+
6934
+ .id-text {
6935
+ white-space: nowrap;
6936
+ overflow: hidden;
6937
+ text-overflow: ellipsis;
6938
+ }
6960
6939
  }
6940
+ }
6961
6941
 
6962
- /* FIXME:(yanzhen) do this better */
6963
- &.is-overview .tab-content {
6964
- overflow: visible;
6942
+ .E_t4zczcp {
6943
+ display: flex;
6944
+ justify-content: space-between;
6945
+ align-items: center;
6946
+ padding: 8px;
6947
+ min-height: 32px;
6948
+
6949
+ .table-title {
6950
+ color: $text-secondary-light;
6951
+ font-weight: 600;
6952
+ font-size: 12px;
6953
+ line-height: 8px;
6954
+ }
6955
+
6956
+ .edit-icon {
6957
+ font-size: 16px;
6958
+ color: $strokes-translucent-2-light;
6959
+ cursor: pointer;
6965
6960
  }
6966
6961
  }
6967
6962
 
6968
- .E_t14npdqr {
6969
- max-width: 240px;
6970
- animation: none;
6963
+ .E_t1s7goww {
6964
+ font-size: 12px;
6965
+ line-height: 18px;
6966
+ }
6971
6967
 
6972
- &.ant-dropdown .ant-dropdown-menu {
6973
- border: 1px solid $blue-60;
6974
- padding: 0;
6968
+ .E_t93e4cf {
6969
+ display: flex;
6970
+ padding: 8px 0;
6971
+ color: $text-primary-light;
6975
6972
 
6976
- .ant-dropdown-menu-item {
6977
- margin: 0;
6978
- height: 32px;
6979
- line-height: 32px;
6980
- font-size: 13px;
6981
- padding: 0 10px;
6982
- display: block;
6983
- overflow: hidden;
6984
- text-overflow: ellipsis;
6985
- white-space: nowrap;
6973
+ .hidden {
6974
+ display: none;
6975
+ }
6986
6976
 
6987
- &:not(:first-child) {
6988
- &::before {
6989
- content: " ";
6990
- height: 1px;
6991
- width: calc(100% + 10px);
6992
- background: $strokes-translucent-1-light;
6993
- display: block;
6994
- }
6995
- }
6977
+ .ant-btn.ant-btn-link {
6978
+ height: auto;
6979
+ }
6996
6980
 
6997
- &.ant-dropdown-menu-item-selected {
6998
- color: $blue-60;
6999
- background: transparent;
7000
- }
6981
+ .content {
6982
+ overflow: hidden;
6983
+ overflow-x: auto;
6984
+ width: 100%;
6985
+ white-space: pre-wrap;
6986
+
6987
+ .ant-btn {
6988
+ white-space: pre-wrap;
6989
+ text-align: left;
6990
+ }
6991
+
6992
+ .unit-chart {
6993
+ justify-content: flex-start;
7001
6994
  }
7002
6995
  }
7003
6996
  }
7004
6997
 
6998
+ .E_rhz2uv5 {
6999
+ width: var(--rhz2uv5-0);
7000
+ flex-shrink: 0;
7001
+ color: $text-secondary-light;
7002
+ padding-right: 12px;
7003
+ }
7004
+
7005
7005
 
7006
7006
  .E_cyms3br {
7007
7007
  background: #fff;
@@ -7059,6 +7059,13 @@
7059
7059
  }
7060
7060
 
7061
7061
 
7062
+ .E_h1ol2wl7 {
7063
+ font-weight: bold;
7064
+ background-color: unset;
7065
+ padding: unset;
7066
+ }
7067
+
7068
+
7062
7069
  .E_i5w779o {
7063
7070
  padding: 8px 0;
7064
7071
 
@@ -7103,13 +7110,6 @@
7103
7110
  }
7104
7111
 
7105
7112
 
7106
- .E_h1ol2wl7 {
7107
- font-weight: bold;
7108
- background-color: unset;
7109
- padding: unset;
7110
- }
7111
-
7112
-
7113
7113
  .E_kr6am0s {
7114
7114
  .ant-modal-body {
7115
7115
  padding: 60px 128px;
@@ -7184,53 +7184,20 @@
7184
7184
  }
7185
7185
 
7186
7186
 
7187
- .E_c14ouk5o {
7188
- width: 100%;
7189
- height: 100%;
7187
+ .E_l12xdkhl {
7188
+ width: 64px;
7189
+ height: 64px;
7190
+ max-width: 64px;
7191
+ max-height: 64px;
7192
+ overflow: hidden;
7190
7193
  display: flex;
7191
- font-size: 12px;
7192
- line-height: 18px;
7193
- padding: 8px 0;
7194
- box-shadow: inset 0px -1px 0px rgba(213, 219, 227, 0.6);
7195
-
7196
- &:last-of-type {
7197
- box-shadow: none;
7198
- padding-bottom: 0;
7199
- }
7200
- &.collapsed {
7201
- flex-direction: column;
7202
-
7203
- .collapsed-content {
7204
- display: flex;
7205
-
7206
- > span {
7207
- flex: 1;
7208
- display: flex;
7209
- justify-content: space-between;
7210
- .ant-btn {
7211
- height: auto;
7212
- }
7213
- }
7214
- }
7215
- .extra-content {
7216
- margin-left: 162px;
7217
- }
7218
- }
7219
-
7220
- .col-label {
7221
- width: 216px;
7222
- color: $text-secondary-light;
7223
- margin-right: 12px;
7224
- flex-shrink: 0;
7225
- }
7226
-
7227
- .col-content {
7228
- color: $text-primary-light;
7229
-
7230
- /* make btn link in info row have the same height as normal text */
7231
- .ant-btn.ant-btn-link {
7232
- height: auto;
7233
- }
7194
+ align-items: center;
7195
+ justify-content: center;
7196
+ position: relative;
7197
+ opacity: 0.6;
7198
+ .icon-wrapper {
7199
+ @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } };
7200
+ animation: rotate 1200ms cubic-bezier(0.33, 0, 0.67, 1) infinite;
7234
7201
  }
7235
7202
  }
7236
7203
 
@@ -7834,16 +7801,6 @@
7834
7801
  }
7835
7802
 
7836
7803
 
7837
- .E_cevhqx7 {
7838
- color: $text-light-primary;
7839
- }
7840
-
7841
- .E_snbqlt4 {
7842
- margin-top: 8px;
7843
- color: $text-light-secondary;
7844
- }
7845
-
7846
-
7847
7804
  .E_c1ss4prm {
7848
7805
  color: $text-light-secondary;
7849
7806
 
@@ -7887,20 +7844,63 @@
7887
7844
  }
7888
7845
 
7889
7846
 
7890
- .E_l12xdkhl {
7891
- width: 64px;
7892
- height: 64px;
7893
- max-width: 64px;
7894
- max-height: 64px;
7895
- overflow: hidden;
7847
+ .E_cevhqx7 {
7848
+ color: $text-light-primary;
7849
+ }
7850
+
7851
+ .E_snbqlt4 {
7852
+ margin-top: 8px;
7853
+ color: $text-light-secondary;
7854
+ }
7855
+
7856
+
7857
+ .E_c14ouk5o {
7858
+ width: 100%;
7859
+ height: 100%;
7896
7860
  display: flex;
7897
- align-items: center;
7898
- justify-content: center;
7899
- position: relative;
7900
- opacity: 0.6;
7901
- .icon-wrapper {
7902
- @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } };
7903
- animation: rotate 1200ms cubic-bezier(0.33, 0, 0.67, 1) infinite;
7861
+ font-size: 12px;
7862
+ line-height: 18px;
7863
+ padding: 8px 0;
7864
+ box-shadow: inset 0px -1px 0px rgba(213, 219, 227, 0.6);
7865
+
7866
+ &:last-of-type {
7867
+ box-shadow: none;
7868
+ padding-bottom: 0;
7869
+ }
7870
+ &.collapsed {
7871
+ flex-direction: column;
7872
+
7873
+ .collapsed-content {
7874
+ display: flex;
7875
+
7876
+ > span {
7877
+ flex: 1;
7878
+ display: flex;
7879
+ justify-content: space-between;
7880
+ .ant-btn {
7881
+ height: auto;
7882
+ }
7883
+ }
7884
+ }
7885
+ .extra-content {
7886
+ margin-left: 162px;
7887
+ }
7888
+ }
7889
+
7890
+ .col-label {
7891
+ width: 216px;
7892
+ color: $text-secondary-light;
7893
+ margin-right: 12px;
7894
+ flex-shrink: 0;
7895
+ }
7896
+
7897
+ .col-content {
7898
+ color: $text-primary-light;
7899
+
7900
+ /* make btn link in info row have the same height as normal text */
7901
+ .ant-btn.ant-btn-link {
7902
+ height: auto;
7903
+ }
7904
7904
  }
7905
7905
  }
7906
7906