@cloudtower/eagle 490.0.1 → 490.0.3

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.
@@ -51,6 +51,240 @@
51
51
  }
52
52
 
53
53
 
54
+ .E_berrcjl {
55
+ color: $text-terdiary-light;
56
+ margin-bottom: 4px;
57
+
58
+ .breadcrumb-link {
59
+ color: $text-terdiary-light;
60
+ cursor: pointer;
61
+ transition: color 160ms ease;
62
+
63
+ &:hover {
64
+ color: $blue-60;
65
+ }
66
+ &:active {
67
+ color: $blue-80;
68
+ }
69
+ }
70
+ }
71
+
72
+
73
+ .E_b1nip9bk {
74
+ padding: 4px 11px;
75
+ }
76
+
77
+ .E_bqamoqe {
78
+ white-space: nowrap;
79
+ filter: drop-shadow(0px 2px 8px rgba(0, 136, 255, 0.1));
80
+
81
+ & > .ant-btn {
82
+ &.ant-btn-ordinary-onTint:not(.ant-btn-dangerous) {
83
+ --color: #{$text-light-general};
84
+
85
+ &[disabled],
86
+ &:hover[disabled] {
87
+ --color: #{$text-light-general};
88
+ }
89
+ }
90
+ }
91
+
92
+ & > .ant-btn:not(:only-child) {
93
+ & + .ant-btn {
94
+ margin-left: 1px;
95
+ }
96
+
97
+ &:first-child {
98
+ border-top-right-radius: 0;
99
+ border-bottom-right-radius: 0;
100
+ }
101
+
102
+ &:last-child {
103
+ border-top-left-radius: 0;
104
+ border-bottom-left-radius: 0;
105
+ }
106
+
107
+ &:not(:first-child, :last-child) {
108
+ border-radius: unset;
109
+ }
110
+ }
111
+ }
112
+
113
+
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;
119
+ font-size: 12px;
120
+ }
121
+ .ant-dropdown-menu-item-group-list {
122
+ padding-bottom: 6px;
123
+ }
124
+ &:not(:first-child) {
125
+ padding-top: 4px;
126
+ border-top: 1px solid $strokes-light-trans-2;
127
+ }
128
+ }
129
+ }
130
+
131
+
132
+ .E_ccrbeuz {
133
+ .ant-collapse-item {
134
+ border: 0px;
135
+ background-color: $fills-light-white;
136
+
137
+ .ant-collapse-header {
138
+ padding-top: 0px;
139
+ padding-bottom: 0px;
140
+ padding-left: 0px !important;
141
+ padding-right: 24px;
142
+ .ant-collapse-arrow {
143
+ right: 0px;
144
+ }
145
+ }
146
+ .ant-collapse-content {
147
+ .ant-collapse-content-box {
148
+ padding: 0px;
149
+ }
150
+ }
151
+ }
152
+ }
153
+
154
+ .E_c1fljvag {
155
+ .ant-collapse-item {
156
+ .ant-collapse-header {
157
+ padding-right: 0px;
158
+ cursor: default;
159
+ }
160
+ }
161
+ }
162
+
163
+
164
+ .E_c1uzzomf {
165
+ margin-bottom: 16px;
166
+
167
+ .card-title {
168
+ font-size: 16px;
169
+ color: $text-secondary-light;
170
+ font-weight: 700;
171
+ line-height: 32px;
172
+ }
173
+ .card-body {
174
+ padding: 24px;
175
+ border-radius: 8px;
176
+ background: $fills-light-white;
177
+ }
178
+
179
+ .empty {
180
+ font-weight: 700;
181
+ font-size: 14px;
182
+ line-height: 22px;
183
+ color: $text-light-tertiary;
184
+ text-align: center;
185
+ }
186
+ }
187
+
188
+
189
+ .E_c1yyuluq {
190
+ border-radius: 8px;
191
+ .ant-card-body {
192
+ padding: 20px 24px 24px 24px;
193
+ }
194
+ }
195
+
196
+
197
+ .E_d1bw7c5z {
198
+ position: relative;
199
+ max-width: 388px;
200
+ min-width: 285px;
201
+ .center {
202
+ position: absolute;
203
+ font-size: 12px;
204
+ width: 80px;
205
+ height: 100px;
206
+ top: 0;
207
+ left: 35px;
208
+ display: flex;
209
+ flex-direction: column;
210
+ justify-content: center;
211
+ align-items: center;
212
+ color: $text-light-primary;
213
+
214
+ .number {
215
+ font-size: 24px;
216
+ font-weight: 700;
217
+ }
218
+
219
+ .text {
220
+ padding: 0 5px;
221
+ font-size: 12px;
222
+ width: inherit;
223
+ text-align: center;
224
+ }
225
+ }
226
+ .recharts-wrapper {
227
+ display: flex;
228
+ .recharts-legend-wrapper {
229
+ position: relative !important;
230
+ min-width: calc(
231
+ 100% - var(--d1bw7c5z-0)
232
+ ) !important;
233
+ left: 0 !important;
234
+ bottom: 0 !important;
235
+ display: flex;
236
+ align-items: center;
237
+ .recharts-default-legend {
238
+ width: 100%;
239
+ }
240
+ li {
241
+ width: 100%;
242
+ margin-right: 0 !important;
243
+ line-height: 18px;
244
+ & > svg {
245
+ border-radius: 2px;
246
+ }
247
+ & > .recharts-legend-item-text {
248
+ min-width: 75px;
249
+ max-width: 198px;
250
+ width: calc(100% - 20px);
251
+ margin-left: 2px;
252
+ color: $text-light-primary !important;
253
+ display: inline-flex;
254
+ justify-content: space-between;
255
+ }
256
+ }
257
+ }
258
+ }
259
+ .tooltip-text {
260
+ maxwidth: calc(100% - 12px);
261
+ cursor: pointer;
262
+ border-bottom: 1px dashed $strokes-light-trans-4;
263
+ overflow: hidden;
264
+ text-overflow: ellipsis;
265
+ white-space: nowrap;
266
+ }
267
+
268
+ .value {
269
+ color: $text-neutral-secondary;
270
+ }
271
+ }
272
+
273
+ .E_t10pqbtc {
274
+ width: 140px;
275
+
276
+ .item {
277
+ margin: 6px auto;
278
+ display: flex;
279
+ justify-content: space-between;
280
+
281
+ .name {
282
+ width: 102px;
283
+ }
284
+ }
285
+ }
286
+
287
+
54
288
  .E_b1wx3t3t {
55
289
  &.ant-btn-icon-only {
56
290
  justify-content: center;
@@ -418,408 +652,53 @@
418
652
  }
419
653
 
420
654
 
421
- .E_berrcjl {
422
- color: $text-terdiary-light;
423
- margin-bottom: 4px;
424
-
425
- .breadcrumb-link {
426
- color: $text-terdiary-light;
427
- cursor: pointer;
428
- transition: color 160ms ease;
429
-
430
- &:hover {
431
- color: $blue-60;
432
- }
433
- &:active {
434
- color: $blue-80;
435
- }
655
+ .E_sx1bpnu {
656
+ .ant-input-sm {
657
+ line-height: 18px;
436
658
  }
437
659
  }
438
660
 
439
661
 
440
- .E_b1nip9bk {
441
- padding: 4px 11px;
442
- }
443
-
444
- .E_bqamoqe {
445
- white-space: nowrap;
446
- filter: drop-shadow(0px 2px 8px rgba(0, 136, 255, 0.1));
447
-
448
- & > .ant-btn {
449
- &.ant-btn-ordinary-onTint:not(.ant-btn-dangerous) {
450
- --color: #{$text-light-general};
451
-
452
- &[disabled],
453
- &:hover[disabled] {
454
- --color: #{$text-light-general};
455
- }
456
- }
457
- }
458
-
459
- & > .ant-btn:not(:only-child) {
460
- & + .ant-btn {
461
- margin-left: 1px;
462
- }
463
-
464
- &:first-child {
465
- border-top-right-radius: 0;
466
- border-bottom-right-radius: 0;
467
- }
468
-
469
- &:last-child {
470
- border-top-left-radius: 0;
471
- border-bottom-left-radius: 0;
472
- }
473
-
474
- &:not(:first-child, :last-child) {
475
- border-radius: unset;
476
- }
477
- }
478
- }
479
-
480
-
481
- .E_d133fzv0 {
482
- .ant-dropdown-menu-item-group {
483
- .ant-dropdown-menu-item-group-title {
484
- padding: 4px 8px 0 8px;
485
- color: $text-light-secondary;
486
- font-size: 12px;
487
- }
488
- .ant-dropdown-menu-item-group-list {
489
- padding-bottom: 6px;
490
- }
491
- &:not(:first-child) {
492
- padding-top: 4px;
493
- border-top: 1px solid $strokes-light-trans-2;
494
- }
495
- }
496
- }
497
-
498
-
499
- .E_ccrbeuz {
500
- .ant-collapse-item {
501
- border: 0px;
502
- background-color: $fills-light-white;
503
-
504
- .ant-collapse-header {
505
- padding-top: 0px;
506
- padding-bottom: 0px;
507
- padding-left: 0px !important;
508
- padding-right: 24px;
509
- .ant-collapse-arrow {
510
- right: 0px;
511
- }
512
- }
513
- .ant-collapse-content {
514
- .ant-collapse-content-box {
515
- padding: 0px;
516
- }
517
- }
518
- }
519
- }
520
-
521
- .E_c1fljvag {
522
- .ant-collapse-item {
523
- .ant-collapse-header {
524
- padding-right: 0px;
525
- cursor: default;
526
- }
527
- }
528
- }
529
-
530
-
531
- .E_c1uzzomf {
532
- margin-bottom: 16px;
533
-
534
- .card-title {
535
- font-size: 16px;
536
- color: $text-secondary-light;
537
- font-weight: 700;
538
- line-height: 32px;
539
- }
540
- .card-body {
541
- padding: 24px;
542
- border-radius: 8px;
543
- background: $fills-light-white;
544
- }
545
-
546
- .empty {
547
- font-weight: 700;
548
- font-size: 14px;
549
- line-height: 22px;
550
- color: $text-light-tertiary;
551
- text-align: center;
552
- }
553
- }
554
-
555
-
556
- .E_c1yyuluq {
557
- border-radius: 8px;
558
- .ant-card-body {
559
- padding: 20px 24px 24px 24px;
560
- }
561
- }
562
-
563
-
564
- .E_d1bw7c5z {
565
- position: relative;
566
- max-width: 388px;
567
- min-width: 285px;
568
- .center {
569
- position: absolute;
570
- font-size: 12px;
571
- width: 80px;
572
- height: 100px;
573
- top: 0;
574
- left: 35px;
575
- display: flex;
576
- flex-direction: column;
577
- justify-content: center;
578
- align-items: center;
579
- color: $text-light-primary;
580
-
581
- .number {
582
- font-size: 24px;
583
- font-weight: 700;
584
- }
585
-
586
- .text {
587
- padding: 0 5px;
588
- font-size: 12px;
589
- width: inherit;
590
- text-align: center;
591
- }
592
- }
593
- .recharts-wrapper {
594
- display: flex;
595
- .recharts-legend-wrapper {
596
- position: relative !important;
597
- min-width: calc(
598
- 100% - var(--d1bw7c5z-0)
599
- ) !important;
600
- left: 0 !important;
601
- bottom: 0 !important;
602
- display: flex;
603
- align-items: center;
604
- .recharts-default-legend {
605
- width: 100%;
606
- }
607
- li {
608
- width: 100%;
609
- margin-right: 0 !important;
610
- line-height: 18px;
611
- & > svg {
612
- border-radius: 2px;
613
- }
614
- & > .recharts-legend-item-text {
615
- min-width: 75px;
616
- max-width: 198px;
617
- width: calc(100% - 20px);
618
- margin-left: 2px;
619
- color: $text-light-primary !important;
620
- display: inline-flex;
621
- justify-content: space-between;
622
- }
623
- }
624
- }
625
- }
626
- .tooltip-text {
627
- maxwidth: calc(100% - 12px);
628
- cursor: pointer;
629
- border-bottom: 1px dashed $strokes-light-trans-4;
630
- overflow: hidden;
631
- text-overflow: ellipsis;
632
- white-space: nowrap;
633
- }
634
-
635
- .value {
636
- color: $text-neutral-secondary;
637
- }
638
- }
639
-
640
- .E_t10pqbtc {
641
- width: 140px;
642
-
643
- .item {
644
- margin: 6px auto;
645
- display: flex;
646
- justify-content: space-between;
647
-
648
- .name {
649
- width: 102px;
650
- }
651
- }
652
- }
653
-
654
-
655
- .E_ivqqkzv {
656
- height: 24px;
657
- width: 56px !important;
658
- margin-right: 4px;
659
- }
660
-
661
- .E_c1wk4q29 {
662
- color: $text-secondary-light;
663
- }
664
-
665
-
666
- .E_phljevk {
662
+ .E_c1bus5hc {
663
+ --color: white;
664
+ height: 14px;
665
+ width: 14px;
666
+ border-radius: 50%;
667
+ flex-shrink: 0;
667
668
  display: flex;
668
- justify-content: space-between;
669
669
  align-items: center;
670
- padding: 10px 0;
671
- color: $text-light-secondary;
672
- font-size: 12px;
673
- line-height: 24px;
674
-
675
- .pagination-left {
676
- padding: 2px 8px;
677
- }
678
-
679
- .dropdown-trigger {
680
- display: flex;
681
- align-items: center;
682
- border-radius: 6px;
683
- cursor: pointer;
684
- transition: all 0.3s ease;
685
-
686
- &:hover {
687
- background: $fills-interaction-light-general-hover;
688
- color: $text-light-general;
689
- }
690
- .icon-inner {
691
- margin-left: 4px;
692
- }
693
- }
694
-
695
- .pagination-right {
696
- display: flex;
697
- align-items: center;
698
- color: $blue-60;
699
- font-weight: bold;
700
- .icon-inner {
701
- margin-left: 4px;
702
- }
703
- .prev-btn,
704
- .next-btn {
705
- padding: 0 8px;
706
- > span {
707
- color: $text-light-general;
708
- }
709
- }
710
-
711
- .next-btn {
712
- .icon-inner {
713
- transform: rotate(180deg);
714
- }
715
- }
716
- }
717
- }
718
-
719
- .E_d12rtyeg {
720
- &.ant-dropdown .ant-dropdown-menu {
721
- max-height: calc(100vh - 128px);
722
- overflow-y: auto;
723
-
724
- .ant-dropdown-menu-item {
725
- padding: 4px 20px;
726
- font-size: 12px;
727
- line-height: 18px;
728
- }
729
- }
730
- }
731
-
732
-
733
- .E_sx1bpnu {
734
- .ant-input-sm {
735
- line-height: 18px;
736
- }
737
- }
738
-
739
-
740
- .E_itxley7 {
741
- &.ant-input-group.ant-input-group-compact {
742
- display: flex;
743
- }
744
-
745
- &.ant-input-group.ant-input-group-compact > *:first-child,
746
- &.ant-input-group.ant-input-group-compact
747
- > .ant-select:first-child
748
- > .ant-select-selector,
749
- &.ant-input-group.ant-input-group-compact
750
- > .ant-calendar-picker:first-child
751
- .ant-input,
752
- &.ant-input-group.ant-input-group-compact
753
- > .ant-select-auto-complete:first-child
754
- .ant-input,
755
- &.ant-input-group.ant-input-group-compact
756
- > .ant-cascader-picker:first-child
757
- .ant-input,
758
- &.ant-input-group.ant-input-group-compact
759
- > .ant-mention-wrapper:first-child
760
- .ant-mention-editor,
761
- &.ant-input-group.ant-input-group-compact
762
- > .ant-time-picker:first-child
763
- .ant-time-picker-input {
764
- border-bottom-left-radius: 5px;
765
- border-top-left-radius: 5px;
766
- }
767
- &.ant-input-group.ant-input-group-compact > *:last-child,
768
- &.ant-input-group.ant-input-group-compact
769
- > .ant-select:last-child
770
- > .ant-select-selector,
771
- &.ant-input-group.ant-input-group-compact
772
- > .ant-calendar-picker:last-child
773
- .ant-input,
774
- &.ant-input-group.ant-input-group-compact
775
- > .ant-select-auto-complete:last-child
776
- .ant-input,
777
- &.ant-input-group.ant-input-group-compact
778
- > .ant-cascader-picker:last-child
779
- .ant-input,
780
- &.ant-input-group.ant-input-group-compact
781
- > .ant-cascader-picker-focused:last-child
782
- .ant-input,
783
- &.ant-input-group.ant-input-group-compact
784
- > .ant-mention-wrapper:last-child
785
- .ant-mention-editor,
786
- &.ant-input-group.ant-input-group-compact
787
- > .ant-time-picker:last-child
788
- .ant-time-picker-input {
789
- border-bottom-right-radius: 5px;
790
- border-top-right-radius: 5px;
791
- }
792
- }
793
-
794
-
795
- .E_i11gg7mj {
796
- .ant-input-prefix {
797
- margin-right: 8px;
798
- }
799
- .ant-input-suffix {
800
- margin-left: 8px;
801
- }
802
- }
803
-
804
- .E_cc368xp {
805
- color: $gray-120;
806
- border-right: 1px solid $gray-a60-5;
807
- margin-right: 8px;
808
- padding-right: 8px;
809
- }
670
+ justify-content: center;
671
+ border: 1px solid var(--color);
810
672
 
811
- .E_i11o6xqj {
812
- display: flex;
813
- gap: 4px;
673
+ .circle-inner {
674
+ position: relative;
675
+ height: 10px;
676
+ width: 10px;
677
+ border-radius: 50%;
678
+ overflow: hidden;
679
+ }
814
680
 
815
- .icon-wrapper {
816
- cursor: pointer;
681
+ .circle-content {
682
+ position: absolute;
683
+ height: 100%;
684
+ width: 100%;
685
+ left: 0;
686
+ top: 0;
687
+ border-radius: 50%;
688
+ background: linear-gradient(to right, var(--color) 50%, white 50%);
689
+ transform: rotate(180deg);
817
690
  }
818
- }
819
691
 
820
- .E_d19ruhdj {
821
- &.icon-wrapper {
822
- cursor: not-allowed;
692
+ .circle-child {
693
+ position: absolute;
694
+ height: 100%;
695
+ width: 100%;
696
+ left: 0;
697
+ top: 0;
698
+ margin-left: 50%;
699
+ transform-origin: left;
700
+ background: white;
701
+ transform: rotate(0deg);
823
702
  }
824
703
  }
825
704
 
@@ -967,84 +846,272 @@
967
846
  border-color: $strokes-light-opaque-3;
968
847
  }
969
848
  }
970
-
971
- &.ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
972
- color: $text-light-primary;
973
- border-color: $strokes-light-opaque-3;
974
- background: $fills-light-trans-5;
849
+
850
+ &.ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
851
+ color: $text-light-primary;
852
+ border-color: $strokes-light-opaque-3;
853
+ background: $fills-light-trans-5;
854
+ }
855
+
856
+ & .ant-radio-button-input {
857
+ margin-right: 8px;
858
+ display: inline;
859
+ border: none;
860
+ padding: 0;
861
+ width: 36px;
862
+ background: transparent;
863
+ &:focus {
864
+ box-shadow: none;
865
+ }
866
+ }
867
+ & .ant-radio-button-input.ant-input-number {
868
+ margin-right: 0;
869
+ width: initial;
870
+ box-shadow: none;
871
+ }
872
+ & .ant-radio-button-input .ant-input-number-handler-wrap {
873
+ display: none;
874
+ }
875
+ & .ant-radio-button-input .ant-input-number-input-wrap {
876
+ display: inline;
877
+ }
878
+ & .ant-radio-button-input .ant-input-number-input-wrap input {
879
+ display: inline;
880
+ margin-right: 8px;
881
+ padding: 0;
882
+ width: 36px;
883
+ }
884
+ }
885
+
886
+
887
+ .E_ivqqkzv {
888
+ height: 24px;
889
+ width: 56px !important;
890
+ margin-right: 4px;
891
+ }
892
+
893
+ .E_c1wk4q29 {
894
+ color: $text-secondary-light;
895
+ }
896
+
897
+
898
+ .E_itxley7 {
899
+ &.ant-input-group.ant-input-group-compact {
900
+ display: flex;
901
+ }
902
+
903
+ &.ant-input-group.ant-input-group-compact > *:first-child,
904
+ &.ant-input-group.ant-input-group-compact
905
+ > .ant-select:first-child
906
+ > .ant-select-selector,
907
+ &.ant-input-group.ant-input-group-compact
908
+ > .ant-calendar-picker:first-child
909
+ .ant-input,
910
+ &.ant-input-group.ant-input-group-compact
911
+ > .ant-select-auto-complete:first-child
912
+ .ant-input,
913
+ &.ant-input-group.ant-input-group-compact
914
+ > .ant-cascader-picker:first-child
915
+ .ant-input,
916
+ &.ant-input-group.ant-input-group-compact
917
+ > .ant-mention-wrapper:first-child
918
+ .ant-mention-editor,
919
+ &.ant-input-group.ant-input-group-compact
920
+ > .ant-time-picker:first-child
921
+ .ant-time-picker-input {
922
+ border-bottom-left-radius: 5px;
923
+ border-top-left-radius: 5px;
924
+ }
925
+ &.ant-input-group.ant-input-group-compact > *:last-child,
926
+ &.ant-input-group.ant-input-group-compact
927
+ > .ant-select:last-child
928
+ > .ant-select-selector,
929
+ &.ant-input-group.ant-input-group-compact
930
+ > .ant-calendar-picker:last-child
931
+ .ant-input,
932
+ &.ant-input-group.ant-input-group-compact
933
+ > .ant-select-auto-complete:last-child
934
+ .ant-input,
935
+ &.ant-input-group.ant-input-group-compact
936
+ > .ant-cascader-picker:last-child
937
+ .ant-input,
938
+ &.ant-input-group.ant-input-group-compact
939
+ > .ant-cascader-picker-focused:last-child
940
+ .ant-input,
941
+ &.ant-input-group.ant-input-group-compact
942
+ > .ant-mention-wrapper:last-child
943
+ .ant-mention-editor,
944
+ &.ant-input-group.ant-input-group-compact
945
+ > .ant-time-picker:last-child
946
+ .ant-time-picker-input {
947
+ border-bottom-right-radius: 5px;
948
+ border-top-right-radius: 5px;
949
+ }
950
+ }
951
+
952
+
953
+ .E_i11gg7mj {
954
+ .ant-input-prefix {
955
+ margin-right: 8px;
956
+ }
957
+ .ant-input-suffix {
958
+ margin-left: 8px;
959
+ }
960
+ }
961
+
962
+ .E_cc368xp {
963
+ color: $gray-120;
964
+ border-right: 1px solid $gray-a60-5;
965
+ margin-right: 8px;
966
+ padding-right: 8px;
967
+ }
968
+
969
+ .E_i11o6xqj {
970
+ display: flex;
971
+ gap: 4px;
972
+
973
+ .icon-wrapper {
974
+ cursor: pointer;
975
+ }
976
+ }
977
+
978
+ .E_d19ruhdj {
979
+ &.icon-wrapper {
980
+ cursor: not-allowed;
981
+ }
982
+ }
983
+
984
+
985
+ .E_phljevk {
986
+ display: flex;
987
+ justify-content: space-between;
988
+ align-items: center;
989
+ padding: 10px 0;
990
+ color: $text-light-secondary;
991
+ font-size: 12px;
992
+ line-height: 24px;
993
+
994
+ .pagination-left {
995
+ padding: 2px 8px;
996
+ }
997
+
998
+ .dropdown-trigger {
999
+ display: flex;
1000
+ align-items: center;
1001
+ border-radius: 6px;
1002
+ cursor: pointer;
1003
+ transition: all 0.3s ease;
1004
+
1005
+ &:hover {
1006
+ background: $fills-interaction-light-general-hover;
1007
+ color: $text-light-general;
1008
+ }
1009
+ .icon-inner {
1010
+ margin-left: 4px;
1011
+ }
1012
+ }
1013
+
1014
+ .pagination-right {
1015
+ display: flex;
1016
+ align-items: center;
1017
+ color: $blue-60;
1018
+ font-weight: bold;
1019
+ .icon-inner {
1020
+ margin-left: 4px;
1021
+ }
1022
+ .prev-btn,
1023
+ .next-btn {
1024
+ padding: 0 8px;
1025
+ > span {
1026
+ color: $text-light-general;
1027
+ }
1028
+ }
1029
+
1030
+ .next-btn {
1031
+ .icon-inner {
1032
+ transform: rotate(180deg);
1033
+ }
1034
+ }
1035
+ }
1036
+ }
1037
+
1038
+ .E_d12rtyeg {
1039
+ &.ant-dropdown .ant-dropdown-menu {
1040
+ max-height: calc(100vh - 128px);
1041
+ overflow-y: auto;
1042
+
1043
+ .ant-dropdown-menu-item {
1044
+ padding: 4px 20px;
1045
+ font-size: 12px;
1046
+ line-height: 18px;
1047
+ }
1048
+ }
1049
+ }
1050
+
1051
+
1052
+ .E_s1dizucg {
1053
+ &.ant-switch {
1054
+ min-width: 40px;
1055
+ height: 24px;
1056
+ background: $fills-trans-quinary-light;
1057
+ overflow: hidden;
1058
+ &:focus {
1059
+ box-shadow: 0 0 0 2px $strokes-light-trans-1;
1060
+ }
1061
+ }
1062
+ &.ant-switch-small {
1063
+ min-width: 26px;
1064
+ height: 16px;
1065
+ }
1066
+ &.ant-switch-large {
1067
+ min-width: 52px;
1068
+ height: 32px;
1069
+ }
1070
+
1071
+ &.ant-switch .ant-switch-handle {
1072
+ height: 20px;
1073
+ width: 20px;
1074
+ &::before {
1075
+ border-radius: 10px;
1076
+ transition-delay: 120ms;
1077
+ }
1078
+ }
1079
+ &.ant-switch-small .ant-switch-handle {
1080
+ height: 14px;
1081
+ width: 14px;
1082
+ top: 1px;
1083
+ left: 1px;
975
1084
  }
976
-
977
- & .ant-radio-button-input {
978
- margin-right: 8px;
979
- display: inline;
980
- border: none;
981
- padding: 0;
982
- width: 36px;
983
- background: transparent;
984
- &:focus {
985
- box-shadow: none;
1085
+ &.ant-switch-large .ant-switch-handle {
1086
+ height: 28px;
1087
+ width: 28px;
1088
+ &::before {
1089
+ border-radius: 14px;
986
1090
  }
987
1091
  }
988
- & .ant-radio-button-input.ant-input-number {
989
- margin-right: 0;
990
- width: initial;
991
- box-shadow: none;
1092
+
1093
+ &.ant-switch-checked {
1094
+ background-color: $green-60;
992
1095
  }
993
- & .ant-radio-button-input .ant-input-number-handler-wrap {
994
- display: none;
1096
+ &.ant-switch-checked .ant-switch-handle {
1097
+ left: calc(100% - 20px - 2px);
995
1098
  }
996
- & .ant-radio-button-input .ant-input-number-input-wrap {
997
- display: inline;
1099
+ &.ant-switch-small.ant-switch-checked .ant-switch-handle {
1100
+ left: calc(100% - 14px - 1px);
998
1101
  }
999
- & .ant-radio-button-input .ant-input-number-input-wrap input {
1000
- display: inline;
1001
- margin-right: 8px;
1002
- padding: 0;
1003
- width: 36px;
1102
+ &.ant-switch-large.ant-switch-checked .ant-switch-handle {
1103
+ left: calc(100% - 28px - 2px);
1004
1104
  }
1005
1105
  }
1006
1106
 
1007
-
1008
- .E_c1bus5hc {
1009
- --color: white;
1010
- height: 14px;
1011
- width: 14px;
1012
- border-radius: 50%;
1013
- flex-shrink: 0;
1014
- display: flex;
1015
- align-items: center;
1016
- justify-content: center;
1017
- border: 1px solid var(--color);
1018
-
1019
- .circle-inner {
1020
- position: relative;
1021
- height: 10px;
1022
- width: 10px;
1023
- border-radius: 50%;
1024
- overflow: hidden;
1107
+ .E_c1up6e3y {
1108
+ margin-left: 5px;
1025
1109
  }
1026
1110
 
1027
- .circle-content {
1028
- position: absolute;
1029
- height: 100%;
1030
- width: 100%;
1031
- left: 0;
1032
- top: 0;
1033
- border-radius: 50%;
1034
- background: linear-gradient(to right, var(--color) 50%, white 50%);
1035
- transform: rotate(180deg);
1036
- }
1037
1111
 
1038
- .circle-child {
1039
- position: absolute;
1040
- height: 100%;
1041
- width: 100%;
1042
- left: 0;
1043
- top: 0;
1044
- margin-left: 50%;
1045
- transform-origin: left;
1046
- background: white;
1047
- transform: rotate(0deg);
1112
+ .E_tju3gfj {
1113
+ .date {
1114
+ margin-right: 4px;
1048
1115
  }
1049
1116
  }
1050
1117
 
@@ -1135,66 +1202,6 @@
1135
1202
  }
1136
1203
 
1137
1204
 
1138
- .E_s1dizucg {
1139
- &.ant-switch {
1140
- min-width: 40px;
1141
- height: 24px;
1142
- background: $fills-trans-quinary-light;
1143
- overflow: hidden;
1144
- &:focus {
1145
- box-shadow: 0 0 0 2px $strokes-light-trans-1;
1146
- }
1147
- }
1148
- &.ant-switch-small {
1149
- min-width: 26px;
1150
- height: 16px;
1151
- }
1152
- &.ant-switch-large {
1153
- min-width: 52px;
1154
- height: 32px;
1155
- }
1156
-
1157
- &.ant-switch .ant-switch-handle {
1158
- height: 20px;
1159
- width: 20px;
1160
- &::before {
1161
- border-radius: 10px;
1162
- transition-delay: 120ms;
1163
- }
1164
- }
1165
- &.ant-switch-small .ant-switch-handle {
1166
- height: 14px;
1167
- width: 14px;
1168
- top: 1px;
1169
- left: 1px;
1170
- }
1171
- &.ant-switch-large .ant-switch-handle {
1172
- height: 28px;
1173
- width: 28px;
1174
- &::before {
1175
- border-radius: 14px;
1176
- }
1177
- }
1178
-
1179
- &.ant-switch-checked {
1180
- background-color: $green-60;
1181
- }
1182
- &.ant-switch-checked .ant-switch-handle {
1183
- left: calc(100% - 20px - 2px);
1184
- }
1185
- &.ant-switch-small.ant-switch-checked .ant-switch-handle {
1186
- left: calc(100% - 14px - 1px);
1187
- }
1188
- &.ant-switch-large.ant-switch-checked .ant-switch-handle {
1189
- left: calc(100% - 28px - 2px);
1190
- }
1191
- }
1192
-
1193
- .E_c1up6e3y {
1194
- margin-left: 5px;
1195
- }
1196
-
1197
-
1198
1205
  .E_t1m2x205 {
1199
1206
  .ant-tooltip-arrow {
1200
1207
  display: none;
@@ -1264,130 +1271,42 @@
1264
1271
 
1265
1272
  .E_o1ifxsq4 {
1266
1273
  display: flex;
1267
- justify-content: space-between;
1268
- height: 20px;
1269
- line-height: 20px;
1270
-
1271
- .timezone-title {
1272
- color: #2d3a56;
1273
- overflow: hidden;
1274
- text-overflow: ellipsis;
1275
- }
1276
- }
1277
-
1278
- .E_o1zue7 {
1279
- display: flex;
1280
- justify-content: space-between;
1281
- color: $text-light-secondary;
1282
- height: 18px;
1283
- line-height: 18px;
1284
- margin-top: 2px;
1285
- }
1286
-
1287
- .E_tyfmlxg {
1288
- border: none;
1289
- margin-right: 0;
1290
- background: rgba(225, 230, 241, 0.6);
1291
- }
1292
-
1293
- .E_o18uybox {
1294
- pointer-events: none;
1295
- height: 32px;
1296
- width: 100%;
1297
- opacity: 0;
1298
- }
1299
-
1300
-
1301
- .E_iq1gosr {
1302
- display: inline-block;
1303
- }
1304
-
1305
-
1306
- .E_tju3gfj {
1307
- .date {
1308
- margin-right: 4px;
1309
- }
1310
- }
1311
-
1312
-
1313
- .E_ai7qkf2 {
1314
- .ant-input-number-handler-wrap {
1315
- display: var(--ai7qkf2-0);
1316
- }
1317
- .ant-input-number-input-wrap {
1318
- display: inline-flex;
1319
- line-height: 1.5715;
1320
- height: 100%;
1321
- width: 100%;
1322
- }
1323
-
1324
- .ant-input-number-input-wrap::after {
1325
- content: var(--ai7qkf2-1);
1326
- display: var(--ai7qkf2-2);
1327
- flex: none;
1328
- align-items: center;
1329
- margin-left: 4px;
1330
- padding: 5px 12px 5px 0;
1331
- color: rgba(44, 56, 82, 0.6);
1332
- }
1333
-
1334
- .ant-input-number-input-wrap::before {
1335
- content: var(--ai7qkf2-3);
1336
- display: var(--ai7qkf2-4);
1337
- flex: none;
1338
- align-items: center;
1339
- margin-right: 4px;
1340
- cursor: auto;
1341
- color: rgba(44, 56, 82, 0.6);
1342
- }
1343
-
1344
- .ant-input-group.ant-input-group-compact > & {
1345
- border-radius: 0;
1346
- }
1347
-
1348
- &.ant-input-number {
1349
- width: 100%;
1350
- border-radius: 6px;
1351
- }
1352
- &.ant-input-number:not([disabled]) {
1353
- &:focus,
1354
- &:active,
1355
- &.ant-input-number-focused {
1356
- &.ant-input-number {
1357
- border-color: $blue;
1358
- box-shadow: $shadow-light-active;
1359
- z-index: $input-hover-index;
1360
- }
1361
- }
1362
- &.error {
1363
- &:hover,
1364
- &.ant-input-number-focused {
1365
- &.ant-input-number {
1366
- border-color: $red;
1367
- box-shadow: $shadow-light-error;
1368
- }
1369
- }
1274
+ justify-content: space-between;
1275
+ height: 20px;
1276
+ line-height: 20px;
1277
+
1278
+ .timezone-title {
1279
+ color: #2d3a56;
1280
+ overflow: hidden;
1281
+ text-overflow: ellipsis;
1370
1282
  }
1371
1283
  }
1372
1284
 
1373
- .ant-input-number-input {
1374
- height: 30px;
1375
- border: 1px;
1376
- padding: 5px 12px;
1377
- font-size: inherit;
1285
+ .E_o1zue7 {
1286
+ display: flex;
1287
+ justify-content: space-between;
1288
+ color: $text-light-secondary;
1289
+ height: 18px;
1290
+ line-height: 18px;
1291
+ margin-top: 2px;
1378
1292
  }
1379
1293
 
1380
- &.ant-input-number-lg input {
1381
- height: 38px;
1382
- border: 1px;
1383
- padding: 8px 16px;
1384
- }
1294
+ .E_tyfmlxg {
1295
+ border: none;
1296
+ margin-right: 0;
1297
+ background: rgba(225, 230, 241, 0.6);
1298
+ }
1385
1299
 
1386
- &.ant-input-number-sm input {
1387
- height: 22px;
1388
- border: 1px;
1389
- padding: 2px 8px;
1390
- }
1300
+ .E_o18uybox {
1301
+ pointer-events: none;
1302
+ height: 32px;
1303
+ width: 100%;
1304
+ opacity: 0;
1305
+ }
1306
+
1307
+
1308
+ .E_iq1gosr {
1309
+ display: inline-block;
1391
1310
  }
1392
1311
 
1393
1312
 
@@ -1401,24 +1320,39 @@
1401
1320
  }
1402
1321
 
1403
1322
 
1404
- .E_iouxfgt {
1405
- display: inline-flex;
1406
- align-items: center;
1407
-
1408
- .icon-inner {
1323
+ .E_a1wfy30z {
1324
+ .ant-input-number-handler-wrap {
1325
+ display: var(--a1wfy30z-0);
1326
+ }
1327
+ .ant-input-number-input-wrap {
1328
+ padding: 4px 11px;
1409
1329
  display: inline-flex;
1410
- align-items: center;
1411
- justify-content: center;
1330
+ line-height: 1.5715;
1331
+ height: inherit;
1412
1332
  }
1413
- .icon-inner + span,
1414
- span + .icon-inner.suffix {
1333
+
1334
+ .ant-input-number-input-wrap::after {
1335
+ content: var(--a1wfy30z-1);
1336
+ display: var(--a1wfy30z-2);
1337
+ flex: none;
1338
+ align-items: center;
1415
1339
  margin-left: 4px;
1416
1340
  }
1417
- &.is-rotate {
1418
- img,
1419
- svg {
1420
- animation: rotate 680ms linear infinite;
1421
- }
1341
+
1342
+ .ant-input-number-input-wrap::before {
1343
+ content: var(--a1wfy30z-3);
1344
+ display: var(--a1wfy30z-4);
1345
+ flex: none;
1346
+ align-items: center;
1347
+ margin-right: 4px;
1348
+ cursor: auto;
1349
+ }
1350
+
1351
+ .ant-input-number-input {
1352
+ padding: 0;
1353
+ margin: 0;
1354
+ height: auto;
1355
+ font-size: inherit;
1422
1356
  }
1423
1357
  }
1424
1358
 
@@ -1437,6 +1371,23 @@
1437
1371
  }
1438
1372
 
1439
1373
 
1374
+ .E_fzh9mnb {
1375
+ width: 100%;
1376
+ height: 100%;
1377
+ min-height: 124px;
1378
+ display: flex;
1379
+ flex-direction: column;
1380
+ justify-content: center;
1381
+ align-items: center;
1382
+
1383
+ .error-text {
1384
+ color: $text-terdiary-light;
1385
+ margin-bottom: 16px;
1386
+ font-size: 18px;
1387
+ }
1388
+ }
1389
+
1390
+
1440
1391
  .E_f7pxqmh {
1441
1392
  width: 100%;
1442
1393
  margin-bottom: 0 !important;
@@ -1479,57 +1430,106 @@
1479
1430
  }
1480
1431
 
1481
1432
 
1482
- .E_fzh9mnb {
1483
- width: 100%;
1484
- height: 100%;
1485
- min-height: 124px;
1486
- display: flex;
1487
- flex-direction: column;
1488
- justify-content: center;
1433
+ .E_iouxfgt {
1434
+ display: inline-flex;
1489
1435
  align-items: center;
1490
1436
 
1491
- .error-text {
1492
- color: $text-terdiary-light;
1493
- margin-bottom: 16px;
1494
- font-size: 18px;
1437
+ .icon-inner {
1438
+ display: inline-flex;
1439
+ align-items: center;
1440
+ justify-content: center;
1441
+ }
1442
+ .icon-inner + span,
1443
+ span + .icon-inner.suffix {
1444
+ margin-left: 4px;
1445
+ }
1446
+ &.is-rotate {
1447
+ img,
1448
+ svg {
1449
+ animation: rotate 680ms linear infinite;
1450
+ }
1495
1451
  }
1496
1452
  }
1497
1453
 
1498
1454
 
1499
- .E_a1wfy30z {
1455
+ .E_ai7qkf2 {
1500
1456
  .ant-input-number-handler-wrap {
1501
- display: var(--a1wfy30z-0);
1457
+ display: var(--ai7qkf2-0);
1502
1458
  }
1503
1459
  .ant-input-number-input-wrap {
1504
- padding: 4px 11px;
1505
1460
  display: inline-flex;
1506
1461
  line-height: 1.5715;
1507
- height: inherit;
1462
+ height: 100%;
1463
+ width: 100%;
1508
1464
  }
1509
1465
 
1510
1466
  .ant-input-number-input-wrap::after {
1511
- content: var(--a1wfy30z-1);
1512
- display: var(--a1wfy30z-2);
1467
+ content: var(--ai7qkf2-1);
1468
+ display: var(--ai7qkf2-2);
1513
1469
  flex: none;
1514
1470
  align-items: center;
1515
1471
  margin-left: 4px;
1472
+ padding: 5px 12px 5px 0;
1473
+ color: rgba(44, 56, 82, 0.6);
1516
1474
  }
1517
1475
 
1518
1476
  .ant-input-number-input-wrap::before {
1519
- content: var(--a1wfy30z-3);
1520
- display: var(--a1wfy30z-4);
1477
+ content: var(--ai7qkf2-3);
1478
+ display: var(--ai7qkf2-4);
1521
1479
  flex: none;
1522
1480
  align-items: center;
1523
1481
  margin-right: 4px;
1524
1482
  cursor: auto;
1483
+ color: rgba(44, 56, 82, 0.6);
1484
+ }
1485
+
1486
+ .ant-input-group.ant-input-group-compact > & {
1487
+ border-radius: 0;
1488
+ }
1489
+
1490
+ &.ant-input-number {
1491
+ width: 100%;
1492
+ border-radius: 6px;
1493
+ }
1494
+ &.ant-input-number:not([disabled]) {
1495
+ &:focus,
1496
+ &:active,
1497
+ &.ant-input-number-focused {
1498
+ &.ant-input-number {
1499
+ border-color: $blue;
1500
+ box-shadow: $shadow-light-active;
1501
+ z-index: $input-hover-index;
1502
+ }
1503
+ }
1504
+ &.error {
1505
+ &:hover,
1506
+ &.ant-input-number-focused {
1507
+ &.ant-input-number {
1508
+ border-color: $red;
1509
+ box-shadow: $shadow-light-error;
1510
+ }
1511
+ }
1512
+ }
1525
1513
  }
1526
1514
 
1527
1515
  .ant-input-number-input {
1528
- padding: 0;
1529
- margin: 0;
1530
- height: auto;
1516
+ height: 30px;
1517
+ border: 1px;
1518
+ padding: 5px 12px;
1531
1519
  font-size: inherit;
1532
1520
  }
1521
+
1522
+ &.ant-input-number-lg input {
1523
+ height: 38px;
1524
+ border: 1px;
1525
+ padding: 8px 16px;
1526
+ }
1527
+
1528
+ &.ant-input-number-sm input {
1529
+ height: 22px;
1530
+ border: 1px;
1531
+ padding: 2px 8px;
1532
+ }
1533
1533
  }
1534
1534
 
1535
1535
 
@@ -1543,43 +1543,6 @@
1543
1543
  }
1544
1544
 
1545
1545
 
1546
- .E_a1b5xrg3 {
1547
- .user-icon-inner {
1548
- display: inline-flex;
1549
- align-items: center;
1550
- justify-content: center;
1551
- color: $white;
1552
- font-weight: bold;
1553
- font-size: 12px;
1554
- width: 24px;
1555
- height: 24px;
1556
- border-radius: 50%;
1557
- background: var(--a1b5xrg3-0);
1558
- }
1559
- &.btn-item {
1560
- transition: all 160ms ease;
1561
- cursor: pointer;
1562
- width: 56px;
1563
- height: 40px;
1564
- display: inline-flex;
1565
- align-items: center;
1566
- justify-content: center;
1567
- border-radius: 6px;
1568
-
1569
- &:hover {
1570
- box-shadow:
1571
- 0px 0px 20px rgba(107, 125, 153, 0.18),
1572
- 0px 25px 80px rgba(45, 58, 86, 0.3);
1573
- }
1574
-
1575
- &:active {
1576
- transform: translateY(2px);
1577
- transition: all 320ms ease;
1578
- }
1579
- }
1580
- }
1581
-
1582
-
1583
1546
  .E_dsnbhzf {
1584
1547
  @include Inter(bold);
1585
1548
  font-size: 32px;
@@ -1934,8 +1897,45 @@
1934
1897
  }
1935
1898
 
1936
1899
 
1937
- .E_m196gn1d {
1938
- min-width: 1280px;
1900
+ .E_m196gn1d {
1901
+ min-width: 1280px;
1902
+ }
1903
+
1904
+
1905
+ .E_a1b5xrg3 {
1906
+ .user-icon-inner {
1907
+ display: inline-flex;
1908
+ align-items: center;
1909
+ justify-content: center;
1910
+ color: $white;
1911
+ font-weight: bold;
1912
+ font-size: 12px;
1913
+ width: 24px;
1914
+ height: 24px;
1915
+ border-radius: 50%;
1916
+ background: var(--a1b5xrg3-0);
1917
+ }
1918
+ &.btn-item {
1919
+ transition: all 160ms ease;
1920
+ cursor: pointer;
1921
+ width: 56px;
1922
+ height: 40px;
1923
+ display: inline-flex;
1924
+ align-items: center;
1925
+ justify-content: center;
1926
+ border-radius: 6px;
1927
+
1928
+ &:hover {
1929
+ box-shadow:
1930
+ 0px 0px 20px rgba(107, 125, 153, 0.18),
1931
+ 0px 25px 80px rgba(45, 58, 86, 0.3);
1932
+ }
1933
+
1934
+ &:active {
1935
+ transform: translateY(2px);
1936
+ transition: all 320ms ease;
1937
+ }
1938
+ }
1939
1939
  }
1940
1940
 
1941
1941
 
@@ -2752,108 +2752,6 @@
2752
2752
  }
2753
2753
 
2754
2754
 
2755
- .E_s17wv897 {
2756
- &.ant-select,
2757
- &.ant-select div.ant-select-selector {
2758
- border-radius: 6px;
2759
- }
2760
-
2761
- &.ant-select {
2762
- &.ant-select-single {
2763
- width: 100%;
2764
- &[data-size="small"] {
2765
- }
2766
- &[data-size="middle"] {
2767
- height: 30px;
2768
- }
2769
- &[data-size="large"] {
2770
- }
2771
- color: $text-primary-light;
2772
- border-color: $strokes-light-trans-2;
2773
- transition:
2774
- border 160ms ease 8ms,
2775
- box-shadow 160ms ease 8ms;
2776
- font-size: 13px;
2777
-
2778
- &.ant-select-lg {
2779
- height: 38px;
2780
- font-size: 13px;
2781
- }
2782
-
2783
- .ant-select-arrow,
2784
- .ant-select-arrow .anticon-down {
2785
- transition: 160ms ease;
2786
- }
2787
-
2788
- .ant-select-arrow-loading {
2789
- color: $fills-light-general-general;
2790
- }
2791
-
2792
- &:not(.ant-select-disabled) {
2793
- &:hover .ant-select-selector,
2794
- &.__pseudo-states-hover .ant-select-selector {
2795
- border-color: $strokes-light-trans-4;
2796
- box-shadow: $shadow-light-hover;
2797
- }
2798
-
2799
- &:hover .ant-select-arrow,
2800
- &.__pseudo-states-hover .ant-select-arrow {
2801
- color: $fills-light-general-general;
2802
- }
2803
-
2804
- &:active,
2805
- &:focus,
2806
- &.ant-select-focused,
2807
- &.ant-select-open,
2808
- &.__pseudo-states-active,
2809
- &.__pseudo-states-focus {
2810
- .ant-select-selector {
2811
- border-color: $fills-light-general-general;
2812
- box-shadow: $shadow-light-active;
2813
- }
2814
- }
2815
-
2816
- &.ant-select-open .ant-select-arrow .anticon-down {
2817
- transform: rotate(180deg);
2818
- }
2819
- }
2820
-
2821
- &.ant-select-disabled .ant-select-selector {
2822
- background: $fills-light-trans-3;
2823
- border-color: $strokes-light-trans-3;
2824
- cursor: "not-allowed";
2825
- }
2826
- }
2827
- &.select-error:not(.ant-select-disabled) {
2828
- .ant-select-selector {
2829
- border-color: $fills-light-serious-serious !important;
2830
- }
2831
-
2832
- &:hover .ant-select-arrow,
2833
- &.__pseudo-states-hover .ant-select-arrow {
2834
- color: $text-light-super;
2835
- }
2836
-
2837
- &:active,
2838
- &:focus,
2839
- &.ant-select-focused,
2840
- &.ant-select-open,
2841
- &.__pseudo-states-focus,
2842
- &.__pseudo-states-active {
2843
- .ant-select-selector {
2844
- border-color: $fills-light-general-general;
2845
- box-shadow: $shadow-light-error;
2846
- }
2847
- }
2848
-
2849
- &.ant-select-open .ant-select-arrow .anticon-down {
2850
- transform: rotate(180deg);
2851
- }
2852
- }
2853
- }
2854
- }
2855
-
2856
-
2857
2755
  .E_s4ivdfu {
2858
2756
  &.ant-select {
2859
2757
  .ant-select-selection-placeholder {
@@ -3040,48 +2938,150 @@
3040
2938
  .ant-select-arrow {
3041
2939
  right: 4px;
3042
2940
  }
3043
- }
2941
+ }
2942
+
2943
+ &.ant-select-single.ant-select-show-arrow {
2944
+ .ant-select-selection-item {
2945
+ padding-right: 24px;
2946
+ }
2947
+ }
2948
+ }
2949
+ }
2950
+
2951
+ .E_p2sxmsl {
2952
+ color: $gray-a30-10;
2953
+ }
2954
+
2955
+
2956
+ .E_oa99sl3 {
2957
+ display: flex;
2958
+ justify-content: space-between;
2959
+ align-items: center;
2960
+ gap: 8px;
2961
+
2962
+ &,
2963
+ :first-child {
2964
+ // unset the global style
2965
+ line-height: inherit !important;
2966
+ }
2967
+ }
2968
+
2969
+ .E_lvp5pj7 {
2970
+ display: flex;
2971
+ justify-content: space-between;
2972
+ align-items: center;
2973
+ gap: 8px;
2974
+ min-width: 0;
2975
+ }
2976
+
2977
+ .E_s1io1lws {
2978
+ display: flex;
2979
+ align-items: center;
2980
+ flex-shrink: 0;
2981
+ }
2982
+
2983
+
2984
+ .E_s17wv897 {
2985
+ &.ant-select,
2986
+ &.ant-select div.ant-select-selector {
2987
+ border-radius: 6px;
2988
+ }
2989
+
2990
+ &.ant-select {
2991
+ &.ant-select-single {
2992
+ width: 100%;
2993
+ &[data-size="small"] {
2994
+ }
2995
+ &[data-size="middle"] {
2996
+ height: 30px;
2997
+ }
2998
+ &[data-size="large"] {
2999
+ }
3000
+ color: $text-primary-light;
3001
+ border-color: $strokes-light-trans-2;
3002
+ transition:
3003
+ border 160ms ease 8ms,
3004
+ box-shadow 160ms ease 8ms;
3005
+ font-size: 13px;
3006
+
3007
+ &.ant-select-lg {
3008
+ height: 38px;
3009
+ font-size: 13px;
3010
+ }
3011
+
3012
+ .ant-select-arrow,
3013
+ .ant-select-arrow .anticon-down {
3014
+ transition: 160ms ease;
3015
+ }
3016
+
3017
+ .ant-select-arrow-loading {
3018
+ color: $fills-light-general-general;
3019
+ }
3020
+
3021
+ &:not(.ant-select-disabled) {
3022
+ &:hover .ant-select-selector,
3023
+ &.__pseudo-states-hover .ant-select-selector {
3024
+ border-color: $strokes-light-trans-4;
3025
+ box-shadow: $shadow-light-hover;
3026
+ }
3027
+
3028
+ &:hover .ant-select-arrow,
3029
+ &.__pseudo-states-hover .ant-select-arrow {
3030
+ color: $fills-light-general-general;
3031
+ }
3032
+
3033
+ &:active,
3034
+ &:focus,
3035
+ &.ant-select-focused,
3036
+ &.ant-select-open,
3037
+ &.__pseudo-states-active,
3038
+ &.__pseudo-states-focus {
3039
+ .ant-select-selector {
3040
+ border-color: $fills-light-general-general;
3041
+ box-shadow: $shadow-light-active;
3042
+ }
3043
+ }
3044
+
3045
+ &.ant-select-open .ant-select-arrow .anticon-down {
3046
+ transform: rotate(180deg);
3047
+ }
3048
+ }
3049
+
3050
+ &.ant-select-disabled .ant-select-selector {
3051
+ background: $fills-light-trans-3;
3052
+ border-color: $strokes-light-trans-3;
3053
+ cursor: "not-allowed";
3054
+ }
3055
+ }
3056
+ &.select-error:not(.ant-select-disabled) {
3057
+ .ant-select-selector {
3058
+ border-color: $fills-light-serious-serious !important;
3059
+ }
3060
+
3061
+ &:hover .ant-select-arrow,
3062
+ &.__pseudo-states-hover .ant-select-arrow {
3063
+ color: $text-light-super;
3064
+ }
3065
+
3066
+ &:active,
3067
+ &:focus,
3068
+ &.ant-select-focused,
3069
+ &.ant-select-open,
3070
+ &.__pseudo-states-focus,
3071
+ &.__pseudo-states-active {
3072
+ .ant-select-selector {
3073
+ border-color: $fills-light-general-general;
3074
+ box-shadow: $shadow-light-error;
3075
+ }
3076
+ }
3044
3077
 
3045
- &.ant-select-single.ant-select-show-arrow {
3046
- .ant-select-selection-item {
3047
- padding-right: 24px;
3078
+ &.ant-select-open .ant-select-arrow .anticon-down {
3079
+ transform: rotate(180deg);
3048
3080
  }
3049
3081
  }
3050
3082
  }
3051
3083
  }
3052
3084
 
3053
- .E_p2sxmsl {
3054
- color: $gray-a30-10;
3055
- }
3056
-
3057
-
3058
- .E_oa99sl3 {
3059
- display: flex;
3060
- justify-content: space-between;
3061
- align-items: center;
3062
- gap: 8px;
3063
-
3064
- &,
3065
- :first-child {
3066
- // unset the global style
3067
- line-height: inherit !important;
3068
- }
3069
- }
3070
-
3071
- .E_lvp5pj7 {
3072
- display: flex;
3073
- justify-content: space-between;
3074
- align-items: center;
3075
- gap: 8px;
3076
- min-width: 0;
3077
- }
3078
-
3079
- .E_s1io1lws {
3080
- display: flex;
3081
- align-items: center;
3082
- flex-shrink: 0;
3083
- }
3084
-
3085
3085
 
3086
3086
  .E_w1dxz879 {
3087
3087
  display: flex;
@@ -3170,40 +3170,6 @@
3170
3170
  }
3171
3171
 
3172
3172
 
3173
- .E_m5foqp8 {
3174
- &.medium {
3175
- --footer-height: 96px;
3176
- --modal-content-width: 720px;
3177
- --modal-content-min-height: 200px;
3178
- --modal-header-padding: 40px 60px 8px;
3179
- --modal-content-padding-top: 24px;
3180
- --modal-content-padding-bottom: 32px;
3181
- --modal-content-padding-x: 60px;
3182
- --modal-footer-padding: 0 60px;
3183
-
3184
- &.content-full.ant-modal {
3185
- height: calc(100vh - 80px);
3186
- width: calc(100vw - 160px);
3187
- .ant-modal-content {
3188
- width: 100%;
3189
- height: 100%;
3190
- max-width: unset;
3191
- max-height: unset;
3192
- display: flex;
3193
- flex-direction: column;
3194
- }
3195
- .ant-modal-body {
3196
- flex: 1;
3197
- }
3198
- }
3199
-
3200
- .initializing-title {
3201
- height: 32px;
3202
- }
3203
- }
3204
- }
3205
-
3206
-
3207
3173
  .E_hrhfj7c {
3208
3174
  display: none;
3209
3175
  }
@@ -3286,6 +3252,7 @@
3286
3252
  justify-content: space-between;
3287
3253
  align-items: center;
3288
3254
  border-bottom: 1px solid $gray-30;
3255
+ gap: 4px;
3289
3256
  }
3290
3257
 
3291
3258
  .E_ckhyuyx {
@@ -3455,6 +3422,204 @@
3455
3422
  }
3456
3423
 
3457
3424
 
3425
+ .E_m5foqp8 {
3426
+ &.medium {
3427
+ --footer-height: 96px;
3428
+ --modal-content-width: 720px;
3429
+ --modal-content-min-height: 200px;
3430
+ --modal-header-padding: 40px 60px 8px;
3431
+ --modal-content-padding-top: 24px;
3432
+ --modal-content-padding-bottom: 32px;
3433
+ --modal-content-padding-x: 60px;
3434
+ --modal-footer-padding: 0 60px;
3435
+
3436
+ &.content-full.ant-modal {
3437
+ height: calc(100vh - 80px);
3438
+ width: calc(100vw - 160px);
3439
+ .ant-modal-content {
3440
+ width: 100%;
3441
+ height: 100%;
3442
+ max-width: unset;
3443
+ max-height: unset;
3444
+ display: flex;
3445
+ flex-direction: column;
3446
+ }
3447
+ .ant-modal-body {
3448
+ flex: 1;
3449
+ }
3450
+ }
3451
+
3452
+ .initializing-title {
3453
+ height: 32px;
3454
+ }
3455
+ }
3456
+ }
3457
+
3458
+
3459
+ .E_ckaaqep {
3460
+ background: #acbad399;
3461
+ content: "";
3462
+ height: 100%;
3463
+ margin: 0 6px;
3464
+ width: 1px;
3465
+ }
3466
+
3467
+
3468
+ .E_l48ei06 {
3469
+ @at-root {
3470
+ button#{&}.ant-btn,
3471
+ button#{&}.ant-btn.ant-btn-sm,
3472
+ button#{&}.ant-btn.ant-btn-lg {
3473
+ font-size: 12px;
3474
+ line-height: 18px;
3475
+ height: 18px;
3476
+ }
3477
+ button#{&} {
3478
+ color: #0080FF;
3479
+ height: unset;
3480
+ .button-prefix-icon {
3481
+ margin-right: 4px;
3482
+ }
3483
+ .button-suffix-icon {
3484
+ margin-left: 4px;
3485
+ }
3486
+
3487
+ &:hover,
3488
+ &.__pseudo-states-hover {
3489
+ color: #009DFF;
3490
+ }
3491
+
3492
+ &:active,
3493
+ &.__pseudo-states-active {
3494
+ color: #005ED1;
3495
+ }
3496
+ &.ui-kit-link-disabled {
3497
+ color: #0080FF;
3498
+ }
3499
+ &.ui-kit-link-primary {
3500
+ color: #00122E;
3501
+
3502
+ &:hover,
3503
+ &.__pseudo-states-hover {
3504
+ color: #0080FF;
3505
+ }
3506
+
3507
+ &:active,
3508
+ &.__pseudo-states-active {
3509
+ color: #005ED1;
3510
+ }
3511
+
3512
+ &.ui-kit-link-disabled {
3513
+ color: #00122E;
3514
+ }
3515
+ }
3516
+
3517
+ &.ui-kit-link-secondary {
3518
+ color: #2C3852BF;
3519
+
3520
+ &:hover,
3521
+ &.__pseudo-states-hover {
3522
+ color: #0080FF;
3523
+ }
3524
+
3525
+ &:active,
3526
+ &.__pseudo-states-active {
3527
+ color: #005ED1;
3528
+ }
3529
+
3530
+ &.ui-kit-link-disabled {
3531
+ color: #2C3852BF;
3532
+ }
3533
+ }
3534
+ }
3535
+ }
3536
+ }
3537
+
3538
+
3539
+ .E_sddwhm6 {
3540
+ $prefix: ui-kit-status-capsule;
3541
+ margin: 0;
3542
+ border-radius: 20px;
3543
+ padding: 2px 10px;
3544
+ height: 22px;
3545
+
3546
+ &.ant-tag.#{$prefix}.off-white {
3547
+ background-color: $fill-neutral-trans-1 !important;
3548
+ &.tag-hover:hover,
3549
+ &.__pseudo-states-hover {
3550
+ background-color: $fill-neutral-trans-2 !important;
3551
+ }
3552
+ }
3553
+ &.ant-tag.#{$prefix} {
3554
+ color: $text-neutral-primary;
3555
+ .#{$prefix}-icon {
3556
+ margin-right: 6px;
3557
+ }
3558
+ .#{$prefix}-number {
3559
+ margin-left: 8px;
3560
+ color: #2C385299;
3561
+ }
3562
+ &.ant-tag-blue {
3563
+ background-color: $fill-outstanding-light;
3564
+ .#{$prefix}-icon {
3565
+ background-color: $fill-outstanding-base;
3566
+ }
3567
+ &.tag-hover:hover,
3568
+ &.__pseudo-states-hover {
3569
+ background-color: $fill-outstanding-light-hover;
3570
+ }
3571
+ }
3572
+ &.ant-tag-red {
3573
+ background-color: $fill-serious-light;
3574
+ .#{$prefix}-icon {
3575
+ background-color: $fill-serious-base;
3576
+ }
3577
+ &.tag-hover:hover,
3578
+ &.__pseudo-states-hover {
3579
+ background-color: $fill-serious-light-hover;
3580
+ }
3581
+ }
3582
+ &.ant-tag-yellow {
3583
+ background-color: $fill-notice-light;
3584
+ .#{$prefix}-icon {
3585
+ background-color: $fill-notice-base;
3586
+ }
3587
+ &.tag-hover:hover,
3588
+ &.__pseudo-states-hover {
3589
+ background-color: $fill-notice-light-hover;
3590
+ }
3591
+ }
3592
+ &.ant-tag-green {
3593
+ background-color: $fill-positive-light;
3594
+ .#{$prefix}-icon {
3595
+ background-color: $fill-positive-base;
3596
+ }
3597
+ &.tag-hover:hover,
3598
+ &.__pseudo-states-hover {
3599
+ background-color: $fill-positive-light-hover;
3600
+ }
3601
+ }
3602
+ &.ant-tag-gray {
3603
+ background-color: $fill-neutral-trans-2;
3604
+ .#{$prefix}-icon:not(.ui-kit-status-capsule-icon-loading) {
3605
+ background-color: $gray-70;
3606
+ }
3607
+ &.tag-hover:hover,
3608
+ &.__pseudo-states-hover {
3609
+ background-color: $fill-neutral-trans-3-trans-2-hover;
3610
+ }
3611
+ }
3612
+ }
3613
+ }
3614
+
3615
+ .E_satwmqm {
3616
+ width: 8px;
3617
+ height: 8px;
3618
+ border-radius: 50%;
3619
+ display: inline-block;
3620
+ }
3621
+
3622
+
3458
3623
  .E_h12yihis {
3459
3624
  height: 50px;
3460
3625
  border-bottom: 2px solid #edf0f7;
@@ -3725,170 +3890,6 @@
3725
3890
  }
3726
3891
 
3727
3892
 
3728
- .E_ckaaqep {
3729
- background: #acbad399;
3730
- content: "";
3731
- height: 100%;
3732
- margin: 0 6px;
3733
- width: 1px;
3734
- }
3735
-
3736
-
3737
- .E_l48ei06 {
3738
- @at-root {
3739
- button#{&}.ant-btn,
3740
- button#{&}.ant-btn.ant-btn-sm,
3741
- button#{&}.ant-btn.ant-btn-lg {
3742
- font-size: 12px;
3743
- line-height: 18px;
3744
- height: 18px;
3745
- }
3746
- button#{&} {
3747
- color: #0080FF;
3748
- height: unset;
3749
- .button-prefix-icon {
3750
- margin-right: 4px;
3751
- }
3752
- .button-suffix-icon {
3753
- margin-left: 4px;
3754
- }
3755
-
3756
- &:hover,
3757
- &.__pseudo-states-hover {
3758
- color: #009DFF;
3759
- }
3760
-
3761
- &:active,
3762
- &.__pseudo-states-active {
3763
- color: #005ED1;
3764
- }
3765
- &.ui-kit-link-disabled {
3766
- color: #0080FF;
3767
- }
3768
- &.ui-kit-link-primary {
3769
- color: #00122E;
3770
-
3771
- &:hover,
3772
- &.__pseudo-states-hover {
3773
- color: #0080FF;
3774
- }
3775
-
3776
- &:active,
3777
- &.__pseudo-states-active {
3778
- color: #005ED1;
3779
- }
3780
-
3781
- &.ui-kit-link-disabled {
3782
- color: #00122E;
3783
- }
3784
- }
3785
-
3786
- &.ui-kit-link-secondary {
3787
- color: #2C3852BF;
3788
-
3789
- &:hover,
3790
- &.__pseudo-states-hover {
3791
- color: #0080FF;
3792
- }
3793
-
3794
- &:active,
3795
- &.__pseudo-states-active {
3796
- color: #005ED1;
3797
- }
3798
-
3799
- &.ui-kit-link-disabled {
3800
- color: #2C3852BF;
3801
- }
3802
- }
3803
- }
3804
- }
3805
- }
3806
-
3807
-
3808
- .E_sddwhm6 {
3809
- $prefix: ui-kit-status-capsule;
3810
- margin: 0;
3811
- border-radius: 20px;
3812
- padding: 2px 10px;
3813
- height: 22px;
3814
-
3815
- &.ant-tag.#{$prefix}.off-white {
3816
- background-color: $fill-neutral-trans-1 !important;
3817
- &.tag-hover:hover,
3818
- &.__pseudo-states-hover {
3819
- background-color: $fill-neutral-trans-2 !important;
3820
- }
3821
- }
3822
- &.ant-tag.#{$prefix} {
3823
- color: $text-neutral-primary;
3824
- .#{$prefix}-icon {
3825
- margin-right: 6px;
3826
- }
3827
- .#{$prefix}-number {
3828
- margin-left: 8px;
3829
- color: #2C385299;
3830
- }
3831
- &.ant-tag-blue {
3832
- background-color: $fill-outstanding-light;
3833
- .#{$prefix}-icon {
3834
- background-color: $fill-outstanding-base;
3835
- }
3836
- &.tag-hover:hover,
3837
- &.__pseudo-states-hover {
3838
- background-color: $fill-outstanding-light-hover;
3839
- }
3840
- }
3841
- &.ant-tag-red {
3842
- background-color: $fill-serious-light;
3843
- .#{$prefix}-icon {
3844
- background-color: $fill-serious-base;
3845
- }
3846
- &.tag-hover:hover,
3847
- &.__pseudo-states-hover {
3848
- background-color: $fill-serious-light-hover;
3849
- }
3850
- }
3851
- &.ant-tag-yellow {
3852
- background-color: $fill-notice-light;
3853
- .#{$prefix}-icon {
3854
- background-color: $fill-notice-base;
3855
- }
3856
- &.tag-hover:hover,
3857
- &.__pseudo-states-hover {
3858
- background-color: $fill-notice-light-hover;
3859
- }
3860
- }
3861
- &.ant-tag-green {
3862
- background-color: $fill-positive-light;
3863
- .#{$prefix}-icon {
3864
- background-color: $fill-positive-base;
3865
- }
3866
- &.tag-hover:hover,
3867
- &.__pseudo-states-hover {
3868
- background-color: $fill-positive-light-hover;
3869
- }
3870
- }
3871
- &.ant-tag-gray {
3872
- background-color: $fill-neutral-trans-2;
3873
- .#{$prefix}-icon:not(.ui-kit-status-capsule-icon-loading) {
3874
- background-color: $gray-70;
3875
- }
3876
- &.tag-hover:hover,
3877
- &.__pseudo-states-hover {
3878
- background-color: $fill-neutral-trans-3-trans-2-hover;
3879
- }
3880
- }
3881
- }
3882
- }
3883
-
3884
- .E_satwmqm {
3885
- width: 8px;
3886
- height: 8px;
3887
- border-radius: 50%;
3888
- display: inline-block;
3889
- }
3890
-
3891
-
3892
3893
  .E_tc97u5y {
3893
3894
  height: 100%;
3894
3895
  }
@@ -4300,32 +4301,116 @@
4300
4301
  th.cell__action_ {
4301
4302
  z-index: 10;
4302
4303
  }
4303
- td.cell__action_ {
4304
- padding: 0 !important;
4305
- position: relative;
4306
- background: $white;
4307
- > * {
4308
- height: 100%;
4309
- display: flex;
4310
- align-items: center;
4311
- justify-content: flex-end;
4312
- padding-right: 8px;
4304
+ td.cell__action_ {
4305
+ padding: 0 !important;
4306
+ position: relative;
4307
+ background: $white;
4308
+ > * {
4309
+ height: 100%;
4310
+ display: flex;
4311
+ align-items: center;
4312
+ justify-content: flex-end;
4313
+ padding-right: 8px;
4314
+ }
4315
+ .menu-button {
4316
+ width: 24px;
4317
+ height: 24px;
4318
+ cursor: pointer;
4319
+ justify-content: center;
4320
+ border-radius: 4px;
4321
+
4322
+ &:hover {
4323
+ background: $white;
4324
+ }
4325
+ }
4326
+ }
4327
+ }
4328
+ }
4329
+
4330
+
4331
+ .E_l1ucdodl {
4332
+ $prefix: ui-kit-status-legend;
4333
+ margin: 0;
4334
+ border-radius: 20px;
4335
+ padding: 2px 10px;
4336
+ height: 22px;
4337
+ display: flex;
4338
+ align-items: center;
4339
+
4340
+ &.ui-kit-status-legend.on-tint {
4341
+ color: $text-neutral-ontint;
4342
+ }
4343
+ &.tag-hover {
4344
+ cursor: pointer;
4345
+ }
4346
+
4347
+ &.#{$prefix} {
4348
+ color: $text-neutral-primary;
4349
+ .#{$prefix}-icon {
4350
+ margin-right: 6px;
4351
+ }
4352
+ .#{$prefix}-number {
4353
+ margin-left: 8px;
4354
+ color: #2C385299;
4355
+ &.#{$prefix}-number.on-tint {
4356
+ color: $text-neutral-ontint;
4357
+ }
4358
+ }
4359
+ &.eagle-legend-blue {
4360
+ .#{$prefix}-icon {
4361
+ background-color: $fill-outstanding-base;
4362
+ }
4363
+ }
4364
+ &.eagle-legend-red {
4365
+ .#{$prefix}-icon {
4366
+ background-color: $fill-serious-base;
4367
+ }
4368
+ }
4369
+ &.eagle-legend-yellow {
4370
+ .#{$prefix}-icon {
4371
+ background-color: $fill-notice-base;
4372
+ }
4373
+ }
4374
+ &.eagle-legend-green {
4375
+ .#{$prefix}-icon {
4376
+ background-color: $fill-positive-base;
4377
+ }
4378
+ }
4379
+ &.eagle-legend-gray {
4380
+ .#{$prefix}-icon:not(.ui-kit-status-legend-icon-loading) {
4381
+ background-color: $gray-70;
4313
4382
  }
4314
- .menu-button {
4315
- width: 24px;
4316
- height: 24px;
4317
- cursor: pointer;
4318
- justify-content: center;
4319
- border-radius: 4px;
4320
-
4321
- &:hover {
4322
- background: $white;
4323
- }
4383
+ }
4384
+ &.eagle-legend-purple {
4385
+ .#{$prefix}-icon:not(.ui-kit-status-legend-icon-loading) {
4386
+ background-color: $purple-50;
4324
4387
  }
4325
4388
  }
4326
4389
  }
4327
4390
  }
4328
4391
 
4392
+ .E_s1qj66nc {
4393
+ width: 8px;
4394
+ height: 8px;
4395
+ border-radius: 50%;
4396
+ display: inline-block;
4397
+ }
4398
+
4399
+ .E_s5x1boq {
4400
+ width: 8px;
4401
+ height: 8px;
4402
+ border-radius: 2px;
4403
+ display: inline-block;
4404
+ }
4405
+
4406
+ .E_c1xm185 {
4407
+ color: #2C385299;
4408
+ }
4409
+
4410
+ .E_c1x5l5qc {
4411
+ flex: 1;
4412
+ }
4413
+
4329
4414
 
4330
4415
  .E_u3l9ivi {
4331
4416
  width: 100%;
@@ -4516,11 +4601,6 @@
4516
4601
  }
4517
4602
 
4518
4603
 
4519
- .E_c1yd35n {
4520
- padding: 0 12px 14px 12px;
4521
- }
4522
-
4523
-
4524
4604
  .E_c1kghdax {
4525
4605
  color: $text-primary-light;
4526
4606
  padding: 7px 12px;
@@ -4569,6 +4649,46 @@
4569
4649
  }
4570
4650
 
4571
4651
 
4652
+ .E_c1yd35n {
4653
+ padding: 0 12px 14px 12px;
4654
+ }
4655
+
4656
+
4657
+ .E_ckui4s7 {
4658
+ color: $text-primary-light;
4659
+ line-height: 22px;
4660
+ display: inline-flex;
4661
+ .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; } } }
4662
+ }
4663
+
4664
+
4665
+ .E_b14q2gmw {
4666
+ box-shadow: 0px 0.119595px 0.438513px rgba(129, 138, 153, 0.14),
4667
+ 0px 0.271728px 0.996336px rgba(129, 138, 153, 0.106447),
4668
+ 0px 0.472931px 1.73408px rgba(129, 138, 153, 0.0912224),
4669
+ 0px 0.751293px 2.75474px rgba(129, 138, 153, 0.0799253),
4670
+ 0px 1.15919px 4.25036px rgba(129, 138, 153, 0.07),
4671
+ 0px 1.80882px 6.63236px rgba(129, 138, 153, 0.0600747),
4672
+ 0px 3.00293px 11.0107px rgba(129, 138, 153, 0.0487776),
4673
+ 0px 6px 22px rgba(129, 138, 153, 0.0335534);
4674
+ }
4675
+
4676
+ .E_c1eym6el {
4677
+ border-radius: 8px;
4678
+ background-color: white;
4679
+ &.hoverable {
4680
+ cursor: pointer;
4681
+
4682
+ &:hover {
4683
+ transition: all 200ms ease;
4684
+ box-shadow: 0px 9px 22px rgb(107 125 153 / 23%),
4685
+ 0px 1.12694px 2.75474px rgb(107 125 153 / 12%);
4686
+ transform: translateY(-4px);
4687
+ }
4688
+ }
4689
+ }
4690
+
4691
+
4572
4692
  .E_lht19u8 {
4573
4693
  width: 64px;
4574
4694
  height: 64px;
@@ -4625,41 +4745,6 @@
4625
4745
  }
4626
4746
 
4627
4747
 
4628
- .E_ckui4s7 {
4629
- color: $text-primary-light;
4630
- line-height: 22px;
4631
- display: inline-flex;
4632
- .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; } } }
4633
- }
4634
-
4635
-
4636
- .E_b14q2gmw {
4637
- box-shadow: 0px 0.119595px 0.438513px rgba(129, 138, 153, 0.14),
4638
- 0px 0.271728px 0.996336px rgba(129, 138, 153, 0.106447),
4639
- 0px 0.472931px 1.73408px rgba(129, 138, 153, 0.0912224),
4640
- 0px 0.751293px 2.75474px rgba(129, 138, 153, 0.0799253),
4641
- 0px 1.15919px 4.25036px rgba(129, 138, 153, 0.07),
4642
- 0px 1.80882px 6.63236px rgba(129, 138, 153, 0.0600747),
4643
- 0px 3.00293px 11.0107px rgba(129, 138, 153, 0.0487776),
4644
- 0px 6px 22px rgba(129, 138, 153, 0.0335534);
4645
- }
4646
-
4647
- .E_c1eym6el {
4648
- border-radius: 8px;
4649
- background-color: white;
4650
- &.hoverable {
4651
- cursor: pointer;
4652
-
4653
- &:hover {
4654
- transition: all 200ms ease;
4655
- box-shadow: 0px 9px 22px rgb(107 125 153 / 23%),
4656
- 0px 1.12694px 2.75474px rgb(107 125 153 / 12%);
4657
- transform: translateY(-4px);
4658
- }
4659
- }
4660
- }
4661
-
4662
-
4663
4748
  .E_t1tbywr9 {
4664
4749
  width: 100%;
4665
4750
  flex: 1;
@@ -4882,90 +4967,6 @@
4882
4967
  }
4883
4968
 
4884
4969
 
4885
- .E_l1ucdodl {
4886
- $prefix: ui-kit-status-legend;
4887
- margin: 0;
4888
- border-radius: 20px;
4889
- padding: 2px 10px;
4890
- height: 22px;
4891
- display: flex;
4892
- align-items: center;
4893
-
4894
- &.ui-kit-status-legend.on-tint {
4895
- color: $text-neutral-ontint;
4896
- }
4897
- &.tag-hover {
4898
- cursor: pointer;
4899
- }
4900
-
4901
- &.#{$prefix} {
4902
- color: $text-neutral-primary;
4903
- .#{$prefix}-icon {
4904
- margin-right: 6px;
4905
- }
4906
- .#{$prefix}-number {
4907
- margin-left: 8px;
4908
- color: #2C385299;
4909
- &.#{$prefix}-number.on-tint {
4910
- color: $text-neutral-ontint;
4911
- }
4912
- }
4913
- &.eagle-legend-blue {
4914
- .#{$prefix}-icon {
4915
- background-color: $fill-outstanding-base;
4916
- }
4917
- }
4918
- &.eagle-legend-red {
4919
- .#{$prefix}-icon {
4920
- background-color: $fill-serious-base;
4921
- }
4922
- }
4923
- &.eagle-legend-yellow {
4924
- .#{$prefix}-icon {
4925
- background-color: $fill-notice-base;
4926
- }
4927
- }
4928
- &.eagle-legend-green {
4929
- .#{$prefix}-icon {
4930
- background-color: $fill-positive-base;
4931
- }
4932
- }
4933
- &.eagle-legend-gray {
4934
- .#{$prefix}-icon:not(.ui-kit-status-legend-icon-loading) {
4935
- background-color: $gray-70;
4936
- }
4937
- }
4938
- &.eagle-legend-purple {
4939
- .#{$prefix}-icon:not(.ui-kit-status-legend-icon-loading) {
4940
- background-color: $purple-50;
4941
- }
4942
- }
4943
- }
4944
- }
4945
-
4946
- .E_s1qj66nc {
4947
- width: 8px;
4948
- height: 8px;
4949
- border-radius: 50%;
4950
- display: inline-block;
4951
- }
4952
-
4953
- .E_s5x1boq {
4954
- width: 8px;
4955
- height: 8px;
4956
- border-radius: 2px;
4957
- display: inline-block;
4958
- }
4959
-
4960
- .E_c1xm185 {
4961
- color: #2C385299;
4962
- }
4963
-
4964
- .E_c1x5l5qc {
4965
- flex: 1;
4966
- }
4967
-
4968
-
4969
4970
  .E_t1dtlqs1 {
4970
4971
  margin-bottom: 4px;
4971
4972
  color: $text-secondary-light;
@@ -5183,46 +5184,55 @@
5183
5184
  }
5184
5185
 
5185
5186
 
5186
- .E_w7ob4th {
5187
- &.outside-tag {
5188
- padding-left: 0;
5189
- .inside-tag {
5190
- border-radius: 4px 0 0 4px;
5191
- padding-right: 4px;
5192
- margin-right: 4px;
5193
- }
5194
- }
5187
+ .E_i1g85yz3 {
5188
+ margin-right: 4px;
5189
+ height: 16px;
5195
5190
  }
5196
5191
 
5197
5192
 
5198
- .E_slr2ynn {
5199
- padding: 0 8px;
5200
- height: 18px;
5193
+ .E_t13ef470 {
5194
+ height: 100%;
5195
+ .table-loading-item {
5196
+ padding: 12px 4px;
5197
+ border-bottom: 1px solid rgba($gray-50, 0.18);
5198
+ display: flex;
5199
+
5200
+ > * {
5201
+ height: 16px;
5202
+ margin: 4px;
5203
+ background: rgba($gray-50, 0.18);
5204
+ border-radius: 2px;
5205
+ }
5206
+ .checkbox-loading {
5207
+ width: 16px;
5208
+ }
5209
+ .td-loading {
5210
+ flex: 1;
5211
+ }
5201
5212
  }
5202
5213
 
5203
- .E_m140wbb6 {
5204
- padding: 2px 8px;
5205
- height: 24px;
5214
+ :nth-child(1) {
5215
+ padding: 8px 4px;
5216
+ > * {
5217
+ background: rgba($gray-70, 0.18);
5218
+ }
5219
+ }
5220
+ :nth-child(1) {
5221
+ > * {
5222
+ background: rgba($gray-60, 0.18);
5223
+ }
5206
5224
  }
5207
-
5208
- .E_t1fozc1i {
5209
- margin: 0;
5210
5225
  }
5211
5226
 
5212
- .E_i1vxv4ln {
5213
- margin-right: 4px;
5214
- height: 16px;
5215
- }
5216
5227
 
5217
- .E_n1afl31m {
5218
- &.ant-tag.ant-tag-gray {
5219
- font-weight: 700;
5220
- color: $text-neutral-primary;
5221
- background-color: $fill-neutral-trans-1;
5222
- border: 1px solid $stroke-neutral-trans-2;
5223
- word-break: break-all;
5224
- display: inline;
5225
- white-space: normal;
5228
+ .E_w7ob4th {
5229
+ &.outside-tag {
5230
+ padding-left: 0;
5231
+ .inside-tag {
5232
+ border-radius: 4px 0 0 4px;
5233
+ padding-right: 4px;
5234
+ margin-right: 4px;
5235
+ }
5226
5236
  }
5227
5237
  }
5228
5238
 
@@ -5451,43 +5461,34 @@
5451
5461
  }
5452
5462
 
5453
5463
 
5454
- .E_i1g85yz3 {
5455
- margin-right: 4px;
5456
- height: 16px;
5457
- }
5464
+ .E_slr2ynn {
5465
+ padding: 0 8px;
5466
+ height: 18px;
5467
+ }
5458
5468
 
5469
+ .E_m140wbb6 {
5470
+ padding: 2px 8px;
5471
+ height: 24px;
5472
+ }
5459
5473
 
5460
- .E_t13ef470 {
5461
- height: 100%;
5462
- .table-loading-item {
5463
- padding: 12px 4px;
5464
- border-bottom: 1px solid rgba($gray-50, 0.18);
5465
- display: flex;
5474
+ .E_t1fozc1i {
5475
+ margin: 0;
5476
+ }
5466
5477
 
5467
- > * {
5468
- height: 16px;
5469
- margin: 4px;
5470
- background: rgba($gray-50, 0.18);
5471
- border-radius: 2px;
5472
- }
5473
- .checkbox-loading {
5474
- width: 16px;
5475
- }
5476
- .td-loading {
5477
- flex: 1;
5478
- }
5479
- }
5478
+ .E_i1vxv4ln {
5479
+ margin-right: 4px;
5480
+ height: 16px;
5481
+ }
5480
5482
 
5481
- :nth-child(1) {
5482
- padding: 8px 4px;
5483
- > * {
5484
- background: rgba($gray-70, 0.18);
5485
- }
5486
- }
5487
- :nth-child(1) {
5488
- > * {
5489
- background: rgba($gray-60, 0.18);
5490
- }
5483
+ .E_n1afl31m {
5484
+ &.ant-tag.ant-tag-gray {
5485
+ font-weight: 700;
5486
+ color: $text-neutral-primary;
5487
+ background-color: $fill-neutral-trans-1;
5488
+ border: 1px solid $stroke-neutral-trans-2;
5489
+ word-break: break-all;
5490
+ display: inline;
5491
+ white-space: normal;
5491
5492
  }
5492
5493
  }
5493
5494
 
@@ -6154,7 +6155,7 @@
6154
6155
  ) / 2
6155
6156
  );
6156
6157
  --side-panel-margin-top: 140px;
6157
- .left {
6158
+ & > .left {
6158
6159
  width: var(--left-width);
6159
6160
  overflow: auto;
6160
6161
  position: fixed;
@@ -6162,13 +6163,13 @@
6162
6163
  top: calc(var(--modal-to-viewport-margin) + var(--side-panel-margin-top));
6163
6164
  }
6164
6165
 
6165
- .middle {
6166
+ & > .middle {
6166
6167
  width: var(--content-width);
6167
6168
  overflow: auto;
6168
6169
  margin: auto;
6169
6170
  }
6170
6171
 
6171
- .right {
6172
+ & > .right {
6172
6173
  width: var(--right-width);
6173
6174
  overflow: auto;
6174
6175
  position: fixed;
@@ -6501,275 +6502,102 @@
6501
6502
  }
6502
6503
  }
6503
6504
 
6504
- .E_a1ji6r68 {
6505
- display: flex;
6506
- align-items: center;
6507
- column-gap: var(--a1ji6r68-0);
6508
- }
6509
-
6510
-
6511
- .E_f16blduf {
6512
- &.ant-form-item {
6513
- margin-bottom: 0;
6514
- }
6515
-
6516
- .ant-form-item-explain {
6517
- display: none;
6518
- min-height: 18px;
6519
- margin-top: 5px;
6520
- font-family: "Inter";
6521
- font-weight: 400;
6522
- font-size: 12px;
6523
- line-height: 18px;
6524
- }
6525
-
6526
- &.ant-form-item[class*="ant-form-item-has"]:not(
6527
- .ant-form-item-has-error-leave
6528
- ) {
6529
- white-space: pre-wrap;
6530
- .ant-form-item-explain {
6531
- display: block;
6532
- }
6533
- }
6534
- }
6535
-
6536
-
6537
- .E_t1616y1o {
6538
- color: $text-light-on-tint;
6539
- }
6540
-
6541
-
6542
- .E_a9y3flr {
6543
- margin-left: 8px;
6544
- }
6545
-
6546
- .E_a1njc627 {
6547
- font-size: 12px;
6548
- color: $text-neutral-primary;
6549
- }
6550
-
6551
-
6552
- .E_d1u4ndxc {
6553
- color: #2C3852BF;
6554
- font-size: 12px;
6555
- }
6556
-
6557
- .E_f6xb0iv {
6558
- min-width: 0;
6559
- flex: 1;
6560
- }
6561
-
6562
- .E_b1dhu7ov {
6563
- &.antd5-progress {
6564
- width: 220px;
6565
- }
6566
- }
6567
-
6568
- .E_p1as1j2z {
6569
- .antd5-progress.antd5-progress-status-active
6570
- .antd5-progress-bg::before {
6571
- content: "";
6572
- display: block;
6573
- height: 8px;
6574
- background: linear-gradient(90deg, #0080ff 0%, #9ecfff 50%, #0080ff 100%);
6575
- animation: loading 1600ms ease-out infinite;
6576
- opacity: 1;
6577
- }
6578
-
6579
- @keyframes loading {
6580
- from {
6581
- transform: translateX(-100%);
6582
- }
6583
- to {
6584
- transform: translateX(100%);
6585
- }
6586
- }
6587
- }
6588
-
6589
-
6590
- .E_i14c7jc8 {
6591
- color: var(--i14c7jc8-0);
6592
- }
6593
-
6594
- .E_i1ibuolf {
6595
- display: flex;
6596
- align-items: center;
6597
- column-gap: 4px;
6598
- font-size: 12px;
6599
- color: #2C3852BF;
6600
- }
6601
-
6602
-
6603
- .E_skwah65 {
6604
- height: 8px;
6605
- box-sizing: border-box;
6606
- border-radius: 2px;
6607
- background: #f5f7fa;
6608
- display: flex;
6609
- width: 100%;
6610
- overflow: hidden;
6611
-
6612
- .stack-bar-item + .stack-bar-item {
6613
- margin-left: 1px;
6614
- }
6615
- }
6616
-
6617
-
6618
- .E_c18bcrac {
6619
- display: inline-block;
6620
- width: 100%;
6621
- .recharts-wrapper {
6622
- margin-left: 4px;
6623
- }
6624
- }
6625
-
6626
- .E_cro7kg2 {
6627
- padding: 4px;
6628
-
6629
- .unit {
6630
- color: white;
6631
- }
6632
- }
6633
-
6634
- .E_c14wcxf0 {
6635
- display: flex;
6636
- justify-content: space-between;
6637
- align-items: center;
6638
- font-size: 13px;
6639
- line-height: 24px;
6640
- color: #cccccc;
6641
- white-space: nowrap;
6642
-
6643
- label {
6644
- margin-right: 32px;
6645
- }
6646
- }
6647
-
6648
- .E_coy29mj.E_c14wcxf0 {
6649
- font-weight: bold;
6650
- color: white;
6651
- }
6652
-
6653
- .E_s11212zy {
6654
- width: 8px;
6655
- height: 8px;
6656
- border-radius: 2px;
6657
- display: inline-block;
6658
- background: var(--s11212zy-0);
6659
- border: 1px solid $fills-light-white;
6660
- box-sizing: content-box;
6661
- margin-right: 6px;
6662
- }
6663
-
6664
- .E_p1lyky6c {
6665
- & > :first-child {
6666
- font-weight: bold;
6667
- color: white;
6668
- margin-right: 4px;
6669
- }
6670
- }
6671
-
6672
-
6673
- .E_s1ebs0ra {
6505
+ .E_a1ji6r68 {
6674
6506
  display: flex;
6675
6507
  align-items: center;
6676
- justify-content: space-between;
6677
- background: $backgrounds-light-grouped;
6678
- padding: 8px 12px;
6679
- position: sticky;
6680
- top: 0;
6681
- z-index: 1;
6682
- margin-bottom: -52px;
6508
+ column-gap: var(--a1ji6r68-0);
6509
+ }
6683
6510
 
6684
- .select-total {
6685
- display: flex;
6686
- align-items: center;
6687
- font-weight: 700;
6688
- flex-shrink: 0;
6689
6511
 
6690
- .icon-wrapper {
6691
- cursor: pointer;
6692
- margin-left: 8px;
6693
- width: 32px;
6694
- height: 32px;
6695
- border-radius: 50%;
6696
- justify-content: center;
6512
+ .E_t1616y1o {
6513
+ color: $text-light-on-tint;
6514
+ }
6697
6515
 
6698
- &:hover {
6699
- background: $fills-light-trans-2;
6700
- }
6701
- }
6516
+
6517
+ .E_f16blduf {
6518
+ &.ant-form-item {
6519
+ margin-bottom: 0;
6702
6520
  }
6703
- .action-group {
6704
- flex: 1;
6705
- margin-left: 88px;
6706
- white-space: nowrap;
6707
- text-align: right;
6708
- position: relative;
6709
- padding: 4px 0;
6710
- margin-top: -4px;
6711
- overflow: hidden;
6712
- .sub-menu-delete {
6713
- transform: translateY(-4px);
6714
- }
6715
- button {
6716
- border: none;
6717
- }
6718
- > *:not(:last-child) {
6719
- margin-right: 8px;
6720
- }
6721
6521
 
6722
- > button:last-child {
6723
- margin-right: 4px;
6724
- }
6725
- .more-btn {
6726
- cursor: pointer;
6727
- width: 32px;
6728
- height: 32px;
6729
- justify-content: center;
6730
- border-radius: 50%;
6522
+ .ant-form-item-explain {
6523
+ display: none;
6524
+ min-height: 18px;
6525
+ margin-top: 5px;
6526
+ font-family: "Inter";
6527
+ font-weight: 400;
6528
+ font-size: 12px;
6529
+ line-height: 18px;
6530
+ }
6731
6531
 
6732
- &:hover {
6733
- background: $white;
6734
- }
6532
+ &.ant-form-item[class*="ant-form-item-has"]:not(
6533
+ .ant-form-item-has-error-leave
6534
+ ) {
6535
+ white-space: pre-wrap;
6536
+ .ant-form-item-explain {
6537
+ display: block;
6735
6538
  }
6736
6539
  }
6737
6540
  }
6738
6541
 
6739
- .E_mzzncgx {
6740
- display: inline-flex;
6741
- align-items: center;
6742
- gap: 4px;
6743
- }
6744
6542
 
6543
+ .E_a9y3flr {
6544
+ margin-left: 8px;
6545
+ }
6745
6546
 
6746
- .E_tqjc4ui {
6747
- @at-root {
6748
- span#{&} {
6749
- margin: 0 2px;
6750
- }
6751
- }
6547
+ .E_a1njc627 {
6548
+ font-size: 12px;
6549
+ color: $text-neutral-primary;
6752
6550
  }
6753
6551
 
6754
6552
 
6755
- .E_n12mqh7z {
6756
- display: flex;
6757
- align-items: center;
6553
+ .E_d1u4ndxc {
6554
+ color: #2C3852BF;
6758
6555
  font-size: 12px;
6759
- line-height: 18px;
6556
+ }
6760
6557
 
6761
- &:not(:last-child) {
6762
- margin-bottom: 4px;
6558
+ .E_f6xb0iv {
6559
+ min-width: 0;
6560
+ flex: 1;
6561
+ }
6562
+
6563
+ .E_b1dhu7ov {
6564
+ &.antd5-progress {
6565
+ width: 220px;
6763
6566
  }
6764
6567
  }
6765
6568
 
6766
- .E_tf5bynu {
6767
- margin: 0 3px;
6569
+ .E_p1as1j2z {
6570
+ .antd5-progress.antd5-progress-status-active
6571
+ .antd5-progress-bg::before {
6572
+ content: "";
6573
+ display: block;
6574
+ height: 8px;
6575
+ background: linear-gradient(90deg, #0080ff 0%, #9ecfff 50%, #0080ff 100%);
6576
+ animation: loading 1600ms ease-out infinite;
6577
+ opacity: 1;
6578
+ }
6579
+
6580
+ @keyframes loading {
6581
+ from {
6582
+ transform: translateX(-100%);
6583
+ }
6584
+ to {
6585
+ transform: translateX(100%);
6586
+ }
6587
+ }
6768
6588
  }
6769
6589
 
6770
- .E_tcckoz1 {
6771
- max-height: 400px;
6772
- overflow: auto;
6590
+
6591
+ .E_i14c7jc8 {
6592
+ color: var(--i14c7jc8-0);
6593
+ }
6594
+
6595
+ .E_i1ibuolf {
6596
+ display: flex;
6597
+ align-items: center;
6598
+ column-gap: 4px;
6599
+ font-size: 12px;
6600
+ color: #2C3852BF;
6773
6601
  }
6774
6602
 
6775
6603
 
@@ -6829,45 +6657,188 @@
6829
6657
  padding: 7px 10px;
6830
6658
  }
6831
6659
 
6832
- .E_c167wnad {
6833
- color: rgba(62, 70, 82, 0.6);
6660
+ .E_c167wnad {
6661
+ color: rgba(62, 70, 82, 0.6);
6662
+ display: flex;
6663
+ justify-content: space-between;
6664
+ align-items: center;
6665
+ padding: 8px 16px;
6666
+
6667
+ .anticon {
6668
+ cursor: pointer;
6669
+ &:hover {
6670
+ color: $blue;
6671
+ }
6672
+ }
6673
+ }
6674
+
6675
+ .E_cxhf7dh {
6676
+ text-align: center;
6677
+
6678
+ .dots {
6679
+ display: flex;
6680
+ justify-content: center;
6681
+ }
6682
+ .dot {
6683
+ display: inline-block;
6684
+ width: 2px;
6685
+ height: 2px;
6686
+ border-radius: 1px;
6687
+ background: $blue;
6688
+
6689
+ &:not(:last-child) {
6690
+ margin-right: 2px;
6691
+ }
6692
+ }
6693
+ .bar {
6694
+ width: 9px;
6695
+ height: 2px;
6696
+ background: $blue;
6697
+ border-radius: 2px;
6698
+ }
6699
+ }
6700
+
6701
+
6702
+ .E_skwah65 {
6703
+ height: 8px;
6704
+ box-sizing: border-box;
6705
+ border-radius: 2px;
6706
+ background: #f5f7fa;
6707
+ display: flex;
6708
+ width: 100%;
6709
+ overflow: hidden;
6710
+
6711
+ .stack-bar-item + .stack-bar-item {
6712
+ margin-left: 1px;
6713
+ }
6714
+ }
6715
+
6716
+
6717
+ .E_c18bcrac {
6718
+ display: inline-block;
6719
+ width: 100%;
6720
+ .recharts-wrapper {
6721
+ margin-left: 4px;
6722
+ }
6723
+ }
6724
+
6725
+ .E_cro7kg2 {
6726
+ padding: 4px;
6727
+
6728
+ .unit {
6729
+ color: white;
6730
+ }
6731
+ }
6732
+
6733
+ .E_c14wcxf0 {
6734
+ display: flex;
6735
+ justify-content: space-between;
6736
+ align-items: center;
6737
+ font-size: 13px;
6738
+ line-height: 24px;
6739
+ color: #cccccc;
6740
+ white-space: nowrap;
6741
+
6742
+ label {
6743
+ margin-right: 32px;
6744
+ }
6745
+ }
6746
+
6747
+ .E_coy29mj.E_c14wcxf0 {
6748
+ font-weight: bold;
6749
+ color: white;
6750
+ }
6751
+
6752
+ .E_s11212zy {
6753
+ width: 8px;
6754
+ height: 8px;
6755
+ border-radius: 2px;
6756
+ display: inline-block;
6757
+ background: var(--s11212zy-0);
6758
+ border: 1px solid $fills-light-white;
6759
+ box-sizing: content-box;
6760
+ margin-right: 6px;
6761
+ }
6762
+
6763
+ .E_p1lyky6c {
6764
+ & > :first-child {
6765
+ font-weight: bold;
6766
+ color: white;
6767
+ margin-right: 4px;
6768
+ }
6769
+ }
6770
+
6771
+
6772
+ .E_s1ebs0ra {
6834
6773
  display: flex;
6835
- justify-content: space-between;
6836
6774
  align-items: center;
6837
- padding: 8px 16px;
6775
+ justify-content: space-between;
6776
+ background: $backgrounds-light-grouped;
6777
+ padding: 8px 12px;
6778
+ position: sticky;
6779
+ top: 0;
6780
+ z-index: 1;
6781
+ margin-bottom: -52px;
6838
6782
 
6839
- .anticon {
6840
- cursor: pointer;
6841
- &:hover {
6842
- color: $blue;
6843
- }
6844
- }
6845
- }
6783
+ .select-total {
6784
+ display: flex;
6785
+ align-items: center;
6786
+ font-weight: 700;
6787
+ flex-shrink: 0;
6846
6788
 
6847
- .E_cxhf7dh {
6848
- text-align: center;
6789
+ .icon-wrapper {
6790
+ cursor: pointer;
6791
+ margin-left: 8px;
6792
+ width: 32px;
6793
+ height: 32px;
6794
+ border-radius: 50%;
6795
+ justify-content: center;
6849
6796
 
6850
- .dots {
6851
- display: flex;
6852
- justify-content: center;
6797
+ &:hover {
6798
+ background: $fills-light-trans-2;
6799
+ }
6800
+ }
6853
6801
  }
6854
- .dot {
6855
- display: inline-block;
6856
- width: 2px;
6857
- height: 2px;
6858
- border-radius: 1px;
6859
- background: $blue;
6802
+ .action-group {
6803
+ flex: 1;
6804
+ margin-left: 88px;
6805
+ white-space: nowrap;
6806
+ text-align: right;
6807
+ position: relative;
6808
+ padding: 4px 0;
6809
+ margin-top: -4px;
6810
+ overflow: hidden;
6811
+ .sub-menu-delete {
6812
+ transform: translateY(-4px);
6813
+ }
6814
+ button {
6815
+ border: none;
6816
+ }
6817
+ > *:not(:last-child) {
6818
+ margin-right: 8px;
6819
+ }
6860
6820
 
6861
- &:not(:last-child) {
6862
- margin-right: 2px;
6821
+ > button:last-child {
6822
+ margin-right: 4px;
6823
+ }
6824
+ .more-btn {
6825
+ cursor: pointer;
6826
+ width: 32px;
6827
+ height: 32px;
6828
+ justify-content: center;
6829
+ border-radius: 50%;
6830
+
6831
+ &:hover {
6832
+ background: $white;
6833
+ }
6863
6834
  }
6864
6835
  }
6865
- .bar {
6866
- width: 9px;
6867
- height: 2px;
6868
- background: $blue;
6869
- border-radius: 2px;
6870
- }
6836
+ }
6837
+
6838
+ .E_mzzncgx {
6839
+ display: inline-flex;
6840
+ align-items: center;
6841
+ gap: 4px;
6871
6842
  }
6872
6843
 
6873
6844
 
@@ -7048,6 +7019,36 @@
7048
7019
  }
7049
7020
 
7050
7021
 
7022
+ .E_tqjc4ui {
7023
+ @at-root {
7024
+ span#{&} {
7025
+ margin: 0 2px;
7026
+ }
7027
+ }
7028
+ }
7029
+
7030
+
7031
+ .E_n12mqh7z {
7032
+ display: flex;
7033
+ align-items: center;
7034
+ font-size: 12px;
7035
+ line-height: 18px;
7036
+
7037
+ &:not(:last-child) {
7038
+ margin-bottom: 4px;
7039
+ }
7040
+ }
7041
+
7042
+ .E_tf5bynu {
7043
+ margin: 0 3px;
7044
+ }
7045
+
7046
+ .E_tcckoz1 {
7047
+ max-height: 400px;
7048
+ overflow: auto;
7049
+ }
7050
+
7051
+
7051
7052
  .E_ou7iq30 {
7052
7053
  overflow: hidden;
7053
7054
  text-overflow: ellipsis;
@@ -7078,130 +7079,6 @@
7078
7079
  }
7079
7080
 
7080
7081
 
7081
- .E_s1iv0tp1 {
7082
- .enabled-switch {
7083
- display: flex;
7084
- align-items: center;
7085
- }
7086
-
7087
- .enabled-text {
7088
- margin-right: 8px;
7089
- }
7090
- }
7091
-
7092
-
7093
- .E_t1sqg15u {
7094
- background: white;
7095
-
7096
- &.inline {
7097
- .table-row {
7098
- flex-direction: column;
7099
-
7100
- > label {
7101
- padding: 0 16px 7px 0;
7102
- }
7103
- }
7104
- }
7105
-
7106
- &.has-border {
7107
- .table-header {
7108
- border-bottom: 1px solid $strokes-light-trans-1;
7109
- }
7110
-
7111
- .hiddenBorder {
7112
- border-top: none !important;
7113
- }
7114
-
7115
- .table-row + .table-row {
7116
- border-top: 1px solid $strokes-light-trans-1;
7117
- }
7118
-
7119
- .table-row:last-of-type {
7120
- padding-bottom: 0;
7121
- }
7122
- }
7123
-
7124
- &.align-right {
7125
- .content {
7126
- text-align: right;
7127
- }
7128
- }
7129
- .uuid-row {
7130
- display: flex;
7131
- justify-content: space-between;
7132
-
7133
- .id-text {
7134
- white-space: nowrap;
7135
- overflow: hidden;
7136
- text-overflow: ellipsis;
7137
- }
7138
- }
7139
- }
7140
-
7141
- .E_t4zczcp {
7142
- display: flex;
7143
- justify-content: space-between;
7144
- align-items: center;
7145
- padding: 8px;
7146
- min-height: 32px;
7147
-
7148
- .table-title {
7149
- color: $text-secondary-light;
7150
- font-weight: 600;
7151
- font-size: 12px;
7152
- line-height: 8px;
7153
- }
7154
-
7155
- .edit-icon {
7156
- font-size: 16px;
7157
- color: $strokes-translucent-2-light;
7158
- cursor: pointer;
7159
- }
7160
- }
7161
-
7162
- .E_t1s7goww {
7163
- font-size: 12px;
7164
- line-height: 18px;
7165
- }
7166
-
7167
- .E_t93e4cf {
7168
- display: flex;
7169
- padding: 8px 0;
7170
- color: $text-primary-light;
7171
-
7172
- .hidden {
7173
- display: none;
7174
- }
7175
-
7176
- .ant-btn.ant-btn-link {
7177
- height: auto;
7178
- }
7179
-
7180
- .content {
7181
- overflow: hidden;
7182
- overflow-x: auto;
7183
- width: 100%;
7184
- white-space: pre-wrap;
7185
-
7186
- .ant-btn {
7187
- white-space: pre-wrap;
7188
- text-align: left;
7189
- }
7190
-
7191
- .unit-chart {
7192
- justify-content: flex-start;
7193
- }
7194
- }
7195
- }
7196
-
7197
- .E_rhz2uv5 {
7198
- width: var(--rhz2uv5-0);
7199
- flex-shrink: 0;
7200
- color: $text-secondary-light;
7201
- padding-right: 12px;
7202
- }
7203
-
7204
-
7205
7082
  .E_s1at6qmn {
7206
7083
  &.ant-layout-sider {
7207
7084
  background: $backgrounds-light-grouped;
@@ -7341,6 +7218,25 @@
7341
7218
  }
7342
7219
 
7343
7220
 
7221
+ .E_u15heuvq {
7222
+ &.content {
7223
+ cursor: default !important;
7224
+ &.link {
7225
+ cursor: pointer !important;
7226
+ &:hover {
7227
+ color: $text-colorful-outstanding;
7228
+ }
7229
+ }
7230
+ &.black {
7231
+ color: $text-neutral-primary;
7232
+ }
7233
+ &.gray {
7234
+ color: $text-neutral-secondary;
7235
+ }
7236
+ }
7237
+ }
7238
+
7239
+
7344
7240
  .E_wg1tsps {
7345
7241
  display: flex;
7346
7242
  align-items: center;
@@ -7367,24 +7263,129 @@
7367
7263
  }
7368
7264
 
7369
7265
 
7370
- .E_u15heuvq {
7371
- &.content {
7372
- cursor: default !important;
7373
- &.link {
7374
- cursor: pointer !important;
7375
- &:hover {
7376
- color: $text-colorful-outstanding;
7266
+ .E_t1sqg15u {
7267
+ background: white;
7268
+
7269
+ &.inline {
7270
+ .table-row {
7271
+ flex-direction: column;
7272
+
7273
+ > label {
7274
+ padding: 0 16px 7px 0;
7377
7275
  }
7378
7276
  }
7379
- &.black {
7380
- color: $text-neutral-primary;
7277
+ }
7278
+
7279
+ &.has-border {
7280
+ .table-header {
7281
+ border-bottom: 1px solid $strokes-light-trans-1;
7381
7282
  }
7382
- &.gray {
7383
- color: $text-neutral-secondary;
7283
+
7284
+ .hiddenBorder {
7285
+ border-top: none !important;
7286
+ }
7287
+
7288
+ .table-row + .table-row {
7289
+ border-top: 1px solid $strokes-light-trans-1;
7290
+ }
7291
+
7292
+ .table-row:last-of-type {
7293
+ padding-bottom: 0;
7294
+ }
7295
+ }
7296
+
7297
+ &.align-right {
7298
+ .content {
7299
+ text-align: right;
7300
+ }
7301
+ }
7302
+ .uuid-row {
7303
+ display: flex;
7304
+ justify-content: space-between;
7305
+
7306
+ .id-text {
7307
+ white-space: nowrap;
7308
+ overflow: hidden;
7309
+ text-overflow: ellipsis;
7310
+ }
7311
+ }
7312
+ }
7313
+
7314
+ .E_t4zczcp {
7315
+ display: flex;
7316
+ justify-content: space-between;
7317
+ align-items: center;
7318
+ padding: 8px;
7319
+ min-height: 32px;
7320
+
7321
+ .table-title {
7322
+ color: $text-secondary-light;
7323
+ font-weight: 600;
7324
+ font-size: 12px;
7325
+ line-height: 8px;
7326
+ }
7327
+
7328
+ .edit-icon {
7329
+ font-size: 16px;
7330
+ color: $strokes-translucent-2-light;
7331
+ cursor: pointer;
7332
+ }
7333
+ }
7334
+
7335
+ .E_t1s7goww {
7336
+ font-size: 12px;
7337
+ line-height: 18px;
7338
+ }
7339
+
7340
+ .E_t93e4cf {
7341
+ display: flex;
7342
+ padding: 8px 0;
7343
+ color: $text-primary-light;
7344
+
7345
+ .hidden {
7346
+ display: none;
7347
+ }
7348
+
7349
+ .ant-btn.ant-btn-link {
7350
+ height: auto;
7351
+ }
7352
+
7353
+ .content {
7354
+ overflow: hidden;
7355
+ overflow-x: auto;
7356
+ width: 100%;
7357
+ white-space: pre-wrap;
7358
+
7359
+ .ant-btn {
7360
+ white-space: pre-wrap;
7361
+ text-align: left;
7362
+ }
7363
+
7364
+ .unit-chart {
7365
+ justify-content: flex-start;
7384
7366
  }
7385
7367
  }
7386
7368
  }
7387
7369
 
7370
+ .E_rhz2uv5 {
7371
+ width: var(--rhz2uv5-0);
7372
+ flex-shrink: 0;
7373
+ color: $text-secondary-light;
7374
+ padding-right: 12px;
7375
+ }
7376
+
7377
+
7378
+ .E_s1iv0tp1 {
7379
+ .enabled-switch {
7380
+ display: flex;
7381
+ align-items: center;
7382
+ }
7383
+
7384
+ .enabled-text {
7385
+ margin-right: 8px;
7386
+ }
7387
+ }
7388
+
7388
7389
 
7389
7390
  .E_t160l1cm {
7390
7391
  display: flex;
@@ -7732,6 +7733,13 @@
7732
7733
  }
7733
7734
 
7734
7735
 
7736
+ .E_h1ol2wl7 {
7737
+ font-weight: bold;
7738
+ background-color: unset;
7739
+ padding: unset;
7740
+ }
7741
+
7742
+
7735
7743
  .E_kr6am0s {
7736
7744
  .ant-modal-body {
7737
7745
  padding: 60px 128px;
@@ -7850,13 +7858,6 @@
7850
7858
  }
7851
7859
 
7852
7860
 
7853
- .E_h1ol2wl7 {
7854
- font-weight: bold;
7855
- background-color: unset;
7856
- padding: unset;
7857
- }
7858
-
7859
-
7860
7861
  .E_l12xdkhl {
7861
7862
  width: 64px;
7862
7863
  height: 64px;
@@ -7875,57 +7876,6 @@
7875
7876
  }
7876
7877
 
7877
7878
 
7878
- .E_c14ouk5o {
7879
- width: 100%;
7880
- height: 100%;
7881
- display: flex;
7882
- font-size: 12px;
7883
- line-height: 18px;
7884
- padding: 8px 0;
7885
- box-shadow: inset 0px -1px 0px rgba(213, 219, 227, 0.6);
7886
-
7887
- &:last-of-type {
7888
- box-shadow: none;
7889
- padding-bottom: 0;
7890
- }
7891
- &.collapsed {
7892
- flex-direction: column;
7893
-
7894
- .collapsed-content {
7895
- display: flex;
7896
-
7897
- > span {
7898
- flex: 1;
7899
- display: flex;
7900
- justify-content: space-between;
7901
- .ant-btn {
7902
- height: auto;
7903
- }
7904
- }
7905
- }
7906
- .extra-content {
7907
- margin-left: 162px;
7908
- }
7909
- }
7910
-
7911
- .col-label {
7912
- width: 216px;
7913
- color: $text-secondary-light;
7914
- margin-right: 12px;
7915
- flex-shrink: 0;
7916
- }
7917
-
7918
- .col-content {
7919
- color: $text-primary-light;
7920
-
7921
- /* make btn link in info row have the same height as normal text */
7922
- .ant-btn.ant-btn-link {
7923
- height: auto;
7924
- }
7925
- }
7926
- }
7927
-
7928
-
7929
7879
  .E_c1kchka8 {
7930
7880
  height: 100%;
7931
7881
  width: 100%;
@@ -8535,6 +8485,57 @@
8535
8485
  }
8536
8486
 
8537
8487
 
8488
+ .E_c14ouk5o {
8489
+ width: 100%;
8490
+ height: 100%;
8491
+ display: flex;
8492
+ font-size: 12px;
8493
+ line-height: 18px;
8494
+ padding: 8px 0;
8495
+ box-shadow: inset 0px -1px 0px rgba(213, 219, 227, 0.6);
8496
+
8497
+ &:last-of-type {
8498
+ box-shadow: none;
8499
+ padding-bottom: 0;
8500
+ }
8501
+ &.collapsed {
8502
+ flex-direction: column;
8503
+
8504
+ .collapsed-content {
8505
+ display: flex;
8506
+
8507
+ > span {
8508
+ flex: 1;
8509
+ display: flex;
8510
+ justify-content: space-between;
8511
+ .ant-btn {
8512
+ height: auto;
8513
+ }
8514
+ }
8515
+ }
8516
+ .extra-content {
8517
+ margin-left: 162px;
8518
+ }
8519
+ }
8520
+
8521
+ .col-label {
8522
+ width: 216px;
8523
+ color: $text-secondary-light;
8524
+ margin-right: 12px;
8525
+ flex-shrink: 0;
8526
+ }
8527
+
8528
+ .col-content {
8529
+ color: $text-primary-light;
8530
+
8531
+ /* make btn link in info row have the same height as normal text */
8532
+ .ant-btn.ant-btn-link {
8533
+ height: auto;
8534
+ }
8535
+ }
8536
+ }
8537
+
8538
+
8538
8539
  .E_c1ss4prm {
8539
8540
  color: $text-light-secondary;
8540
8541
  &:is(ul, ol) {