@cloudtower/eagle 0.33.6 → 0.33.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/cjs/stats1.html +1 -1
  2. package/dist/components.css +2128 -2128
  3. package/dist/esm/stats1.html +1 -1
  4. package/dist/linaria.merged.scss +2182 -2182
  5. package/dist/style.css +1992 -1992
  6. package/package.json +4 -4
package/dist/linaria.merged.scss CHANGED
@@ -1,72 +1,3 @@
1
- .E_m74vjol {
2
- display: flex;
3
- justify-content: space-between;
4
- width: 100%;
5
- & .action {
6
- margin-left: 16px;
7
- }
8
- }
9
-
10
- .E_a1o35uvh {
11
- &.ant-alert-closable {
12
- padding-right: 12px;
13
-
14
- .ant-alert-close-icon {
15
- height: fit-content;
16
- margin-left: 16px;
17
- }
18
- }
19
-
20
- .ant-alert-message {
21
- flex: 1;
22
- }
23
- }
24
-
25
-
26
- .E_berrcjl {
27
- color: $text-terdiary-light;
28
- margin-bottom: 4px;
29
-
30
- .breadcrumb-link {
31
- color: $text-terdiary-light;
32
- cursor: pointer;
33
- transition: color 160ms ease;
34
-
35
- &:hover {
36
- color: $blue-60;
37
- }
38
- &:active {
39
- color: $blue-80;
40
- }
41
- }
42
- }
43
-
44
-
45
- .E_c1uzzomf {
46
- margin-bottom: 16px;
47
-
48
- .card-title {
49
- font-size: 16px;
50
- color: $text-secondary-light;
51
- font-weight: 700;
52
- line-height: 32px;
53
- }
54
- .card-body {
55
- padding: 24px;
56
- border-radius: 8px;
57
- background: $fills-light-white;
58
- }
59
-
60
- .empty {
61
- font-weight: 700;
62
- font-size: 14px;
63
- line-height: 22px;
64
- color: $text-light-tertiary;
65
- text-align: center;
66
- }
67
- }
68
-
69
-
70
1
  .E_c18gxmrl {
71
2
  border: 1px solid $gray-40;
72
3
  border-radius: 4px;
@@ -95,92 +26,20 @@
95
26
  }
96
27
 
97
28
 
98
- .E_d1bw7c5z {
99
- position: relative;
100
- max-width: 388px;
101
- min-width: 285px;
102
- .center {
103
- position: absolute;
104
- font-size: 12px;
105
- width: 80px;
106
- height: 100px;
107
- top: 0;
108
- left: 35px;
109
- display: flex;
110
- flex-direction: column;
111
- justify-content: center;
112
- align-items: center;
113
- color: $text-light-primary;
114
-
115
- .number {
116
- font-size: 24px;
117
- font-weight: 700;
118
- }
29
+ .E_berrcjl {
30
+ color: $text-terdiary-light;
31
+ margin-bottom: 4px;
119
32
 
120
- .text {
121
- padding: 0 5px;
122
- font-size: 12px;
123
- width: inherit;
124
- text-align: center;
125
- }
126
- }
127
- .recharts-wrapper {
128
- display: flex;
129
- .recharts-legend-wrapper {
130
- position: relative !important;
131
- min-width: calc(
132
- 100% - var(--d1bw7c5z-0)
133
- ) !important;
134
- left: 0 !important;
135
- bottom: 0 !important;
136
- display: flex;
137
- align-items: center;
138
- .recharts-default-legend {
139
- width: 100%;
140
- }
141
- li {
142
- width: 100%;
143
- margin-right: 0 !important;
144
- line-height: 18px;
145
- & > svg {
146
- border-radius: 2px;
147
- }
148
- & > .recharts-legend-item-text {
149
- min-width: 75px;
150
- max-width: 198px;
151
- width: calc(100% - 20px);
152
- margin-left: 2px;
153
- color: $text-light-primary !important;
154
- display: inline-flex;
155
- justify-content: space-between;
156
- }
157
- }
158
- }
159
- }
160
- .tooltip-text {
161
- maxwidth: calc(100% - 12px);
33
+ .breadcrumb-link {
34
+ color: $text-terdiary-light;
162
35
  cursor: pointer;
163
- border-bottom: 1px dashed $strokes-light-trans-4;
164
- overflow: hidden;
165
- text-overflow: ellipsis;
166
- white-space: nowrap;
167
- }
168
-
169
- .value {
170
- color: $text-neutral-secondary;
171
- }
172
- }
173
-
174
- .E_t10pqbtc {
175
- width: 140px;
176
-
177
- .item {
178
- margin: 6px auto;
179
- display: flex;
180
- justify-content: space-between;
36
+ transition: color 160ms ease;
181
37
 
182
- .name {
183
- width: 102px;
38
+ &:hover {
39
+ color: $blue-60;
40
+ }
41
+ &:active {
42
+ color: $blue-80;
184
43
  }
185
44
  }
186
45
  }
@@ -227,6 +86,31 @@
227
86
  }
228
87
 
229
88
 
89
+ .E_m74vjol {
90
+ display: flex;
91
+ justify-content: space-between;
92
+ width: 100%;
93
+ & .action {
94
+ margin-left: 16px;
95
+ }
96
+ }
97
+
98
+ .E_a1o35uvh {
99
+ &.ant-alert-closable {
100
+ padding-right: 12px;
101
+
102
+ .ant-alert-close-icon {
103
+ height: fit-content;
104
+ margin-left: 16px;
105
+ }
106
+ }
107
+
108
+ .ant-alert-message {
109
+ flex: 1;
110
+ }
111
+ }
112
+
113
+
230
114
  .E_b1wx3t3t {
231
115
  &.ant-btn-icon-only {
232
116
  justify-content: center;
@@ -585,6 +469,38 @@
585
469
  }
586
470
 
587
471
 
472
+ .E_ccrbeuz {
473
+ .ant-collapse-item {
474
+ border: 0px;
475
+ background-color: $fills-light-white;
476
+
477
+ .ant-collapse-header {
478
+ padding-top: 0px;
479
+ padding-bottom: 0px;
480
+ padding-left: 0px !important;
481
+ padding-right: 24px;
482
+ .ant-collapse-arrow {
483
+ right: 0px;
484
+ }
485
+ }
486
+ .ant-collapse-content {
487
+ .ant-collapse-content-box {
488
+ padding: 0px;
489
+ }
490
+ }
491
+ }
492
+ }
493
+
494
+ .E_c1fljvag {
495
+ .ant-collapse-item {
496
+ .ant-collapse-header {
497
+ padding-right: 0px;
498
+ cursor: default;
499
+ }
500
+ }
501
+ }
502
+
503
+
588
504
  .E_d133fzv0 {
589
505
  .ant-dropdown-menu-item-group {
590
506
  .ant-dropdown-menu-item-group-title {
@@ -603,14 +519,6 @@
603
519
  }
604
520
 
605
521
 
606
- .E_c1yyuluq {
607
- border-radius: 8px;
608
- .ant-card-body {
609
- padding: 20px 24px 24px 24px;
610
- }
611
- }
612
-
613
-
614
522
  .E_sx1bpnu {
615
523
  .ant-input-sm {
616
524
  line-height: 18px;
@@ -618,23 +526,147 @@
618
526
  }
619
527
 
620
528
 
621
- .E_itxley7 {
622
- &.ant-input-group.ant-input-group-compact {
623
- display: flex;
529
+ .E_c1uzzomf {
530
+ margin-bottom: 16px;
531
+
532
+ .card-title {
533
+ font-size: 16px;
534
+ color: $text-secondary-light;
535
+ font-weight: 700;
536
+ line-height: 32px;
537
+ }
538
+ .card-body {
539
+ padding: 24px;
540
+ border-radius: 8px;
541
+ background: $fills-light-white;
624
542
  }
625
543
 
626
- &.ant-input-group.ant-input-group-compact > *:first-child,
627
- &.ant-input-group.ant-input-group-compact
628
- > .ant-select:first-child
629
- > .ant-select-selector,
630
- &.ant-input-group.ant-input-group-compact
631
- > .ant-calendar-picker:first-child
632
- .ant-input,
633
- &.ant-input-group.ant-input-group-compact
634
- > .ant-select-auto-complete:first-child
635
- .ant-input,
636
- &.ant-input-group.ant-input-group-compact
637
- > .ant-cascader-picker:first-child
544
+ .empty {
545
+ font-weight: 700;
546
+ font-size: 14px;
547
+ line-height: 22px;
548
+ color: $text-light-tertiary;
549
+ text-align: center;
550
+ }
551
+ }
552
+
553
+
554
+ .E_c1yyuluq {
555
+ border-radius: 8px;
556
+ .ant-card-body {
557
+ padding: 20px 24px 24px 24px;
558
+ }
559
+ }
560
+
561
+
562
+ .E_d1bw7c5z {
563
+ position: relative;
564
+ max-width: 388px;
565
+ min-width: 285px;
566
+ .center {
567
+ position: absolute;
568
+ font-size: 12px;
569
+ width: 80px;
570
+ height: 100px;
571
+ top: 0;
572
+ left: 35px;
573
+ display: flex;
574
+ flex-direction: column;
575
+ justify-content: center;
576
+ align-items: center;
577
+ color: $text-light-primary;
578
+
579
+ .number {
580
+ font-size: 24px;
581
+ font-weight: 700;
582
+ }
583
+
584
+ .text {
585
+ padding: 0 5px;
586
+ font-size: 12px;
587
+ width: inherit;
588
+ text-align: center;
589
+ }
590
+ }
591
+ .recharts-wrapper {
592
+ display: flex;
593
+ .recharts-legend-wrapper {
594
+ position: relative !important;
595
+ min-width: calc(
596
+ 100% - var(--d1bw7c5z-0)
597
+ ) !important;
598
+ left: 0 !important;
599
+ bottom: 0 !important;
600
+ display: flex;
601
+ align-items: center;
602
+ .recharts-default-legend {
603
+ width: 100%;
604
+ }
605
+ li {
606
+ width: 100%;
607
+ margin-right: 0 !important;
608
+ line-height: 18px;
609
+ & > svg {
610
+ border-radius: 2px;
611
+ }
612
+ & > .recharts-legend-item-text {
613
+ min-width: 75px;
614
+ max-width: 198px;
615
+ width: calc(100% - 20px);
616
+ margin-left: 2px;
617
+ color: $text-light-primary !important;
618
+ display: inline-flex;
619
+ justify-content: space-between;
620
+ }
621
+ }
622
+ }
623
+ }
624
+ .tooltip-text {
625
+ maxwidth: calc(100% - 12px);
626
+ cursor: pointer;
627
+ border-bottom: 1px dashed $strokes-light-trans-4;
628
+ overflow: hidden;
629
+ text-overflow: ellipsis;
630
+ white-space: nowrap;
631
+ }
632
+
633
+ .value {
634
+ color: $text-neutral-secondary;
635
+ }
636
+ }
637
+
638
+ .E_t10pqbtc {
639
+ width: 140px;
640
+
641
+ .item {
642
+ margin: 6px auto;
643
+ display: flex;
644
+ justify-content: space-between;
645
+
646
+ .name {
647
+ width: 102px;
648
+ }
649
+ }
650
+ }
651
+
652
+
653
+ .E_itxley7 {
654
+ &.ant-input-group.ant-input-group-compact {
655
+ display: flex;
656
+ }
657
+
658
+ &.ant-input-group.ant-input-group-compact > *:first-child,
659
+ &.ant-input-group.ant-input-group-compact
660
+ > .ant-select:first-child
661
+ > .ant-select-selector,
662
+ &.ant-input-group.ant-input-group-compact
663
+ > .ant-calendar-picker:first-child
664
+ .ant-input,
665
+ &.ant-input-group.ant-input-group-compact
666
+ > .ant-select-auto-complete:first-child
667
+ .ant-input,
668
+ &.ant-input-group.ant-input-group-compact
669
+ > .ant-cascader-picker:first-child
638
670
  .ant-input,
639
671
  &.ant-input-group.ant-input-group-compact
640
672
  > .ant-mention-wrapper:first-child
@@ -673,120 +705,242 @@
673
705
  }
674
706
 
675
707
 
676
- .E_ccrbeuz {
677
- .ant-collapse-item {
678
- border: 0px;
679
- background-color: $fills-light-white;
680
-
681
- .ant-collapse-header {
682
- padding-top: 0px;
683
- padding-bottom: 0px;
684
- padding-left: 0px !important;
685
- padding-right: 24px;
686
- .ant-collapse-arrow {
687
- right: 0px;
688
- }
689
- }
690
- .ant-collapse-content {
691
- .ant-collapse-content-box {
692
- padding: 0px;
693
- }
694
- }
695
- }
696
- }
697
-
698
- .E_c1fljvag {
699
- .ant-collapse-item {
700
- .ant-collapse-header {
701
- padding-right: 0px;
702
- cursor: default;
703
- }
704
- }
708
+ .E_ivqqkzv {
709
+ height: 24px;
710
+ width: 56px !important;
711
+ margin-right: 4px;
705
712
  }
706
713
 
714
+ .E_c1wk4q29 {
715
+ color: $text-secondary-light;
716
+ }
707
717
 
708
- .E_rapgekc {
709
- &.ant-radio-wrapper {
710
- display: inline-flex;
711
- align-items: baseline;
712
- white-space: pre-wrap;
713
-
714
- .ant-radio {
715
- position: relative;
716
- top: 3px;
717
-
718
- .ant-radio-inner {
719
- border-color: $strokes-light-trans-4;
720
- }
721
-
722
- &:hover .ant-radio-inner {
723
- border-color: $blue-60;
724
- }
725
-
726
- &.ant-radio-checked .ant-radio-inner {
727
- border-color: $blue-60;
728
- background: $blue-60;
729
- &::after {
730
- top: 4px;
731
- left: 4px;
732
- width: 6px;
733
- height: 6px;
734
- background: $white;
735
- }
736
- }
737
-
738
- &.ant-radio-disabled {
739
- opacity: 0.5;
740
-
741
- .ant-radio-inner {
742
- border-color: $strokes-light-trans-4;
743
- background: $fills-light-trans-3;
744
- &::after {
745
- background: $text-light-primary;
746
- }
747
- }
748
-
749
- & + span {
750
- color: $text-light-primary;
751
- opacity: 0.5;
752
718
 
753
- .radio-description {
754
- color: $text-light-primary;
755
- }
756
- }
757
- }
719
+ .E_i11gg7mj {
720
+ .ant-input-prefix {
721
+ margin-right: 8px;
722
+ }
723
+ .ant-input-suffix {
724
+ margin-left: 8px;
725
+ }
726
+ }
758
727
 
759
- & + span {
760
- display: inline-block;
761
- padding: 0;
762
- padding-left: 10px;
728
+ .E_cc368xp {
729
+ color: $gray-120;
730
+ border-right: 1px solid $gray-a60-5;
731
+ margin-right: 8px;
732
+ padding-right: 8px;
733
+ }
763
734
 
764
- .radio-description {
765
- margin-bottom: 0;
766
- white-space: pre-wrap;
767
- color: $text-secondary-light;
768
- }
769
- }
770
- }
771
- }
735
+ .E_i11o6xqj {
736
+ display: flex;
737
+ gap: 4px;
772
738
 
773
- &.ant-radio-wrapper.compact {
774
- .ant-radio + span {
775
- padding-left: 8px;
776
- }
739
+ .icon-wrapper {
740
+ cursor: pointer;
777
741
  }
778
742
  }
779
743
 
780
- .E_rp906go {
781
- & .ant-radio-button-wrapper:first-child {
782
- border-radius: 5px 0 0 5px;
783
- }
784
- & .ant-radio-button-wrapper:last-child {
785
- border-radius: 0 5px 5px 0;
744
+ .E_d19ruhdj {
745
+ &.icon-wrapper {
746
+ cursor: not-allowed;
786
747
  }
787
748
  }
788
749
 
789
- .E_rcc63c8 {
750
+
751
+ .E_s1dizucg {
752
+ &.ant-switch {
753
+ min-width: 40px;
754
+ height: 24px;
755
+ background: $fills-trans-quinary-light;
756
+ overflow: hidden;
757
+ &:focus {
758
+ box-shadow: 0 0 0 2px $strokes-light-trans-1;
759
+ }
760
+ }
761
+ &.ant-switch-small {
762
+ min-width: 26px;
763
+ height: 16px;
764
+ }
765
+ &.ant-switch-large {
766
+ min-width: 52px;
767
+ height: 32px;
768
+ }
769
+
770
+ &.ant-switch .ant-switch-handle {
771
+ height: 20px;
772
+ width: 20px;
773
+ &::before {
774
+ border-radius: 10px;
775
+ transition-delay: 120ms;
776
+ }
777
+ }
778
+ &.ant-switch-small .ant-switch-handle {
779
+ height: 14px;
780
+ width: 14px;
781
+ top: 1px;
782
+ left: 1px;
783
+ }
784
+ &.ant-switch-large .ant-switch-handle {
785
+ height: 28px;
786
+ width: 28px;
787
+ &::before {
788
+ border-radius: 14px;
789
+ }
790
+ }
791
+
792
+ &.ant-switch-checked {
793
+ background-color: $green-60;
794
+ }
795
+ &.ant-switch-checked .ant-switch-handle {
796
+ left: calc(100% - 20px - 2px);
797
+ }
798
+ &.ant-switch-small.ant-switch-checked .ant-switch-handle {
799
+ left: calc(100% - 14px - 1px);
800
+ }
801
+ &.ant-switch-large.ant-switch-checked .ant-switch-handle {
802
+ left: calc(100% - 28px - 2px);
803
+ }
804
+ }
805
+
806
+ .E_c1up6e3y {
807
+ margin-left: 5px;
808
+ }
809
+
810
+
811
+ .E_tju3gfj {
812
+ .date {
813
+ margin-right: 4px;
814
+ }
815
+ }
816
+
817
+
818
+ .E_c1bus5hc {
819
+ --color: white;
820
+ height: 14px;
821
+ width: 14px;
822
+ border-radius: 50%;
823
+ flex-shrink: 0;
824
+ display: flex;
825
+ align-items: center;
826
+ justify-content: center;
827
+ border: 1px solid var(--color);
828
+
829
+ .circle-inner {
830
+ position: relative;
831
+ height: 10px;
832
+ width: 10px;
833
+ border-radius: 50%;
834
+ overflow: hidden;
835
+ }
836
+
837
+ .circle-content {
838
+ position: absolute;
839
+ height: 100%;
840
+ width: 100%;
841
+ left: 0;
842
+ top: 0;
843
+ border-radius: 50%;
844
+ background: linear-gradient(to right, var(--color) 50%, white 50%);
845
+ transform: rotate(180deg);
846
+ }
847
+
848
+ .circle-child {
849
+ position: absolute;
850
+ height: 100%;
851
+ width: 100%;
852
+ left: 0;
853
+ top: 0;
854
+ margin-left: 50%;
855
+ transform-origin: left;
856
+ background: white;
857
+ transform: rotate(0deg);
858
+ }
859
+ }
860
+
861
+
862
+ .E_rapgekc {
863
+ &.ant-radio-wrapper {
864
+ display: inline-flex;
865
+ align-items: baseline;
866
+ white-space: pre-wrap;
867
+
868
+ .ant-radio {
869
+ position: relative;
870
+ top: 3px;
871
+
872
+ .ant-radio-inner {
873
+ border-color: $strokes-light-trans-4;
874
+ }
875
+
876
+ &:hover .ant-radio-inner {
877
+ border-color: $blue-60;
878
+ }
879
+
880
+ &.ant-radio-checked .ant-radio-inner {
881
+ border-color: $blue-60;
882
+ background: $blue-60;
883
+ &::after {
884
+ top: 4px;
885
+ left: 4px;
886
+ width: 6px;
887
+ height: 6px;
888
+ background: $white;
889
+ }
890
+ }
891
+
892
+ &.ant-radio-disabled {
893
+ opacity: 0.5;
894
+
895
+ .ant-radio-inner {
896
+ border-color: $strokes-light-trans-4;
897
+ background: $fills-light-trans-3;
898
+ &::after {
899
+ background: $text-light-primary;
900
+ }
901
+ }
902
+
903
+ & + span {
904
+ color: $text-light-primary;
905
+ opacity: 0.5;
906
+
907
+ .radio-description {
908
+ color: $text-light-primary;
909
+ }
910
+ }
911
+ }
912
+
913
+ & + span {
914
+ display: inline-block;
915
+ padding: 0;
916
+ padding-left: 10px;
917
+
918
+ .radio-description {
919
+ margin-bottom: 0;
920
+ white-space: pre-wrap;
921
+ color: $text-secondary-light;
922
+ }
923
+ }
924
+ }
925
+ }
926
+
927
+ &.ant-radio-wrapper.compact {
928
+ .ant-radio + span {
929
+ padding-left: 8px;
930
+ }
931
+ }
932
+ }
933
+
934
+ .E_rp906go {
935
+ & .ant-radio-button-wrapper:first-child {
936
+ border-radius: 5px 0 0 5px;
937
+ }
938
+ & .ant-radio-button-wrapper:last-child {
939
+ border-radius: 0 5px 5px 0;
940
+ }
941
+ }
942
+
943
+ .E_rcc63c8 {
790
944
  color: $text-light-primary;
791
945
  border-color: $strokes-light-opaque-3;
792
946
 
@@ -953,176 +1107,92 @@
953
1107
  }
954
1108
 
955
1109
 
956
- .E_i11gg7mj {
957
- .ant-input-prefix {
958
- margin-right: 8px;
959
- }
960
- .ant-input-suffix {
961
- margin-left: 8px;
962
- }
963
- }
964
-
965
- .E_cc368xp {
966
- color: $gray-120;
967
- border-right: 1px solid $gray-a60-5;
968
- margin-right: 8px;
969
- padding-right: 8px;
970
- }
971
-
972
- .E_i11o6xqj {
973
- display: flex;
974
- gap: 4px;
975
-
976
- .icon-wrapper {
977
- cursor: pointer;
978
- }
1110
+ .E_s1dni7lo {
1111
+ width: 430px !important;
979
1112
  }
980
1113
 
981
- .E_d19ruhdj {
982
- &.icon-wrapper {
983
- cursor: not-allowed;
1114
+ .E_d1wwmmm5 {
1115
+ .ant-select-item-group {
1116
+ padding: 8px 16px;
1117
+ line-height: 18px;
1118
+ border-top: 1px solid rgba(211, 218, 235, 0.6);
1119
+ height: 34px;
1120
+ min-height: 34px;
1121
+ box-sizing: border-box;
1122
+ margin-top: 8px;
984
1123
  }
985
1124
  }
986
1125
 
1126
+ .E_o1ugr09p {
1127
+ display: flex;
1128
+ flex-direction: column;
1129
+ margin: 1px 8px;
1130
+ padding: 8px;
1131
+ border-radius: 4px;
987
1132
 
988
- .E_ivqqkzv {
989
- height: 24px;
990
- width: 56px !important;
991
- margin-right: 4px;
992
- }
993
-
994
- .E_c1wk4q29 {
995
- color: $text-secondary-light;
996
- }
1133
+ .selected-icon {
1134
+ display: none;
1135
+ }
997
1136
 
1137
+ &.ant-select-item-option-grouped {
1138
+ padding-left: 8px;
1139
+ }
998
1140
 
999
- .E_c1bus5hc {
1000
- --color: white;
1001
- height: 14px;
1002
- width: 14px;
1003
- border-radius: 50%;
1004
- flex-shrink: 0;
1005
- display: flex;
1006
- align-items: center;
1007
- justify-content: center;
1008
- border: 1px solid var(--color);
1009
-
1010
- .circle-inner {
1011
- position: relative;
1012
- height: 10px;
1013
- width: 10px;
1014
- border-radius: 50%;
1015
- overflow: hidden;
1016
- }
1017
-
1018
- .circle-content {
1019
- position: absolute;
1020
- height: 100%;
1021
- width: 100%;
1022
- left: 0;
1023
- top: 0;
1024
- border-radius: 50%;
1025
- background: linear-gradient(to right, var(--color) 50%, white 50%);
1026
- transform: rotate(180deg);
1027
- }
1028
-
1029
- .circle-child {
1030
- position: absolute;
1031
- height: 100%;
1032
- width: 100%;
1033
- left: 0;
1034
- top: 0;
1035
- margin-left: 50%;
1036
- transform-origin: left;
1037
- background: white;
1038
- transform: rotate(0deg);
1039
- }
1040
- }
1041
-
1042
-
1043
- .E_tju3gfj {
1044
- .date {
1045
- margin-right: 4px;
1046
- }
1047
- }
1048
-
1049
-
1050
- .E_iq1gosr {
1051
- display: inline-block;
1052
- }
1053
-
1141
+ &.ant-select-item-option-selected {
1142
+ background-color: white;
1143
+ .timezone-title {
1144
+ color: #0080ff;
1145
+ }
1146
+ .selected-icon {
1147
+ display: block;
1148
+ }
1149
+ }
1054
1150
 
1055
- .E_s1dizucg {
1056
- &.ant-switch {
1057
- min-width: 40px;
1058
- height: 24px;
1059
- background: $fills-trans-quinary-light;
1060
- overflow: hidden;
1061
- &:focus {
1062
- box-shadow: 0 0 0 2px $strokes-light-trans-1;
1151
+ &.ant-select-item-option-active {
1152
+ background: rgba(0, 136, 255, 0.16);
1153
+ .timezone-title {
1154
+ color: #0080ff;
1155
+ }
1156
+ .timezone-tag {
1157
+ background: rgba(0, 136, 255, 0.1);
1158
+ color: #0080ff;
1159
+ }
1063
1160
  }
1064
1161
  }
1065
- &.ant-switch-small {
1066
- min-width: 26px;
1067
- height: 16px;
1068
- }
1069
- &.ant-switch-large {
1070
- min-width: 52px;
1071
- height: 32px;
1072
- }
1073
1162
 
1074
- &.ant-switch .ant-switch-handle {
1163
+ .E_o1ifxsq4 {
1164
+ display: flex;
1165
+ justify-content: space-between;
1075
1166
  height: 20px;
1076
- width: 20px;
1077
- &::before {
1078
- border-radius: 10px;
1079
- transition-delay: 120ms;
1080
- }
1081
- }
1082
- &.ant-switch-small .ant-switch-handle {
1083
- height: 14px;
1084
- width: 14px;
1085
- top: 1px;
1086
- left: 1px;
1087
- }
1088
- &.ant-switch-large .ant-switch-handle {
1089
- height: 28px;
1090
- width: 28px;
1091
- &::before {
1092
- border-radius: 14px;
1093
- }
1094
- }
1167
+ line-height: 20px;
1095
1168
 
1096
- &.ant-switch-checked {
1097
- background-color: $green-60;
1098
- }
1099
- &.ant-switch-checked .ant-switch-handle {
1100
- left: calc(100% - 20px - 2px);
1101
- }
1102
- &.ant-switch-small.ant-switch-checked .ant-switch-handle {
1103
- left: calc(100% - 14px - 1px);
1104
- }
1105
- &.ant-switch-large.ant-switch-checked .ant-switch-handle {
1106
- left: calc(100% - 28px - 2px);
1169
+ .timezone-title {
1170
+ color: #2d3a56;
1171
+ overflow: hidden;
1172
+ text-overflow: ellipsis;
1173
+ }
1107
1174
  }
1108
- }
1109
1175
 
1110
- .E_c1up6e3y {
1111
- margin-left: 5px;
1176
+ .E_o1zue7 {
1177
+ display: flex;
1178
+ justify-content: space-between;
1179
+ color: $text-light-secondary;
1180
+ height: 18px;
1181
+ line-height: 18px;
1182
+ margin-top: 2px;
1112
1183
  }
1113
1184
 
1185
+ .E_tyfmlxg {
1186
+ border: none;
1187
+ margin-right: 0;
1188
+ background: rgba(225, 230, 241, 0.6);
1189
+ }
1114
1190
 
1115
- .E_t1m2x205 {
1116
- .ant-tooltip-arrow {
1117
- display: none;
1118
- }
1119
- .ant-tooltip-inner {
1120
- background: $gray-a80-9;
1121
- border-radius: 4px;
1122
- &:has(.eagle-ellipsis-content) {
1123
- visibility: hidden;
1124
- }
1125
- }
1191
+ .E_o18uybox {
1192
+ pointer-events: none;
1193
+ height: 32px;
1194
+ width: 100%;
1195
+ opacity: 0;
1126
1196
  }
1127
1197
 
1128
1198
 
@@ -1212,92 +1282,22 @@
1212
1282
  }
1213
1283
 
1214
1284
 
1215
- .E_s1dni7lo {
1216
- width: 430px !important;
1217
- }
1218
-
1219
- .E_d1wwmmm5 {
1220
- .ant-select-item-group {
1221
- padding: 8px 16px;
1222
- line-height: 18px;
1223
- border-top: 1px solid rgba(211, 218, 235, 0.6);
1224
- height: 34px;
1225
- min-height: 34px;
1226
- box-sizing: border-box;
1227
- margin-top: 8px;
1228
- }
1285
+ .E_iq1gosr {
1286
+ display: inline-block;
1229
1287
  }
1230
1288
 
1231
- .E_o1ugr09p {
1232
- display: flex;
1233
- flex-direction: column;
1234
- margin: 1px 8px;
1235
- padding: 8px;
1236
- border-radius: 4px;
1237
-
1238
- .selected-icon {
1239
- display: none;
1240
- }
1241
-
1242
- &.ant-select-item-option-grouped {
1243
- padding-left: 8px;
1244
- }
1245
-
1246
- &.ant-select-item-option-selected {
1247
- background-color: white;
1248
- .timezone-title {
1249
- color: #0080ff;
1250
- }
1251
- .selected-icon {
1252
- display: block;
1253
- }
1254
- }
1255
1289
 
1256
- &.ant-select-item-option-active {
1257
- background: rgba(0, 136, 255, 0.16);
1258
- .timezone-title {
1259
- color: #0080ff;
1260
- }
1261
- .timezone-tag {
1262
- background: rgba(0, 136, 255, 0.1);
1263
- color: #0080ff;
1264
- }
1265
- }
1290
+ .E_t1m2x205 {
1291
+ .ant-tooltip-arrow {
1292
+ display: none;
1266
1293
  }
1267
-
1268
- .E_o1ifxsq4 {
1269
- display: flex;
1270
- justify-content: space-between;
1271
- height: 20px;
1272
- line-height: 20px;
1273
-
1274
- .timezone-title {
1275
- color: #2d3a56;
1276
- overflow: hidden;
1277
- text-overflow: ellipsis;
1294
+ .ant-tooltip-inner {
1295
+ background: $gray-a80-9;
1296
+ border-radius: 4px;
1297
+ &:has(.eagle-ellipsis-content) {
1298
+ visibility: hidden;
1278
1299
  }
1279
1300
  }
1280
-
1281
- .E_o1zue7 {
1282
- display: flex;
1283
- justify-content: space-between;
1284
- color: $text-light-secondary;
1285
- height: 18px;
1286
- line-height: 18px;
1287
- margin-top: 2px;
1288
- }
1289
-
1290
- .E_tyfmlxg {
1291
- border: none;
1292
- margin-right: 0;
1293
- background: rgba(225, 230, 241, 0.6);
1294
- }
1295
-
1296
- .E_o18uybox {
1297
- pointer-events: none;
1298
- height: 32px;
1299
- width: 100%;
1300
- opacity: 0;
1301
1301
  }
1302
1302
 
1303
1303
 
@@ -1318,14 +1318,36 @@
1318
1318
  }
1319
1319
 
1320
1320
 
1321
- .E_f7pxqmh {
1322
- width: 100%;
1323
- margin-bottom: 0 !important;
1324
- flex-flow: nowrap !important;
1325
- line-break: auto;
1321
+ .E_iouxfgt {
1322
+ display: inline-flex;
1323
+ align-items: center;
1326
1324
 
1327
- & > .ant-form-item-label {
1328
- text-align: left !important;
1325
+ .icon-inner {
1326
+ display: inline-flex;
1327
+ align-items: center;
1328
+ justify-content: center;
1329
+ }
1330
+ .icon-inner + span,
1331
+ span + .icon-inner.suffix {
1332
+ margin-left: 4px;
1333
+ }
1334
+ &.is-rotate {
1335
+ img,
1336
+ svg {
1337
+ animation: rotate 680ms linear infinite;
1338
+ }
1339
+ }
1340
+ }
1341
+
1342
+
1343
+ .E_f7pxqmh {
1344
+ width: 100%;
1345
+ margin-bottom: 0 !important;
1346
+ flex-flow: nowrap !important;
1347
+ line-break: auto;
1348
+
1349
+ & > .ant-form-item-label {
1350
+ text-align: left !important;
1329
1351
  padding-bottom: 0 !important;
1330
1352
 
1331
1353
  & > label {
@@ -1360,28 +1382,6 @@
1360
1382
  }
1361
1383
 
1362
1384
 
1363
- .E_iouxfgt {
1364
- display: inline-flex;
1365
- align-items: center;
1366
-
1367
- .icon-inner {
1368
- display: inline-flex;
1369
- align-items: center;
1370
- justify-content: center;
1371
- }
1372
- .icon-inner + span,
1373
- span + .icon-inner.suffix {
1374
- margin-left: 4px;
1375
- }
1376
- &.is-rotate {
1377
- img,
1378
- svg {
1379
- animation: rotate 680ms linear infinite;
1380
- }
1381
- }
1382
- }
1383
-
1384
-
1385
1385
  .E_ai7qkf2 {
1386
1386
  .ant-input-number-handler-wrap {
1387
1387
  display: var(--ai7qkf2-0);
@@ -1463,20 +1463,6 @@
1463
1463
  }
1464
1464
 
1465
1465
 
1466
- .E_i1inqkme {
1467
- height: 18px;
1468
- line-height: 18px;
1469
- padding: 0 4px;
1470
- border-radius: 4px;
1471
- background: rgba(235, 239, 245, 0.6);
1472
- border: 1px solid rgba(223, 228, 235, 0.6);
1473
- display: flex;
1474
- align-items: center;
1475
- white-space: nowrap;
1476
- margin-right: 4px;
1477
- }
1478
-
1479
-
1480
1466
  .E_a1wfy30z {
1481
1467
  .ant-input-number-handler-wrap {
1482
1468
  display: var(--a1wfy30z-0);
@@ -1514,6 +1500,20 @@
1514
1500
  }
1515
1501
 
1516
1502
 
1503
+ .E_i1inqkme {
1504
+ height: 18px;
1505
+ line-height: 18px;
1506
+ padding: 0 4px;
1507
+ border-radius: 4px;
1508
+ background: rgba(235, 239, 245, 0.6);
1509
+ border: 1px solid rgba(223, 228, 235, 0.6);
1510
+ display: flex;
1511
+ align-items: center;
1512
+ white-space: nowrap;
1513
+ margin-right: 4px;
1514
+ }
1515
+
1516
+
1517
1517
  .E_atcz0kf {
1518
1518
  .ant-input-suffix {
1519
1519
  margin-left: 8px;
@@ -1524,6 +1524,43 @@
1524
1524
  }
1525
1525
 
1526
1526
 
1527
+ .E_a1b5xrg3 {
1528
+ .user-icon-inner {
1529
+ display: inline-flex;
1530
+ align-items: center;
1531
+ justify-content: center;
1532
+ color: $white;
1533
+ font-weight: bold;
1534
+ font-size: 12px;
1535
+ width: 24px;
1536
+ height: 24px;
1537
+ border-radius: 50%;
1538
+ background: var(--a1b5xrg3-0);
1539
+ }
1540
+ &.btn-item {
1541
+ transition: all 160ms ease;
1542
+ cursor: pointer;
1543
+ width: 56px;
1544
+ height: 40px;
1545
+ display: inline-flex;
1546
+ align-items: center;
1547
+ justify-content: center;
1548
+ border-radius: 6px;
1549
+
1550
+ &:hover {
1551
+ box-shadow:
1552
+ 0px 0px 20px rgba(107, 125, 153, 0.18),
1553
+ 0px 25px 80px rgba(45, 58, 86, 0.3);
1554
+ }
1555
+
1556
+ &:active {
1557
+ transform: translateY(2px);
1558
+ transition: all 320ms ease;
1559
+ }
1560
+ }
1561
+ }
1562
+
1563
+
1527
1564
  .E_owd0kml {
1528
1565
  display: inline-block;
1529
1566
  }
@@ -2706,43 +2743,6 @@
2706
2743
  }
2707
2744
 
2708
2745
 
2709
- .E_a1b5xrg3 {
2710
- .user-icon-inner {
2711
- display: inline-flex;
2712
- align-items: center;
2713
- justify-content: center;
2714
- color: $white;
2715
- font-weight: bold;
2716
- font-size: 12px;
2717
- width: 24px;
2718
- height: 24px;
2719
- border-radius: 50%;
2720
- background: var(--a1b5xrg3-0);
2721
- }
2722
- &.btn-item {
2723
- transition: all 160ms ease;
2724
- cursor: pointer;
2725
- width: 56px;
2726
- height: 40px;
2727
- display: inline-flex;
2728
- align-items: center;
2729
- justify-content: center;
2730
- border-radius: 6px;
2731
-
2732
- &:hover {
2733
- box-shadow:
2734
- 0px 0px 20px rgba(107, 125, 153, 0.18),
2735
- 0px 25px 80px rgba(45, 58, 86, 0.3);
2736
- }
2737
-
2738
- &:active {
2739
- transform: translateY(2px);
2740
- transition: all 320ms ease;
2741
- }
2742
- }
2743
- }
2744
-
2745
-
2746
2746
  .E_s17wv897 {
2747
2747
  &.ant-select,
2748
2748
  &.ant-select div.ant-select-selector {
@@ -3090,22 +3090,6 @@
3090
3090
  }
3091
3091
 
3092
3092
 
3093
- .E_suhck3k {
3094
- height: 24px;
3095
- width: 24px;
3096
- border-radius: 6px;
3097
- padding: 4px;
3098
- &:hover {
3099
- background-color: $fill-outstanding-light;
3100
- svg {
3101
- path {
3102
- fill: blue;
3103
- }
3104
- }
3105
- }
3106
- }
3107
-
3108
-
3109
3093
  .E_ryby9ds {
3110
3094
  display: flex;
3111
3095
  align-items: center;
@@ -3123,6 +3107,22 @@
3123
3107
  }
3124
3108
 
3125
3109
 
3110
+ .E_suhck3k {
3111
+ height: 24px;
3112
+ width: 24px;
3113
+ border-radius: 6px;
3114
+ padding: 4px;
3115
+ &:hover {
3116
+ background-color: $fill-outstanding-light;
3117
+ svg {
3118
+ path {
3119
+ fill: blue;
3120
+ }
3121
+ }
3122
+ }
3123
+ }
3124
+
3125
+
3126
3126
  .E_hrhfj7c {
3127
3127
  display: none;
3128
3128
  }
@@ -3643,14 +3643,6 @@
3643
3643
  }
3644
3644
 
3645
3645
 
3646
- .E_ckui4s7 {
3647
- color: $text-primary-light;
3648
- line-height: 22px;
3649
- display: inline-flex;
3650
- .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; } } }
3651
- }
3652
-
3653
-
3654
3646
  .E_b14q2gmw {
3655
3647
  box-shadow: 0px 0.119595px 0.438513px rgba(129, 138, 153, 0.14),
3656
3648
  0px 0.271728px 0.996336px rgba(129, 138, 153, 0.106447),
@@ -3726,6 +3718,14 @@
3726
3718
  }
3727
3719
 
3728
3720
 
3721
+ .E_ckui4s7 {
3722
+ color: $text-primary-light;
3723
+ line-height: 22px;
3724
+ display: inline-flex;
3725
+ .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; } } }
3726
+ }
3727
+
3728
+
3729
3729
  .E_c1yd35n {
3730
3730
  padding: 0 12px 14px 12px;
3731
3731
  }
@@ -3799,512 +3799,476 @@
3799
3799
  }
3800
3800
 
3801
3801
 
3802
- .E_l48ei06 {
3803
- @at-root {
3804
- button#{&}.ant-btn,
3805
- button#{&}.ant-btn.ant-btn-sm,
3806
- button#{&}.ant-btn.ant-btn-lg {
3807
- font-size: 12px;
3808
- line-height: 18px;
3809
- height: 18px;
3810
- }
3811
- button#{&} {
3812
- color: #0080FF;
3813
- height: unset;
3814
- .button-prefix-icon {
3815
- margin-right: 4px;
3816
- }
3817
- .button-suffix-icon {
3818
- margin-left: 4px;
3819
- }
3820
-
3821
- &:hover,
3822
- &.__pseudo-states-hover {
3823
- color: #009DFF;
3824
- }
3802
+ .E_slr2ynn {
3803
+ padding: 0 8px;
3804
+ height: 18px;
3805
+ }
3825
3806
 
3826
- &:active,
3827
- &.__pseudo-states-active {
3828
- color: #005ED1;
3829
- }
3830
- &.ui-kit-link-disabled {
3831
- color: #0080FF;
3832
- }
3833
- &.ui-kit-link-primary {
3834
- color: #00122E;
3807
+ .E_m140wbb6 {
3808
+ padding: 2px 8px;
3809
+ height: 24px;
3810
+ }
3835
3811
 
3836
- &:hover,
3837
- &.__pseudo-states-hover {
3838
- color: #0080FF;
3839
- }
3812
+ .E_t1fozc1i {
3813
+ margin: 0;
3814
+ }
3840
3815
 
3841
- &:active,
3842
- &.__pseudo-states-active {
3843
- color: #005ED1;
3844
- }
3816
+ .E_i1vxv4ln {
3817
+ margin-right: 4px;
3818
+ height: 16px;
3819
+ }
3845
3820
 
3846
- &.ui-kit-link-disabled {
3847
- color: #00122E;
3848
- }
3849
- }
3850
-
3851
- &.ui-kit-link-secondary {
3852
- color: #2C3852BF;
3853
-
3854
- &:hover,
3855
- &.__pseudo-states-hover {
3856
- color: #0080FF;
3857
- }
3858
-
3859
- &:active,
3860
- &.__pseudo-states-active {
3861
- color: #005ED1;
3862
- }
3863
-
3864
- &.ui-kit-link-disabled {
3865
- color: #2C3852BF;
3866
- }
3867
- }
3868
- }
3821
+ .E_n1afl31m {
3822
+ &.ant-tag.ant-tag-gray {
3823
+ font-weight: 700;
3824
+ color: $text-neutral-primary;
3825
+ background-color: $fill-neutral-trans-1;
3826
+ border: 1px solid $stroke-neutral-trans-2;
3827
+ word-break: break-all;
3828
+ display: inline;
3829
+ white-space: normal;
3869
3830
  }
3870
3831
  }
3871
3832
 
3872
3833
 
3873
- .E_tc97u5y {
3874
- height: 100%;
3875
- }
3876
-
3877
- .E_efzf37v {
3878
- .ant-table-content,
3879
- .ant-table-body {
3880
- overflow: visible !important;
3881
- height: 100%;
3834
+ .E_sjob3jg {
3835
+ $item: ant-steps-item;
3836
+ --item-min-width: 60px;
3837
+ .#{$item} {
3838
+ &-tail,
3839
+ &-icon {
3840
+ display: none !important;
3841
+ }
3882
3842
  }
3883
-
3884
- .ant-table-tbody .ant-table-placeholder td {
3885
- height: 100%;
3843
+ .#{$item}.#{$item}-active {
3844
+ flex-shrink: 0 !important;
3845
+ .step-item-prefix-container {
3846
+ color: $text-colorful-outstanding;
3847
+ }
3848
+ .#{$item}-container .#{$item}-content .#{$item}-title {
3849
+ color: $text-colorful-outstanding;
3850
+ font-weight: normal;
3851
+ }
3886
3852
  }
3887
-
3888
- table {
3889
- width: 100% !important;
3890
- height: 100%;
3891
- .ant-table-placeholder .ant-table-expanded-row-fixed {
3892
- padding: 15px 0;
3853
+ .#{$item}.#{$item}-finish {
3854
+ .#{$item}-container .#{$item}-content .#{$item}-title,
3855
+ & .#{$item}-container:hover .#{$item}-content .#{$item}-title {
3856
+ color: $text-neutral-tertiary;
3893
3857
  }
3894
3858
  }
3895
-
3896
- table thead.ant-table-thead {
3897
- display: none;
3859
+ .#{$item}.#{$item}-wait {
3860
+ .#{$item}-container .#{$item}-content .#{$item}-title {
3861
+ color: $text-neutral-primary;
3862
+ }
3863
+ }
3864
+ .step-item-text {
3865
+ display: inline-block;
3866
+ }
3867
+ .step-item-title {
3868
+ overflow: hidden;
3869
+ white-space: nowrap;
3870
+ text-overflow: ellipsis;
3898
3871
  }
3899
3872
  }
3900
3873
 
3901
- .E_t1fisho6 {
3902
- height: 100%;
3903
-
3904
- .ant-table.ant-table-small .ant-table-tbody > tr > td {
3905
- padding-top: 6px;
3906
- padding-bottom: 6px;
3874
+ .E_hjvj6s6 {
3875
+ $item: ant-steps-item;
3876
+ @mixin rightTriangle($color: $fills-light-trans-1) {
3877
+ content: "";
3878
+ width: 0;
3879
+ height: 0;
3880
+ border: 13px solid transparent;
3881
+ position: absolute;
3882
+ top: 0;
3883
+ border-left: 8px solid $color;
3907
3884
  }
3908
-
3909
- .active-row td:nth-child(1) {
3910
- font-weight: 700;
3885
+ .#{$item}-container {
3886
+ min-width: var(--item-min-width);
3911
3887
  }
3912
- &.has-selection .active-row td:nth-child(2) {
3913
- font-weight: 700;
3888
+ .#{$item}-disabled {
3889
+ cursor: not-allowed !important;
3914
3890
  }
3915
-
3916
- .ant-spin-nested-loading {
3917
- height: 100%;
3918
-
3919
- .ant-spin-container {
3920
- height: 100%;
3891
+ .ant-steps-horizontal.ant-steps-label-horizontal {
3892
+ flex-direction: row;
3893
+ justify-content: stretch;
3894
+ .#{$item} {
3895
+ padding: 0;
3896
+ margin-right: 4px;
3897
+ flex: 1;
3921
3898
  overflow: visible;
3899
+ .#{$item}-content {
3900
+ width: 100%;
3901
+ min-height: unset;
3902
+ .#{$item}-title {
3903
+ height: 26px;
3904
+ line-height: 26px;
3905
+ width: 100%;
3906
+ padding: 0;
3907
+ font-size: 12px;
3908
+ .step-count {
3909
+ margin-right: 10px;
3910
+ }
3911
+ &::after {
3912
+ display: none;
3913
+ }
3914
+ }
3915
+ }
3916
+ &:first-child {
3917
+ .#{$item}-container {
3918
+ padding-left: 8px;
3919
+ padding-right: 4px;
3920
+ border-radius: 4px 0 0 4px;
3921
+ }
3922
+ }
3923
+ &:last-child {
3924
+ margin-right: 0;
3925
+ .#{$item}-container {
3926
+ padding-right: 8px;
3927
+ padding-left: 12px;
3928
+ border-radius: 0 4px 4px 0;
3929
+ }
3930
+ }
3931
+ &:not(&:last-child) {
3932
+ &::after {
3933
+ @include rightTriangle();
3934
+ z-index: 2;
3935
+ position: relative;
3936
+ top: -50%;
3937
+ right: -100%;
3938
+ }
3939
+ }
3940
+ &:not(:first-child):not(:last-child) {
3941
+ .#{$item}-container {
3942
+ padding: 0 4px 0 12px;
3943
+ }
3944
+ }
3945
+ &:not(&:first-child) {
3946
+ &::before {
3947
+ @include rightTriangle(#fff);
3948
+ left: 0;
3949
+ }
3950
+ }
3922
3951
  }
3923
- .ant-spin {
3924
- max-height: none;
3952
+ .#{$item}-active {
3953
+ max-width: calc(100% - var(--item-min-width) * 2);
3954
+ .#{$item}-container {
3955
+ background-color: $fills-light-general-general-light;
3956
+ }
3957
+ &::after {
3958
+ border-left-color: $fills-light-general-general-light !important;
3959
+ }
3960
+ }
3961
+ .#{$item}-finish {
3962
+ cursor: pointer;
3963
+ min-width: var(--item-min-width);
3964
+ }
3965
+ .#{$item}-wait,
3966
+ .#{$item}-finish {
3967
+ min-width: var(--item-min-width);
3968
+ .#{$item}-container {
3969
+ background-color: $fills-light-trans-1;
3970
+ }
3925
3971
  }
3926
3972
  }
3927
-
3928
- td.ant-table-column-sort {
3929
- background: transparent;
3973
+ .ant-steps:not(.ant-steps-dot):not(.ant-steps-navigation):not(
3974
+ .ant-steps-vertical
3975
+ )
3976
+ .#{$item} {
3977
+ padding: 0;
3930
3978
  }
3979
+ }
3931
3980
 
3932
- td.ant-table-cell-fix-left,
3933
- td.ant-table-cell-fix-right {
3934
- background: #fff;
3935
- padding: 0 !important;
3936
- .ant-table-cell-content {
3981
+ .E_v4tv3mf {
3982
+ $item: ant-steps-item;
3983
+ .ant-steps.ant-steps-vertical {
3984
+ width: 192px;
3985
+ row-gap: 2px;
3986
+
3987
+ .preview-mode:not(.#{$item}-active) .#{$item}-container {
3988
+ &:hover {
3989
+ background-color: $fill-neutral-trans-2;
3990
+ }
3991
+ .#{$item}-title {
3992
+ color: $text-neutral-primary !important;
3993
+ }
3994
+ }
3995
+ .#{$item}:not(.#{$item}-active):not(.#{$item}-disabled)
3996
+ .#{$item}-container:hover {
3997
+ background-color: $fill-neutral-trans-2;
3998
+ }
3999
+ .#{$item}-container {
4000
+ padding: 0 8px;
4001
+ border-radius: 4px;
4002
+ height: 32px;
3937
4003
  display: flex;
3938
4004
  align-items: center;
3939
- height: 100%;
3940
- padding: 8px;
3941
- > span {
3942
- overflow: hidden;
3943
- text-overflow: ellipsis;
3944
- width: 100%;
4005
+ .#{$item}-content {
4006
+ min-height: auto;
4007
+ white-space: nowrap;
4008
+ & .ant-steps-item-title {
4009
+ font-size: 13px;
4010
+ line-height: 20px;
4011
+ max-width: 100%;
4012
+ padding-right: 0;
4013
+ }
3945
4014
  }
3946
4015
  }
3947
- }
3948
-
3949
- .ant-table-container {
3950
- height: 100%;
3951
- &::before,
3952
- &::after {
3953
- box-shadow: none !important;
4016
+ .#{$item}-active {
4017
+ .ant-steps-item-container {
4018
+ background: rgba($blue-60, 0.1);
4019
+ }
3954
4020
  }
3955
4021
  }
4022
+ }
3956
4023
 
3957
- div.ant-table {
3958
- $columnAlignRightPaddingRight: 25px;
3959
- border-radius: 0px;
3960
- border-left: none;
3961
- border-right: none;
3962
- border-bottom: none;
3963
- height: 100%;
3964
- font-size: 12px;
3965
- background: transparent;
3966
-
3967
- .ant-table-header {
3968
- position: relative;
3969
- z-index: $table-header-index;
3970
- border-bottom: 1px solid $strokes-light-trans-2;
3971
- margin-bottom: -1px;
3972
- }
3973
-
3974
- .time-wrapper .date,
3975
- .value {
3976
- color: $text-primary-light;
3977
- }
3978
-
3979
- .time-wrapper .time,
3980
- .unit {
3981
- color: $text-secondary-light;
3982
- }
3983
-
3984
- .ant-table-selection {
3985
- position: unset;
3986
- text-align: center;
3987
- }
3988
-
3989
- .ant-table-tbody > tr.ant-table-row-selected td {
3990
- background: $white;
3991
- }
3992
-
3993
- .anticon-setting {
3994
- cursor: pointer;
3995
- position: absolute;
3996
- top: 50%;
3997
- right: 12px;
3998
- transform: translateY(-50%);
3999
- }
4000
-
4001
- &.ant-table-ping-left {
4002
- .ant-table-cell-fix-left-last::after {
4003
- box-shadow: none;
4004
- width: 1px;
4005
- background: rgba(213, 219, 227, 0.6);
4006
- }
4007
- }
4008
-
4009
- &.ant-table-ping-right {
4010
- .ant-table-cell-fix-right-first::after {
4011
- box-shadow: none;
4012
- width: 1px;
4013
- background: rgba(213, 219, 227, 0.6);
4014
- }
4015
- }
4016
-
4017
- .ant-table-tbody {
4018
- position: relative;
4019
- .ant-table-row {
4020
- td {
4021
- border-top: 1px solid $strokes-light-trans-2;
4022
- border-bottom: 1px solid white;
4023
- height: 40px;
4024
- vertical-align: middle;
4025
- transition: background 0ms;
4026
- color: $gray-120;
4027
-
4028
- &.header-hover {
4029
- background: $fills-light-opaque-1;
4030
- border-bottom-color: $fills-light-opaque-1;
4031
- }
4032
-
4033
- .ant-btn.ant-btn-link {
4034
- height: auto;
4035
- color: $gray-120;
4036
- font-size: 12px;
4037
- text-align: left;
4038
- transition: none;
4039
- overflow: hidden;
4040
- text-overflow: ellipsis;
4041
- white-space: nowrap;
4042
-
4043
- &:hover {
4044
- color: $blue;
4045
- }
4046
-
4047
- > span {
4048
- overflow: hidden;
4049
- text-overflow: ellipsis;
4050
- width: 100%;
4051
- vertical-align: middle;
4052
- }
4053
- }
4054
-
4055
- &.cell_status {
4056
- line-height: 0px;
4057
- }
4058
- &.align-right {
4059
- padding-right: $columnAlignRightPaddingRight;
4060
- }
4061
- }
4062
-
4063
- &:hover {
4064
- & + tr td {
4065
- border-top-color: transparent;
4066
- }
4067
- td {
4068
- background: $fills-trans-secondary-light;
4069
- border-color: transparent transparent white;
4070
-
4071
- &:first-child {
4072
- border-radius: 8px 0 0 8px;
4073
- .ant-table-cell-content {
4074
- border-radius: 8px 0 0 8px;
4075
- }
4076
- &::before {
4077
- content: "";
4078
- width: 4px;
4079
- top: -1px;
4080
- bottom: -1px;
4081
- background: white;
4082
- }
4083
- }
4084
- &:last-child {
4085
- border-radius: 0 8px 8px 0;
4086
- }
4087
- &:last-child.cell__action_ {
4088
- border-radius: 0;
4089
- background: white;
4090
- border-top: none;
4091
-
4092
- > * {
4093
- border-top: 1px solid transparent;
4094
- border-radius: 0 8px 8px 0;
4095
- background: $fills-trans-secondary-light;
4096
- }
4097
- }
4098
- &.ant-table-cell-fix-right {
4099
- background: white;
4100
- border-top: 1px solid rgba(211, 218, 235, 0.6);
4101
- .ant-table-cell-content {
4102
- display: flex;
4103
- align-items: center;
4104
- height: 100%;
4105
- background: $fills-trans-secondary-light;
4106
- }
4107
- }
4108
-
4109
- &.ant-table-cell-fix-left {
4110
- background: white;
4111
- border-top: 1px solid rgba(211, 218, 235, 0.6);
4112
- .ant-table-cell-content {
4113
- display: flex;
4114
- align-items: center;
4115
- height: 100%;
4116
- background: $fills-trans-secondary-light;
4117
- }
4118
- }
4119
- }
4120
- }
4121
-
4122
- &:last-child td {
4123
- border-bottom: 1px solid $strokes-light-trans-2;
4124
- }
4125
-
4126
- &.active-row {
4127
- box-shadow: inset 0px 0px 0 2px $blue-a10;
4128
- border-radius: 8px;
4129
-
4130
- & + tr td {
4131
- border-top-color: white;
4132
- }
4133
- td {
4134
- background: $blue-a10;
4135
- border-bottom-color: transparent;
4136
- border-top-color: transparent;
4137
-
4138
- &:first-child {
4139
- border-radius: 8px 0 0 8px;
4140
- }
4141
- &:last-child {
4142
- border-radius: 0 8px 8px 0;
4143
- }
4144
- &:hover {
4145
- background: $blue-a10;
4146
- }
4147
- }
4148
- }
4149
- }
4150
- }
4024
+ .E_h6l1tj4 {
4025
+ width: 100%;
4026
+ display: inline-flex;
4027
+ align-items: center;
4028
+ justify-content: center;
4029
+ column-gap: 4px;
4030
+ .step-item-prefix-container {
4031
+ display: inline-flex;
4032
+ align-items: center;
4033
+ width: 18px;
4034
+ height: 18px;
4035
+ color: $gray-a75-8;
4036
+ justify-content: center;
4037
+ }
4038
+ }
4151
4039
 
4152
- .ant-table-thead {
4153
- > tr > th {
4154
- background: $white;
4155
- font-weight: 400;
4156
- position: relative;
4157
- border-bottom: none;
4158
- color: $gray-120;
4159
- transition: none;
4160
- padding: 14px 8px 14px 8px;
4161
- line-height: 20px;
4040
+ .E_v18frne8 {
4041
+ width: 100%;
4042
+ display: flex;
4043
+ align-items: center;
4044
+ justify-content: center;
4045
+ column-gap: 6px;
4046
+ font-size: 13px;
4047
+ .step-item-prefix-container {
4048
+ display: inline-flex;
4049
+ align-items: center;
4050
+ min-width: 20px;
4051
+ min-height: 20px;
4052
+ color: $gray-a75-8;
4053
+ justify-content: center;
4054
+ }
4055
+ }
4162
4056
 
4163
- &:not(:last-child):after {
4164
- content: "";
4165
- width: 1px;
4166
- top: 0;
4167
- bottom: 0;
4168
- background: $strokes-light-trans-2;
4169
- position: absolute;
4170
- right: 0;
4171
- }
4172
4057
 
4173
- &.is-blank {
4174
- padding: unset;
4058
+ .E_t1dtlqs1 {
4059
+ margin-bottom: 4px;
4060
+ color: $text-secondary-light;
4061
+ }
4175
4062
 
4176
- &:after {
4177
- display: none;
4178
- }
4179
- }
4063
+ .E_s1ese5oy {
4064
+ color: rgba(44, 56, 82, 0.6);
4065
+ line-height: 32px;
4066
+ height: 32px;
4067
+ margin-bottom: 0;
4068
+ &.primary,
4069
+ &.info {
4070
+ color: $text-light-general;
4071
+ }
4072
+ &.warning {
4073
+ color: #ffa500;
4074
+ }
4075
+ &.success {
4076
+ color: $text-light-positive;
4077
+ }
4078
+ &.danger,
4079
+ &.error {
4080
+ color: $text-light-serious;
4081
+ }
4082
+ &.normal {
4083
+ color: $text-secondary-light;
4084
+ }
4085
+ }
4180
4086
 
4181
- &.ant-table-cell-ellipsis.ant-table-column-has-sorters
4182
- .ant-table-column-sorters {
4183
- width: 100%;
4184
- overflow: hidden;
4185
- white-space: nowrap;
4186
- text-overflow: ellipsis;
4187
- > span {
4188
- overflow: hidden;
4189
- text-overflow: ellipsis;
4190
- flex: 1;
4191
- }
4192
- }
4087
+ .E_b1ibis43 {
4088
+ margin-bottom: 0;
4089
+ color: $text-light-primary;
4090
+ }
4193
4091
 
4194
- &.ant-table-column-has-sorters {
4195
- padding: 15px $columnAlignRightPaddingRight 15px 8px;
4092
+ .E_b11xxjd2 {
4093
+ line-height: 32px;
4094
+ margin-right: 6px;
4095
+ }
4196
4096
 
4197
- .ant-table-column-sorters {
4198
- padding: 0;
4199
- .order-icon {
4200
- position: absolute;
4201
- right: 6px;
4202
- top: 50%;
4203
- transform: translateY(-50%);
4204
- height: 16px;
4205
- display: none;
4206
- transition: transform 320ms ease;
4097
+ .E_bsub5bw {
4098
+ &.with-description {
4099
+ height: 24px;
4100
+ flex: 1;
4101
+ position: relative;
4102
+ top: -7px;
4103
+ }
4104
+ p {
4105
+ width: 100%;
4106
+ overflow: hidden;
4107
+ text-overflow: ellipsis;
4108
+ white-space: nowrap;
4109
+ }
4110
+ }
4207
4111
 
4208
- &.descend {
4209
- display: block;
4210
- transform: translateY(-50%) rotateX(180deg);
4211
- }
4212
- &.ascend {
4213
- display: block;
4214
- }
4215
- }
4216
- }
4217
- .ant-table-column-sorter {
4218
- display: none;
4219
- }
4220
- }
4112
+ .E_tmoyoag {
4113
+ border: 1px solid $strokes-light-trans-2;
4114
+ border-radius: 8px;
4115
+ overflow: auto;
4116
+ .ant-list {
4117
+ position: relative;
4118
+ .ant-list-item:last-child {
4119
+ border-bottom: none;
4120
+ }
4121
+ .eagle-table-form-header {
4122
+ position: sticky;
4123
+ top: 0;
4124
+ z-index: $eagle-table-form-header-index;
4125
+ display: flex;
4126
+ padding: 8px;
4127
+ & {
4128
+ align-items: inherit;
4129
+ }
4130
+ flex-wrap: nowrap;
4131
+ justify-content: flex-start;
4132
+ background: $fills-light-opaque-1;
4133
+ font-size: 14px;
4134
+ color: $text-secondary-light;
4135
+ border-bottom: 1px solid $fills-light-trans-2;
4136
+ }
4137
+ .eagle-table-form-header .eagle-table-form-cell > p {
4138
+ margin-bottom: 0;
4139
+ }
4140
+ .eagle-table-form-row {
4141
+ display: flex;
4142
+ justify-content: flex-start;
4143
+ align-items: flex-start;
4144
+ flex-wrap: wrap;
4145
+ padding: 8px;
4146
+ border: none;
4147
+ .row-description {
4148
+ flex-basis: 100%;
4149
+ margin: 12px 0 0;
4150
+ order: 99;
4151
+ color: $text-secondary-light;
4152
+ }
4153
+ .row-error-message {
4154
+ color: $text-light-serious;
4155
+ flex-basis: 100%;
4156
+ order: 98;
4157
+ margin: 12px 0 0;
4158
+ }
4159
+ &:hover {
4160
+ background-color: $fills-light-trans-1;
4161
+ }
4162
+ &.isDragging {
4163
+ background-color: $fills-light-general-general-light;
4164
+ }
4165
+ }
4166
+ .eagle-table-form-cell {
4167
+ flex: 1 0 0;
4168
+ overflow: hidden;
4169
+ .cell-description {
4170
+ color: $text-secondary-light;
4171
+ margin: 0;
4172
+ }
4221
4173
 
4222
- &:active {
4223
- .ant-table-column-sorters .order-icon {
4224
- &.descend {
4225
- transform: translateY(-50%);
4226
- }
4227
- &.ascend {
4228
- transform: translateY(-50%) rotateX(180deg);
4229
- }
4230
- }
4174
+ @mixin text-align-style($align-position) {
4175
+ & > * {
4176
+ text-align: $align-position;
4231
4177
  }
4232
-
4233
- &:hover:not(.is-blank) {
4234
- background: $fills-light-opaque-1;
4235
- .ant-table-column-sorters .order-icon {
4236
- display: block;
4178
+ .ant-form-item-control-input-content {
4179
+ &,
4180
+ & > * {
4181
+ text-align: $align-position;
4237
4182
  }
4238
4183
  }
4239
- &.align-right {
4240
- padding-right: $columnAlignRightPaddingRight;
4241
- }
4242
4184
  }
4243
- }
4244
-
4245
- .ant-table-selection-column {
4246
- padding: 0 !important;
4247
4185
 
4248
- .ant-checkbox-wrapper {
4249
- position: absolute;
4250
- left: 50%;
4251
- top: 50%;
4252
- transform: translate(-50%, -50%);
4186
+ &.align-center {
4187
+ @include text-align-style(center);
4253
4188
  }
4254
- &:after {
4255
- display: none;
4189
+ &.align-left {
4190
+ @include text-align-style(left);
4256
4191
  }
4257
- }
4258
-
4259
- .ant-table-hide-scrollbar {
4260
- background: $white;
4261
- }
4262
- .ant-table-placeholder {
4263
- background: inherit;
4264
-
4265
- td {
4266
- position: static;
4267
- border: none;
4268
- background: inherit !important;
4269
- height: 100px;
4270
- vertical-align: middle;
4192
+ &.align-right {
4193
+ @include text-align-style(right);
4271
4194
  }
4272
4195
 
4273
- .table-default-empty,
4274
- .ant-table-expanded-row-fixed {
4275
- font-weight: bold;
4276
- font-size: 20px;
4277
- color: $text-terdiary-light;
4196
+ &:not(:last-of-type) {
4197
+ margin-right: 8px;
4278
4198
  }
4279
4199
  }
4280
- th.ant-table-cell-scrollbar,
4281
- th.cell__action_ {
4282
- z-index: 10;
4200
+ .ant-list-item-action {
4201
+ padding: 4px;
4202
+ width: 24px;
4203
+ height: 24px;
4204
+ overflow: hidden;
4205
+ li {
4206
+ padding: 0;
4207
+ }
4283
4208
  }
4284
- td.cell__action_ {
4285
- padding: 0 !important;
4286
- position: relative;
4287
- background: $white;
4288
- > * {
4289
- height: 100%;
4290
- display: flex;
4291
- align-items: center;
4292
- justify-content: flex-end;
4293
- padding-right: 8px;
4209
+ .delete-row-icon.disabled {
4210
+ cursor: not-allowed;
4211
+ opacity: 0.5;
4212
+ }
4213
+ &.size-default {
4214
+ .ant-list-item-action {
4215
+ margin: 0;
4294
4216
  }
4295
- .menu-button {
4296
- width: 24px;
4297
- height: 24px;
4298
- cursor: pointer;
4299
- justify-content: center;
4300
- border-radius: 4px;
4217
+ .eagle-table-form-cell {
4218
+ .ant-input,
4219
+ .ant-select-selector {
4220
+ border-radius: 5px;
4221
+ font-size: 12px;
4222
+ }
4223
+ .ant-input-affix-wrapper {
4224
+ font-size: inherit;
4225
+ }
4301
4226
 
4302
- &:hover {
4303
- background: $white;
4227
+ .ant-form-item-control-input {
4228
+ min-height: 24px;
4229
+ font-size: 12px;
4230
+ position: relative;
4304
4231
  }
4305
4232
  }
4306
4233
  }
4307
4234
  }
4235
+ &.row-split-by-border {
4236
+ .eagle-table-form-row {
4237
+ border-bottom: 1px solid $fills-light-trans-2;
4238
+ }
4239
+ }
4240
+ &.row-split-by-zebraMarking {
4241
+ .draggable-container {
4242
+ & > :nth-child(2n) {
4243
+ background-color: $fills-trans-primary-light;
4244
+ }
4245
+ }
4246
+ }
4247
+ }
4248
+
4249
+ .E_a138syjm {
4250
+ display: flex;
4251
+ align-items: center;
4252
+ margin-top: 8px;
4253
+ button.ant-btn {
4254
+ padding: 2px 8px;
4255
+ height: 24px;
4256
+ }
4257
+ & > span.maximum-desc {
4258
+ display: none;
4259
+ margin-left: 8px;
4260
+ color: $text-secondary-light;
4261
+ &.disabled {
4262
+ display: inline;
4263
+ }
4264
+ }
4265
+ }
4266
+
4267
+ .E_d77i8u0 {
4268
+ width: 24px;
4269
+ height: 24px;
4270
+ padding: 4px;
4271
+ margin-right: 8px;
4308
4272
  }
4309
4273
 
4310
4274
 
@@ -4392,484 +4356,514 @@
4392
4356
  }
4393
4357
 
4394
4358
 
4395
- .E_t1dtlqs1 {
4396
- margin-bottom: 4px;
4397
- color: $text-secondary-light;
4398
- }
4359
+ .E_l48ei06 {
4360
+ @at-root {
4361
+ button#{&}.ant-btn,
4362
+ button#{&}.ant-btn.ant-btn-sm,
4363
+ button#{&}.ant-btn.ant-btn-lg {
4364
+ font-size: 12px;
4365
+ line-height: 18px;
4366
+ height: 18px;
4367
+ }
4368
+ button#{&} {
4369
+ color: #0080FF;
4370
+ height: unset;
4371
+ .button-prefix-icon {
4372
+ margin-right: 4px;
4373
+ }
4374
+ .button-suffix-icon {
4375
+ margin-left: 4px;
4376
+ }
4399
4377
 
4400
- .E_s1ese5oy {
4401
- color: rgba(44, 56, 82, 0.6);
4402
- line-height: 32px;
4403
- height: 32px;
4404
- margin-bottom: 0;
4405
- &.primary,
4406
- &.info {
4407
- color: $text-light-general;
4378
+ &:hover,
4379
+ &.__pseudo-states-hover {
4380
+ color: #009DFF;
4381
+ }
4382
+
4383
+ &:active,
4384
+ &.__pseudo-states-active {
4385
+ color: #005ED1;
4386
+ }
4387
+ &.ui-kit-link-disabled {
4388
+ color: #0080FF;
4389
+ }
4390
+ &.ui-kit-link-primary {
4391
+ color: #00122E;
4392
+
4393
+ &:hover,
4394
+ &.__pseudo-states-hover {
4395
+ color: #0080FF;
4396
+ }
4397
+
4398
+ &:active,
4399
+ &.__pseudo-states-active {
4400
+ color: #005ED1;
4401
+ }
4402
+
4403
+ &.ui-kit-link-disabled {
4404
+ color: #00122E;
4405
+ }
4406
+ }
4407
+
4408
+ &.ui-kit-link-secondary {
4409
+ color: #2C3852BF;
4410
+
4411
+ &:hover,
4412
+ &.__pseudo-states-hover {
4413
+ color: #0080FF;
4414
+ }
4415
+
4416
+ &:active,
4417
+ &.__pseudo-states-active {
4418
+ color: #005ED1;
4419
+ }
4420
+
4421
+ &.ui-kit-link-disabled {
4422
+ color: #2C3852BF;
4423
+ }
4424
+ }
4425
+ }
4408
4426
  }
4409
- &.warning {
4410
- color: #ffa500;
4427
+ }
4428
+
4429
+
4430
+ .E_tc97u5y {
4431
+ height: 100%;
4432
+ }
4433
+
4434
+ .E_efzf37v {
4435
+ .ant-table-content,
4436
+ .ant-table-body {
4437
+ overflow: visible !important;
4438
+ height: 100%;
4411
4439
  }
4412
- &.success {
4413
- color: $text-light-positive;
4440
+
4441
+ .ant-table-tbody .ant-table-placeholder td {
4442
+ height: 100%;
4414
4443
  }
4415
- &.danger,
4416
- &.error {
4417
- color: $text-light-serious;
4444
+
4445
+ table {
4446
+ width: 100% !important;
4447
+ height: 100%;
4448
+ .ant-table-placeholder .ant-table-expanded-row-fixed {
4449
+ padding: 15px 0;
4450
+ }
4418
4451
  }
4419
- &.normal {
4420
- color: $text-secondary-light;
4452
+
4453
+ table thead.ant-table-thead {
4454
+ display: none;
4421
4455
  }
4422
4456
  }
4423
4457
 
4424
- .E_b1ibis43 {
4425
- margin-bottom: 0;
4426
- color: $text-light-primary;
4427
- }
4458
+ .E_t1fisho6 {
4459
+ height: 100%;
4428
4460
 
4429
- .E_b11xxjd2 {
4430
- line-height: 32px;
4431
- margin-right: 6px;
4432
- }
4461
+ .ant-table.ant-table-small .ant-table-tbody > tr > td {
4462
+ padding-top: 6px;
4463
+ padding-bottom: 6px;
4464
+ }
4433
4465
 
4434
- .E_bsub5bw {
4435
- &.with-description {
4436
- height: 24px;
4437
- flex: 1;
4438
- position: relative;
4439
- top: -7px;
4466
+ .active-row td:nth-child(1) {
4467
+ font-weight: 700;
4440
4468
  }
4441
- p {
4442
- width: 100%;
4443
- overflow: hidden;
4444
- text-overflow: ellipsis;
4445
- white-space: nowrap;
4469
+ &.has-selection .active-row td:nth-child(2) {
4470
+ font-weight: 700;
4446
4471
  }
4447
- }
4448
4472
 
4449
- .E_tmoyoag {
4450
- border: 1px solid $strokes-light-trans-2;
4451
- border-radius: 8px;
4452
- overflow: auto;
4453
- .ant-list {
4454
- position: relative;
4455
- .ant-list-item:last-child {
4456
- border-bottom: none;
4473
+ .ant-spin-nested-loading {
4474
+ height: 100%;
4475
+
4476
+ .ant-spin-container {
4477
+ height: 100%;
4478
+ overflow: visible;
4457
4479
  }
4458
- .eagle-table-form-header {
4459
- position: sticky;
4460
- top: 0;
4461
- z-index: $eagle-table-form-header-index;
4480
+ .ant-spin {
4481
+ max-height: none;
4482
+ }
4483
+ }
4484
+
4485
+ td.ant-table-column-sort {
4486
+ background: transparent;
4487
+ }
4488
+
4489
+ td.ant-table-cell-fix-left,
4490
+ td.ant-table-cell-fix-right {
4491
+ background: #fff;
4492
+ padding: 0 !important;
4493
+ .ant-table-cell-content {
4462
4494
  display: flex;
4495
+ align-items: center;
4496
+ height: 100%;
4463
4497
  padding: 8px;
4464
- & {
4465
- align-items: inherit;
4498
+ > span {
4499
+ overflow: hidden;
4500
+ text-overflow: ellipsis;
4501
+ width: 100%;
4466
4502
  }
4467
- flex-wrap: nowrap;
4468
- justify-content: flex-start;
4469
- background: $fills-light-opaque-1;
4470
- font-size: 14px;
4471
- color: $text-secondary-light;
4472
- border-bottom: 1px solid $fills-light-trans-2;
4473
4503
  }
4474
- .eagle-table-form-header .eagle-table-form-cell > p {
4475
- margin-bottom: 0;
4504
+ }
4505
+
4506
+ .ant-table-container {
4507
+ height: 100%;
4508
+ &::before,
4509
+ &::after {
4510
+ box-shadow: none !important;
4476
4511
  }
4477
- .eagle-table-form-row {
4478
- display: flex;
4479
- justify-content: flex-start;
4480
- align-items: flex-start;
4481
- flex-wrap: wrap;
4482
- padding: 8px;
4483
- border: none;
4484
- .row-description {
4485
- flex-basis: 100%;
4486
- margin: 12px 0 0;
4487
- order: 99;
4488
- color: $text-secondary-light;
4489
- }
4490
- .row-error-message {
4491
- color: $text-light-serious;
4492
- flex-basis: 100%;
4493
- order: 98;
4494
- margin: 12px 0 0;
4495
- }
4496
- &:hover {
4497
- background-color: $fills-light-trans-1;
4498
- }
4499
- &.isDragging {
4500
- background-color: $fills-light-general-general-light;
4501
- }
4512
+ }
4513
+
4514
+ div.ant-table {
4515
+ $columnAlignRightPaddingRight: 25px;
4516
+ border-radius: 0px;
4517
+ border-left: none;
4518
+ border-right: none;
4519
+ border-bottom: none;
4520
+ height: 100%;
4521
+ font-size: 12px;
4522
+ background: transparent;
4523
+
4524
+ .ant-table-header {
4525
+ position: relative;
4526
+ z-index: $table-header-index;
4527
+ border-bottom: 1px solid $strokes-light-trans-2;
4528
+ margin-bottom: -1px;
4502
4529
  }
4503
- .eagle-table-form-cell {
4504
- flex: 1 0 0;
4505
- overflow: hidden;
4506
- .cell-description {
4507
- color: $text-secondary-light;
4508
- margin: 0;
4509
- }
4510
4530
 
4511
- @mixin text-align-style($align-position) {
4512
- & > * {
4513
- text-align: $align-position;
4514
- }
4515
- .ant-form-item-control-input-content {
4516
- &,
4517
- & > * {
4518
- text-align: $align-position;
4519
- }
4520
- }
4521
- }
4531
+ .time-wrapper .date,
4532
+ .value {
4533
+ color: $text-primary-light;
4534
+ }
4522
4535
 
4523
- &.align-center {
4524
- @include text-align-style(center);
4525
- }
4526
- &.align-left {
4527
- @include text-align-style(left);
4528
- }
4529
- &.align-right {
4530
- @include text-align-style(right);
4531
- }
4536
+ .time-wrapper .time,
4537
+ .unit {
4538
+ color: $text-secondary-light;
4539
+ }
4532
4540
 
4533
- &:not(:last-of-type) {
4534
- margin-right: 8px;
4535
- }
4541
+ .ant-table-selection {
4542
+ position: unset;
4543
+ text-align: center;
4536
4544
  }
4537
- .ant-list-item-action {
4538
- padding: 4px;
4539
- width: 24px;
4540
- height: 24px;
4541
- overflow: hidden;
4542
- li {
4543
- padding: 0;
4544
- }
4545
+
4546
+ .ant-table-tbody > tr.ant-table-row-selected td {
4547
+ background: $white;
4545
4548
  }
4546
- .delete-row-icon.disabled {
4547
- cursor: not-allowed;
4548
- opacity: 0.5;
4549
+
4550
+ .anticon-setting {
4551
+ cursor: pointer;
4552
+ position: absolute;
4553
+ top: 50%;
4554
+ right: 12px;
4555
+ transform: translateY(-50%);
4549
4556
  }
4550
- &.size-default {
4551
- .ant-list-item-action {
4552
- margin: 0;
4553
- }
4554
- .eagle-table-form-cell {
4555
- .ant-input,
4556
- .ant-select-selector {
4557
- border-radius: 5px;
4558
- font-size: 12px;
4559
- }
4560
- .ant-input-affix-wrapper {
4561
- font-size: inherit;
4562
- }
4563
4557
 
4564
- .ant-form-item-control-input {
4565
- min-height: 24px;
4566
- font-size: 12px;
4567
- position: relative;
4568
- }
4558
+ &.ant-table-ping-left {
4559
+ .ant-table-cell-fix-left-last::after {
4560
+ box-shadow: none;
4561
+ width: 1px;
4562
+ background: rgba(213, 219, 227, 0.6);
4569
4563
  }
4570
4564
  }
4571
- }
4572
- &.row-split-by-border {
4573
- .eagle-table-form-row {
4574
- border-bottom: 1px solid $fills-light-trans-2;
4575
- }
4576
- }
4577
- &.row-split-by-zebraMarking {
4578
- .draggable-container {
4579
- & > :nth-child(2n) {
4580
- background-color: $fills-trans-primary-light;
4565
+
4566
+ &.ant-table-ping-right {
4567
+ .ant-table-cell-fix-right-first::after {
4568
+ box-shadow: none;
4569
+ width: 1px;
4570
+ background: rgba(213, 219, 227, 0.6);
4581
4571
  }
4582
4572
  }
4583
- }
4584
- }
4585
4573
 
4586
- .E_a138syjm {
4587
- display: flex;
4588
- align-items: center;
4589
- margin-top: 8px;
4590
- button.ant-btn {
4591
- padding: 2px 8px;
4592
- height: 24px;
4593
- }
4594
- & > span.maximum-desc {
4595
- display: none;
4596
- margin-left: 8px;
4597
- color: $text-secondary-light;
4598
- &.disabled {
4599
- display: inline;
4600
- }
4601
- }
4602
- }
4574
+ .ant-table-tbody {
4575
+ position: relative;
4576
+ .ant-table-row {
4577
+ td {
4578
+ border-top: 1px solid $strokes-light-trans-2;
4579
+ border-bottom: 1px solid white;
4580
+ height: 40px;
4581
+ vertical-align: middle;
4582
+ transition: background 0ms;
4583
+ color: $gray-120;
4603
4584
 
4604
- .E_d77i8u0 {
4605
- width: 24px;
4606
- height: 24px;
4607
- padding: 4px;
4608
- margin-right: 8px;
4609
- }
4585
+ &.header-hover {
4586
+ background: $fills-light-opaque-1;
4587
+ border-bottom-color: $fills-light-opaque-1;
4588
+ }
4610
4589
 
4590
+ .ant-btn.ant-btn-link {
4591
+ height: auto;
4592
+ color: $gray-120;
4593
+ font-size: 12px;
4594
+ text-align: left;
4595
+ transition: none;
4596
+ overflow: hidden;
4597
+ text-overflow: ellipsis;
4598
+ white-space: nowrap;
4611
4599
 
4612
- .E_slr2ynn {
4613
- padding: 0 8px;
4614
- height: 18px;
4615
- }
4600
+ &:hover {
4601
+ color: $blue;
4602
+ }
4616
4603
 
4617
- .E_m140wbb6 {
4618
- padding: 2px 8px;
4619
- height: 24px;
4620
- }
4604
+ > span {
4605
+ overflow: hidden;
4606
+ text-overflow: ellipsis;
4607
+ width: 100%;
4608
+ vertical-align: middle;
4609
+ }
4610
+ }
4611
+
4612
+ &.cell_status {
4613
+ line-height: 0px;
4614
+ }
4615
+ &.align-right {
4616
+ padding-right: $columnAlignRightPaddingRight;
4617
+ }
4618
+ }
4619
+
4620
+ &:hover {
4621
+ & + tr td {
4622
+ border-top-color: transparent;
4623
+ }
4624
+ td {
4625
+ background: $fills-trans-secondary-light;
4626
+ border-color: transparent transparent white;
4627
+
4628
+ &:first-child {
4629
+ border-radius: 8px 0 0 8px;
4630
+ .ant-table-cell-content {
4631
+ border-radius: 8px 0 0 8px;
4632
+ }
4633
+ &::before {
4634
+ content: "";
4635
+ width: 4px;
4636
+ top: -1px;
4637
+ bottom: -1px;
4638
+ background: white;
4639
+ }
4640
+ }
4641
+ &:last-child {
4642
+ border-radius: 0 8px 8px 0;
4643
+ }
4644
+ &:last-child.cell__action_ {
4645
+ border-radius: 0;
4646
+ background: white;
4647
+ border-top: none;
4648
+
4649
+ > * {
4650
+ border-top: 1px solid transparent;
4651
+ border-radius: 0 8px 8px 0;
4652
+ background: $fills-trans-secondary-light;
4653
+ }
4654
+ }
4655
+ &.ant-table-cell-fix-right {
4656
+ background: white;
4657
+ border-top: 1px solid rgba(211, 218, 235, 0.6);
4658
+ .ant-table-cell-content {
4659
+ display: flex;
4660
+ align-items: center;
4661
+ height: 100%;
4662
+ background: $fills-trans-secondary-light;
4663
+ }
4664
+ }
4665
+
4666
+ &.ant-table-cell-fix-left {
4667
+ background: white;
4668
+ border-top: 1px solid rgba(211, 218, 235, 0.6);
4669
+ .ant-table-cell-content {
4670
+ display: flex;
4671
+ align-items: center;
4672
+ height: 100%;
4673
+ background: $fills-trans-secondary-light;
4674
+ }
4675
+ }
4676
+ }
4677
+ }
4678
+
4679
+ &:last-child td {
4680
+ border-bottom: 1px solid $strokes-light-trans-2;
4681
+ }
4682
+
4683
+ &.active-row {
4684
+ box-shadow: inset 0px 0px 0 2px $blue-a10;
4685
+ border-radius: 8px;
4686
+
4687
+ & + tr td {
4688
+ border-top-color: white;
4689
+ }
4690
+ td {
4691
+ background: $blue-a10;
4692
+ border-bottom-color: transparent;
4693
+ border-top-color: transparent;
4694
+
4695
+ &:first-child {
4696
+ border-radius: 8px 0 0 8px;
4697
+ }
4698
+ &:last-child {
4699
+ border-radius: 0 8px 8px 0;
4700
+ }
4701
+ &:hover {
4702
+ background: $blue-a10;
4703
+ }
4704
+ }
4705
+ }
4706
+ }
4707
+ }
4621
4708
 
4622
- .E_t1fozc1i {
4623
- margin: 0;
4624
- }
4709
+ .ant-table-thead {
4710
+ > tr > th {
4711
+ background: $white;
4712
+ font-weight: 400;
4713
+ position: relative;
4714
+ border-bottom: none;
4715
+ color: $gray-120;
4716
+ transition: none;
4717
+ padding: 14px 8px 14px 8px;
4718
+ line-height: 20px;
4625
4719
 
4626
- .E_i1vxv4ln {
4627
- margin-right: 4px;
4628
- height: 16px;
4629
- }
4720
+ &:not(:last-child):after {
4721
+ content: "";
4722
+ width: 1px;
4723
+ top: 0;
4724
+ bottom: 0;
4725
+ background: $strokes-light-trans-2;
4726
+ position: absolute;
4727
+ right: 0;
4728
+ }
4630
4729
 
4631
- .E_n1afl31m {
4632
- &.ant-tag.ant-tag-gray {
4633
- font-weight: 700;
4634
- color: $text-neutral-primary;
4635
- background-color: $fill-neutral-trans-1;
4636
- border: 1px solid $stroke-neutral-trans-2;
4637
- word-break: break-all;
4638
- display: inline;
4639
- white-space: normal;
4640
- }
4641
- }
4730
+ &.is-blank {
4731
+ padding: unset;
4642
4732
 
4733
+ &:after {
4734
+ display: none;
4735
+ }
4736
+ }
4643
4737
 
4644
- .E_i1g85yz3 {
4645
- margin-right: 4px;
4646
- height: 16px;
4647
- }
4738
+ &.ant-table-cell-ellipsis.ant-table-column-has-sorters
4739
+ .ant-table-column-sorters {
4740
+ width: 100%;
4741
+ overflow: hidden;
4742
+ white-space: nowrap;
4743
+ text-overflow: ellipsis;
4744
+ > span {
4745
+ overflow: hidden;
4746
+ text-overflow: ellipsis;
4747
+ flex: 1;
4748
+ }
4749
+ }
4648
4750
 
4751
+ &.ant-table-column-has-sorters {
4752
+ padding: 15px $columnAlignRightPaddingRight 15px 8px;
4649
4753
 
4650
- .E_sjob3jg {
4651
- $item: ant-steps-item;
4652
- --item-min-width: 60px;
4653
- .#{$item} {
4654
- &-tail,
4655
- &-icon {
4656
- display: none !important;
4657
- }
4658
- }
4659
- .#{$item}.#{$item}-active {
4660
- flex-shrink: 0 !important;
4661
- .step-item-prefix-container {
4662
- color: $text-colorful-outstanding;
4663
- }
4664
- .#{$item}-container .#{$item}-content .#{$item}-title {
4665
- color: $text-colorful-outstanding;
4666
- font-weight: normal;
4667
- }
4668
- }
4669
- .#{$item}.#{$item}-finish {
4670
- .#{$item}-container .#{$item}-content .#{$item}-title,
4671
- & .#{$item}-container:hover .#{$item}-content .#{$item}-title {
4672
- color: $text-neutral-tertiary;
4673
- }
4674
- }
4675
- .#{$item}.#{$item}-wait {
4676
- .#{$item}-container .#{$item}-content .#{$item}-title {
4677
- color: $text-neutral-primary;
4678
- }
4679
- }
4680
- .step-item-text {
4681
- display: inline-block;
4682
- }
4683
- .step-item-title {
4684
- overflow: hidden;
4685
- white-space: nowrap;
4686
- text-overflow: ellipsis;
4687
- }
4688
- }
4754
+ .ant-table-column-sorters {
4755
+ padding: 0;
4756
+ .order-icon {
4757
+ position: absolute;
4758
+ right: 6px;
4759
+ top: 50%;
4760
+ transform: translateY(-50%);
4761
+ height: 16px;
4762
+ display: none;
4763
+ transition: transform 320ms ease;
4689
4764
 
4690
- .E_hjvj6s6 {
4691
- $item: ant-steps-item;
4692
- @mixin rightTriangle($color: $fills-light-trans-1) {
4693
- content: "";
4694
- width: 0;
4695
- height: 0;
4696
- border: 13px solid transparent;
4697
- position: absolute;
4698
- top: 0;
4699
- border-left: 8px solid $color;
4700
- }
4701
- .#{$item}-container {
4702
- min-width: var(--item-min-width);
4703
- }
4704
- .#{$item}-disabled {
4705
- cursor: not-allowed !important;
4706
- }
4707
- .ant-steps-horizontal.ant-steps-label-horizontal {
4708
- flex-direction: row;
4709
- justify-content: stretch;
4710
- .#{$item} {
4711
- padding: 0;
4712
- margin-right: 4px;
4713
- flex: 1;
4714
- overflow: visible;
4715
- .#{$item}-content {
4716
- width: 100%;
4717
- min-height: unset;
4718
- .#{$item}-title {
4719
- height: 26px;
4720
- line-height: 26px;
4721
- width: 100%;
4722
- padding: 0;
4723
- font-size: 12px;
4724
- .step-count {
4725
- margin-right: 10px;
4765
+ &.descend {
4766
+ display: block;
4767
+ transform: translateY(-50%) rotateX(180deg);
4768
+ }
4769
+ &.ascend {
4770
+ display: block;
4771
+ }
4772
+ }
4726
4773
  }
4727
- &::after {
4774
+ .ant-table-column-sorter {
4728
4775
  display: none;
4729
4776
  }
4730
4777
  }
4731
- }
4732
- &:first-child {
4733
- .#{$item}-container {
4734
- padding-left: 8px;
4735
- padding-right: 4px;
4736
- border-radius: 4px 0 0 4px;
4737
- }
4738
- }
4739
- &:last-child {
4740
- margin-right: 0;
4741
- .#{$item}-container {
4742
- padding-right: 8px;
4743
- padding-left: 12px;
4744
- border-radius: 0 4px 4px 0;
4745
- }
4746
- }
4747
- &:not(&:last-child) {
4748
- &::after {
4749
- @include rightTriangle();
4750
- z-index: 2;
4751
- position: relative;
4752
- top: -50%;
4753
- right: -100%;
4778
+
4779
+ &:active {
4780
+ .ant-table-column-sorters .order-icon {
4781
+ &.descend {
4782
+ transform: translateY(-50%);
4783
+ }
4784
+ &.ascend {
4785
+ transform: translateY(-50%) rotateX(180deg);
4786
+ }
4787
+ }
4754
4788
  }
4755
- }
4756
- &:not(:first-child):not(:last-child) {
4757
- .#{$item}-container {
4758
- padding: 0 4px 0 12px;
4789
+
4790
+ &:hover:not(.is-blank) {
4791
+ background: $fills-light-opaque-1;
4792
+ .ant-table-column-sorters .order-icon {
4793
+ display: block;
4794
+ }
4759
4795
  }
4760
- }
4761
- &:not(&:first-child) {
4762
- &::before {
4763
- @include rightTriangle(#fff);
4764
- left: 0;
4796
+ &.align-right {
4797
+ padding-right: $columnAlignRightPaddingRight;
4765
4798
  }
4766
4799
  }
4767
4800
  }
4768
- .#{$item}-active {
4769
- max-width: calc(100% - var(--item-min-width) * 2);
4770
- .#{$item}-container {
4771
- background-color: $fills-light-general-general-light;
4772
- }
4773
- &::after {
4774
- border-left-color: $fills-light-general-general-light !important;
4801
+
4802
+ .ant-table-selection-column {
4803
+ padding: 0 !important;
4804
+
4805
+ .ant-checkbox-wrapper {
4806
+ position: absolute;
4807
+ left: 50%;
4808
+ top: 50%;
4809
+ transform: translate(-50%, -50%);
4775
4810
  }
4776
- }
4777
- .#{$item}-finish {
4778
- cursor: pointer;
4779
- min-width: var(--item-min-width);
4780
- }
4781
- .#{$item}-wait,
4782
- .#{$item}-finish {
4783
- min-width: var(--item-min-width);
4784
- .#{$item}-container {
4785
- background-color: $fills-light-trans-1;
4811
+ &:after {
4812
+ display: none;
4786
4813
  }
4787
- }
4788
- }
4789
- .ant-steps:not(.ant-steps-dot):not(.ant-steps-navigation):not(
4790
- .ant-steps-vertical
4791
- )
4792
- .#{$item} {
4793
- padding: 0;
4794
- }
4795
- }
4814
+ }
4796
4815
 
4797
- .E_v4tv3mf {
4798
- $item: ant-steps-item;
4799
- .ant-steps.ant-steps-vertical {
4800
- width: 192px;
4801
- row-gap: 2px;
4816
+ .ant-table-hide-scrollbar {
4817
+ background: $white;
4818
+ }
4819
+ .ant-table-placeholder {
4820
+ background: inherit;
4802
4821
 
4803
- .preview-mode:not(.#{$item}-active) .#{$item}-container {
4804
- &:hover {
4805
- background-color: $fill-neutral-trans-2;
4822
+ td {
4823
+ position: static;
4824
+ border: none;
4825
+ background: inherit !important;
4826
+ height: 100px;
4827
+ vertical-align: middle;
4806
4828
  }
4807
- .#{$item}-title {
4808
- color: $text-neutral-primary !important;
4829
+
4830
+ .table-default-empty,
4831
+ .ant-table-expanded-row-fixed {
4832
+ font-weight: bold;
4833
+ font-size: 20px;
4834
+ color: $text-terdiary-light;
4809
4835
  }
4810
4836
  }
4811
- .#{$item}:not(.#{$item}-active):not(.#{$item}-disabled)
4812
- .#{$item}-container:hover {
4813
- background-color: $fill-neutral-trans-2;
4837
+ th.ant-table-cell-scrollbar,
4838
+ th.cell__action_ {
4839
+ z-index: 10;
4814
4840
  }
4815
- .#{$item}-container {
4816
- padding: 0 8px;
4817
- border-radius: 4px;
4818
- height: 32px;
4819
- display: flex;
4820
- align-items: center;
4821
- .#{$item}-content {
4822
- min-height: auto;
4823
- white-space: nowrap;
4824
- & .ant-steps-item-title {
4825
- font-size: 13px;
4826
- line-height: 20px;
4827
- max-width: 100%;
4828
- padding-right: 0;
4829
- }
4841
+ td.cell__action_ {
4842
+ padding: 0 !important;
4843
+ position: relative;
4844
+ background: $white;
4845
+ > * {
4846
+ height: 100%;
4847
+ display: flex;
4848
+ align-items: center;
4849
+ justify-content: flex-end;
4850
+ padding-right: 8px;
4830
4851
  }
4831
- }
4832
- .#{$item}-active {
4833
- .ant-steps-item-container {
4834
- background: rgba($blue-60, 0.1);
4852
+ .menu-button {
4853
+ width: 24px;
4854
+ height: 24px;
4855
+ cursor: pointer;
4856
+ justify-content: center;
4857
+ border-radius: 4px;
4858
+
4859
+ &:hover {
4860
+ background: $white;
4861
+ }
4835
4862
  }
4836
4863
  }
4837
4864
  }
4838
4865
  }
4839
4866
 
4840
- .E_h6l1tj4 {
4841
- width: 100%;
4842
- display: inline-flex;
4843
- align-items: center;
4844
- justify-content: center;
4845
- column-gap: 4px;
4846
- .step-item-prefix-container {
4847
- display: inline-flex;
4848
- align-items: center;
4849
- width: 18px;
4850
- height: 18px;
4851
- color: $gray-a75-8;
4852
- justify-content: center;
4853
- }
4854
- }
4855
-
4856
- .E_v18frne8 {
4857
- width: 100%;
4858
- display: flex;
4859
- align-items: center;
4860
- justify-content: center;
4861
- column-gap: 6px;
4862
- font-size: 13px;
4863
- .step-item-prefix-container {
4864
- display: inline-flex;
4865
- align-items: center;
4866
- min-width: 20px;
4867
- min-height: 20px;
4868
- color: $gray-a75-8;
4869
- justify-content: center;
4870
- }
4871
- }
4872
-
4873
4867
 
4874
4868
  .E_r77hffu {
4875
4869
  display: flex;
@@ -4892,6 +4886,47 @@
4892
4886
  }
4893
4887
 
4894
4888
 
4889
+ .E_i1g85yz3 {
4890
+ margin-right: 4px;
4891
+ height: 16px;
4892
+ }
4893
+
4894
+
4895
+ .E_t13ef470 {
4896
+ height: 100%;
4897
+ .table-loading-item {
4898
+ padding: 12px 4px;
4899
+ border-bottom: 1px solid rgba($gray-50, 0.18);
4900
+ display: flex;
4901
+
4902
+ > * {
4903
+ height: 16px;
4904
+ margin: 4px;
4905
+ background: rgba($gray-50, 0.18);
4906
+ border-radius: 2px;
4907
+ }
4908
+ .checkbox-loading {
4909
+ width: 16px;
4910
+ }
4911
+ .td-loading {
4912
+ flex: 1;
4913
+ }
4914
+ }
4915
+
4916
+ :nth-child(1) {
4917
+ padding: 8px 4px;
4918
+ > * {
4919
+ background: rgba($gray-70, 0.18);
4920
+ }
4921
+ }
4922
+ :nth-child(1) {
4923
+ > * {
4924
+ background: rgba($gray-60, 0.18);
4925
+ }
4926
+ }
4927
+ }
4928
+
4929
+
4895
4930
  .E_l1ucdodl {
4896
4931
  $prefix: ui-kit-status-legend;
4897
4932
  margin: 0;
@@ -4976,41 +5011,6 @@
4976
5011
  }
4977
5012
 
4978
5013
 
4979
- .E_t13ef470 {
4980
- height: 100%;
4981
- .table-loading-item {
4982
- padding: 12px 4px;
4983
- border-bottom: 1px solid rgba($gray-50, 0.18);
4984
- display: flex;
4985
-
4986
- > * {
4987
- height: 16px;
4988
- margin: 4px;
4989
- background: rgba($gray-50, 0.18);
4990
- border-radius: 2px;
4991
- }
4992
- .checkbox-loading {
4993
- width: 16px;
4994
- }
4995
- .td-loading {
4996
- flex: 1;
4997
- }
4998
- }
4999
-
5000
- :nth-child(1) {
5001
- padding: 8px 4px;
5002
- > * {
5003
- background: rgba($gray-70, 0.18);
5004
- }
5005
- }
5006
- :nth-child(1) {
5007
- > * {
5008
- background: rgba($gray-60, 0.18);
5009
- }
5010
- }
5011
- }
5012
-
5013
-
5014
5014
  .E_t1gvlxt5 {
5015
5015
  min-width: 0;
5016
5016
  flex: 1;
@@ -5034,7 +5034,7 @@
5034
5034
  }
5035
5035
 
5036
5036
 
5037
- .E_msn7nxt {
5037
+ .E_m11nzl2x {
5038
5038
  color: $text-light-secondary;
5039
5039
  text-align: center;
5040
5040
 
@@ -5050,7 +5050,7 @@
5050
5050
  }
5051
5051
  }
5052
5052
 
5053
- .E_mp64wfi {
5053
+ .E_mn7joto {
5054
5054
  width: 100%;
5055
5055
  height: 100%;
5056
5056
  display: flex;
@@ -5060,7 +5060,6 @@
5060
5060
  width: 100%;
5061
5061
  display: flex;
5062
5062
  line-height: 30px;
5063
- padding: 0 16px;
5064
5063
  justify-content: space-between;
5065
5064
  .metric-extra {
5066
5065
  display: flex;
@@ -5093,7 +5092,7 @@
5093
5092
  }
5094
5093
  }
5095
5094
 
5096
- .E_l1oyigan {
5095
+ .E_l1bifhon {
5097
5096
  display: flex;
5098
5097
  align-items: center;
5099
5098
  white-space: nowrap;
@@ -5101,38 +5100,68 @@
5101
5100
  width: 100%;
5102
5101
 
5103
5102
  .ant-dropdown-trigger {
5104
- margin-left: auto;
5105
5103
  font-size: 12px;
5104
+ margin-left: 8px;
5106
5105
  }
5107
5106
  }
5108
5107
 
5109
- .E_l1noi4n1 {
5108
+ .E_ltthzck {
5110
5109
  display: flex;
5111
5110
  justify-content: flex-start;
5112
5111
  align-items: center;
5113
5112
  font-size: 12px;
5114
5113
  cursor: pointer;
5114
+ &:not(:first-child) {
5115
+ margin-left: 8px;
5116
+ }
5115
5117
 
5116
- &:not(:last-child) {
5117
- margin-right: 20px;
5118
+ &.deselected,
5119
+ &.hovering {
5120
+ opacity: 0.3;
5121
+
5122
+ &:not(.hoverering-self) .color-block {
5123
+ background: #b4beca !important;
5124
+ border-radius: 2px;
5125
+ }
5118
5126
  }
5119
- &.deselected {
5120
- opacity: 0.4;
5127
+ &.hoverering-self {
5128
+ opacity: 1;
5129
+ }
5130
+ .dropdown-trigger {
5131
+ margin-left: 12px;
5132
+ }
5133
+ }
5121
5134
 
5122
- .color-block {
5135
+ .E_l1mumj7o {
5136
+ display: flex;
5137
+ justify-content: flex-start;
5138
+ align-items: center;
5139
+ font-size: 12px;
5140
+ cursor: pointer;
5141
+
5142
+ &.deselected,
5143
+ &.hovering {
5144
+ opacity: 0.3;
5145
+
5146
+ &:not(.hoverering-self) .color-block {
5123
5147
  background: #b4beca !important;
5148
+ border-radius: 2px;
5124
5149
  }
5125
5150
  }
5151
+ &.hoverering-self {
5152
+ opacity: 1;
5153
+ }
5126
5154
  }
5127
5155
 
5128
- .E_cz19rz6 {
5156
+ .E_c14rn6j5 {
5129
5157
  display: inline-block;
5130
5158
  height: 8px;
5131
5159
  width: 8px;
5132
- margin-right: 8px;
5160
+ margin-right: 6px;
5161
+ border-radius: 2px;
5133
5162
  }
5134
5163
 
5135
- .E_e17r5r9c {
5164
+ .E_e45tc5l {
5136
5165
  .ant-dropdown-menu-item {
5137
5166
  display: flex;
5138
5167
  align-items: center;
@@ -5141,7 +5170,7 @@
5141
5170
  }
5142
5171
  }
5143
5172
 
5144
- .E_m1y1hhnr {
5173
+ .E_lqeaosa {
5145
5174
  position: relative;
5146
5175
 
5147
5176
  &.hidden-xaxis .pointer-wrapper {
@@ -5152,10 +5181,9 @@
5152
5181
  display: flex;
5153
5182
  justify-content: space-between;
5154
5183
  line-height: 30px;
5155
- margin: 0 16px;
5156
-
5157
5184
  .metric-extra {
5158
5185
  display: flex;
5186
+ flex-shrink: 0;
5159
5187
  font-size: 12px;
5160
5188
  align-items: center;
5161
5189
 
@@ -5181,26 +5209,28 @@
5181
5209
  position: absolute;
5182
5210
  bottom: 10px;
5183
5211
  padding: 0 8px;
5184
- border-radius: 4px;
5185
5212
  font-size: 12px;
5186
5213
  color: $white;
5187
- background: rgba(0, 0, 0, 0.75);
5188
5214
  transform: translateX(-50%);
5189
5215
  }
5190
5216
  }
5191
5217
 
5192
- .E_tnvijvs {
5218
+ .E_t2pr38p {
5193
5219
  min-width: 200px;
5220
+ background-color: $fill-neutral-trans-8;
5221
+ border-radius: 4px;
5222
+ box-shadow: 0px 1px 4px 0px rgba(29, 50, 108, 0.6);
5223
+ padding: 8px;
5194
5224
  }
5195
5225
 
5196
- .E_t1ub2aex {
5226
+ .E_tecdsj7 {
5197
5227
  display: flex;
5198
5228
  align-items: center;
5229
+ background-color: unset;
5230
+ color: $text-neutral-ontint;
5199
5231
  justify-content: space-between;
5200
- background-color: rgba(0, 0, 0, 0.75);
5201
- color: #b4beca;
5202
5232
  font-size: 12px;
5203
- padding: 3px 6px;
5233
+ padding-top: 6px;
5204
5234
 
5205
5235
  &:first-child {
5206
5236
  padding-top: 3px;
@@ -5209,13 +5239,24 @@
5209
5239
  padding-bottom: 3px;
5210
5240
  }
5211
5241
  .column-value {
5212
- color: $white;
5242
+ color: $text-neutral-ontint;
5213
5243
  margin-left: 8px;
5214
5244
  }
5215
5245
  }
5216
5246
 
5247
+ .E_ljhvvia {
5248
+ display: inline-block;
5249
+ height: 8px;
5250
+ width: 8px;
5251
+ margin-right: 8px;
5252
+ border-radius: 2px;
5253
+ &.borderd {
5254
+ border: 1px solid $stroke-neutral-white;
5255
+ }
5256
+ }
5257
+
5217
5258
 
5218
- .E_m11nzl2x {
5259
+ .E_msn7nxt {
5219
5260
  color: $text-light-secondary;
5220
5261
  text-align: center;
5221
5262
 
@@ -5231,7 +5272,7 @@
5231
5272
  }
5232
5273
  }
5233
5274
 
5234
- .E_mn7joto {
5275
+ .E_mp64wfi {
5235
5276
  width: 100%;
5236
5277
  height: 100%;
5237
5278
  display: flex;
@@ -5241,6 +5282,7 @@
5241
5282
  width: 100%;
5242
5283
  display: flex;
5243
5284
  line-height: 30px;
5285
+ padding: 0 16px;
5244
5286
  justify-content: space-between;
5245
5287
  .metric-extra {
5246
5288
  display: flex;
@@ -5273,7 +5315,7 @@
5273
5315
  }
5274
5316
  }
5275
5317
 
5276
- .E_l1bifhon {
5318
+ .E_l1oyigan {
5277
5319
  display: flex;
5278
5320
  align-items: center;
5279
5321
  white-space: nowrap;
@@ -5281,68 +5323,38 @@
5281
5323
  width: 100%;
5282
5324
 
5283
5325
  .ant-dropdown-trigger {
5326
+ margin-left: auto;
5284
5327
  font-size: 12px;
5285
- margin-left: 8px;
5286
5328
  }
5287
5329
  }
5288
5330
 
5289
- .E_ltthzck {
5331
+ .E_l1noi4n1 {
5290
5332
  display: flex;
5291
5333
  justify-content: flex-start;
5292
5334
  align-items: center;
5293
5335
  font-size: 12px;
5294
5336
  cursor: pointer;
5295
- &:not(:first-child) {
5296
- margin-left: 8px;
5297
- }
5298
-
5299
- &.deselected,
5300
- &.hovering {
5301
- opacity: 0.3;
5302
5337
 
5303
- &:not(.hoverering-self) .color-block {
5304
- background: #b4beca !important;
5305
- border-radius: 2px;
5306
- }
5307
- }
5308
- &.hoverering-self {
5309
- opacity: 1;
5310
- }
5311
- .dropdown-trigger {
5312
- margin-left: 12px;
5338
+ &:not(:last-child) {
5339
+ margin-right: 20px;
5313
5340
  }
5314
- }
5315
-
5316
- .E_l1mumj7o {
5317
- display: flex;
5318
- justify-content: flex-start;
5319
- align-items: center;
5320
- font-size: 12px;
5321
- cursor: pointer;
5322
-
5323
- &.deselected,
5324
- &.hovering {
5325
- opacity: 0.3;
5341
+ &.deselected {
5342
+ opacity: 0.4;
5326
5343
 
5327
- &:not(.hoverering-self) .color-block {
5344
+ .color-block {
5328
5345
  background: #b4beca !important;
5329
- border-radius: 2px;
5330
5346
  }
5331
5347
  }
5332
- &.hoverering-self {
5333
- opacity: 1;
5334
- }
5335
5348
  }
5336
5349
 
5337
- .E_c14rn6j5 {
5350
+ .E_cz19rz6 {
5338
5351
  display: inline-block;
5339
5352
  height: 8px;
5340
5353
  width: 8px;
5341
- margin-right: 6px;
5342
- border-radius: 2px;
5354
+ margin-right: 8px;
5343
5355
  }
5344
5356
 
5345
- .E_e45tc5l {
5357
+ .E_e17r5r9c {
5346
5358
  .ant-dropdown-menu-item {
5347
5359
  display: flex;
5348
5360
  align-items: center;
@@ -5351,7 +5363,7 @@
5351
5363
  }
5352
5364
  }
5353
5365
 
5354
- .E_lqeaosa {
5366
+ .E_m1y1hhnr {
5355
5367
  position: relative;
5356
5368
 
5357
5369
  &.hidden-xaxis .pointer-wrapper {
@@ -5362,9 +5374,10 @@
5362
5374
  display: flex;
5363
5375
  justify-content: space-between;
5364
5376
  line-height: 30px;
5377
+ margin: 0 16px;
5378
+
5365
5379
  .metric-extra {
5366
5380
  display: flex;
5367
- flex-shrink: 0;
5368
5381
  font-size: 12px;
5369
5382
  align-items: center;
5370
5383
 
@@ -5390,28 +5403,26 @@
5390
5403
  position: absolute;
5391
5404
  bottom: 10px;
5392
5405
  padding: 0 8px;
5406
+ border-radius: 4px;
5393
5407
  font-size: 12px;
5394
5408
  color: $white;
5409
+ background: rgba(0, 0, 0, 0.75);
5395
5410
  transform: translateX(-50%);
5396
5411
  }
5397
5412
  }
5398
5413
 
5399
- .E_t2pr38p {
5414
+ .E_tnvijvs {
5400
5415
  min-width: 200px;
5401
- background-color: $fill-neutral-trans-8;
5402
- border-radius: 4px;
5403
- box-shadow: 0px 1px 4px 0px rgba(29, 50, 108, 0.6);
5404
- padding: 8px;
5405
5416
  }
5406
5417
 
5407
- .E_tecdsj7 {
5418
+ .E_t1ub2aex {
5408
5419
  display: flex;
5409
5420
  align-items: center;
5410
- background-color: unset;
5411
- color: $text-neutral-ontint;
5412
5421
  justify-content: space-between;
5422
+ background-color: rgba(0, 0, 0, 0.75);
5423
+ color: #b4beca;
5413
5424
  font-size: 12px;
5414
- padding-top: 6px;
5425
+ padding: 3px 6px;
5415
5426
 
5416
5427
  &:first-child {
5417
5428
  padding-top: 3px;
@@ -5420,55 +5431,11 @@
5420
5431
  padding-bottom: 3px;
5421
5432
  }
5422
5433
  .column-value {
5423
- color: $text-neutral-ontint;
5434
+ color: $white;
5424
5435
  margin-left: 8px;
5425
5436
  }
5426
5437
  }
5427
5438
 
5428
- .E_ljhvvia {
5429
- display: inline-block;
5430
- height: 8px;
5431
- width: 8px;
5432
- margin-right: 8px;
5433
- border-radius: 2px;
5434
- &.borderd {
5435
- border: 1px solid $stroke-neutral-white;
5436
- }
5437
- }
5438
-
5439
-
5440
- .E_s20iney {
5441
- &.skeleton-box {
5442
- display: flex;
5443
- align-items: center;
5444
- justify-content: center;
5445
- position: relative;
5446
- border-radius: 2px;
5447
- background: #E1E6F199;
5448
- overflow: hidden;
5449
-
5450
- & > .skeleton-shimmer {
5451
- width: 200%;
5452
- height: 200%;
5453
- transform: rotate(15deg);
5454
- position: absolute;
5455
- top: -50%;
5456
- flex-shrink: 0;
5457
- opacity: 0.8;
5458
- background: linear-gradient(
5459
- 90deg,
5460
- rgba(255, 255, 255, 0) 15%,
5461
- #FFFFFF99 50%,
5462
- rgba(255, 255, 255, 0) 85%
5463
- );
5464
-
5465
- animation: shimmer 1100ms infinite;
5466
- }
5467
-
5468
- @keyframes shimmer { from { left: -120%; } to { left: 100%; } }
5469
- }
5470
- }
5471
-
5472
5439
 
5473
5440
  .E_t59qhqp {
5474
5441
  background: #FFFFFF;
@@ -5525,6 +5492,39 @@
5525
5492
  }
5526
5493
 
5527
5494
 
5495
+ .E_s20iney {
5496
+ &.skeleton-box {
5497
+ display: flex;
5498
+ align-items: center;
5499
+ justify-content: center;
5500
+ position: relative;
5501
+ border-radius: 2px;
5502
+ background: #E1E6F199;
5503
+ overflow: hidden;
5504
+
5505
+ & > .skeleton-shimmer {
5506
+ width: 200%;
5507
+ height: 200%;
5508
+ transform: rotate(15deg);
5509
+ position: absolute;
5510
+ top: -50%;
5511
+ flex-shrink: 0;
5512
+ opacity: 0.8;
5513
+ background: linear-gradient(
5514
+ 90deg,
5515
+ rgba(255, 255, 255, 0) 15%,
5516
+ #FFFFFF99 50%,
5517
+ rgba(255, 255, 255, 0) 85%
5518
+ );
5519
+
5520
+ animation: shimmer 1100ms infinite;
5521
+ }
5522
+
5523
+ @keyframes shimmer { from { left: -120%; } to { left: 100%; } }
5524
+ }
5525
+ }
5526
+
5527
+
5528
5528
  .E_t1g36k2w {
5529
5529
  overflow: hidden;
5530
5530
  height: 100%;
@@ -5607,194 +5607,79 @@
5607
5607
  align-items: center;
5608
5608
  column-gap: 4px;
5609
5609
  font-size: 12px;
5610
- color: #2C3852BF;
5611
- }
5612
-
5613
-
5614
- .E_d1u4ndxc {
5615
- color: #2C3852BF;
5616
- font-size: 12px;
5617
- }
5618
-
5619
- .E_f6xb0iv {
5620
- min-width: 0;
5621
- flex: 1;
5622
- }
5623
-
5624
- .E_b1dhu7ov {
5625
- &.antd5-progress {
5626
- width: 220px;
5627
- }
5628
- }
5629
-
5630
- .E_p1as1j2z {
5631
- .antd5-progress.antd5-progress-status-active
5632
- .antd5-progress-bg::before {
5633
- content: "";
5634
- display: block;
5635
- height: 8px;
5636
- background: linear-gradient(90deg, #0080ff 0%, #9ecfff 50%, #0080ff 100%);
5637
- animation: loading 1600ms ease-out infinite;
5638
- opacity: 1;
5639
- }
5640
-
5641
- @keyframes loading {
5642
- from {
5643
- transform: translateX(-100%);
5644
- }
5645
- to {
5646
- transform: translateX(100%);
5647
- }
5648
- }
5649
- }
5650
-
5651
-
5652
- .E_c18bcrac {
5653
- display: inline-block;
5654
- width: 100%;
5655
- .recharts-wrapper {
5656
- margin-left: 4px;
5657
- }
5658
- }
5659
-
5660
- .E_cro7kg2 {
5661
- padding: 4px;
5662
- }
5663
-
5664
- .E_c14wcxf0 {
5665
- display: flex;
5666
- justify-content: space-between;
5667
- align-items: center;
5668
- font-size: 13px;
5669
- line-height: 24px;
5670
- color: #cccccc;
5671
- white-space: nowrap;
5672
-
5673
- label {
5674
- margin-right: 32px;
5675
- }
5676
- }
5677
-
5678
- .E_coy29mj.E_c14wcxf0 {
5679
- font-weight: bold;
5680
- color: white;
5681
- }
5682
-
5683
- .E_s11212zy {
5684
- width: 8px;
5685
- height: 8px;
5686
- border-radius: 2px;
5687
- display: inline-block;
5688
- background: var(--s11212zy-0);
5689
- border: 1px solid $fills-light-white;
5690
- box-sizing: content-box;
5691
- margin-right: 6px;
5610
+ color: #2C3852BF;
5692
5611
  }
5693
5612
 
5694
- .E_p1lyky6c {
5695
- & > :first-child {
5696
- font-weight: bold;
5697
- color: white;
5698
- margin-right: 4px;
5699
- }
5613
+
5614
+ .E_d1u4ndxc {
5615
+ color: #2C3852BF;
5616
+ font-size: 12px;
5700
5617
  }
5701
5618
 
5619
+ .E_f6xb0iv {
5620
+ min-width: 0;
5621
+ flex: 1;
5622
+ }
5702
5623
 
5703
- .E_clm1wy1 {
5704
- width: 192px;
5705
- height: 246px;
5706
- border-radius: 4px;
5624
+ .E_b1dhu7ov {
5625
+ &.antd5-progress {
5626
+ width: 220px;
5627
+ }
5628
+ }
5707
5629
 
5708
- > .ant-picker-calendar,
5709
- > .ant-picker-calendar .ant-picker-panel {
5710
- width: 100%;
5711
- background-color: rgba(245, 247, 250, 0.6);
5712
- border-top: none;
5630
+ .E_p1as1j2z {
5631
+ .antd5-progress.antd5-progress-status-active
5632
+ .antd5-progress-bg::before {
5633
+ content: "";
5634
+ display: block;
5635
+ height: 8px;
5636
+ background: linear-gradient(90deg, #0080ff 0%, #9ecfff 50%, #0080ff 100%);
5637
+ animation: loading 1600ms ease-out infinite;
5638
+ opacity: 1;
5639
+ }
5713
5640
 
5714
- .ant-picker-body {
5715
- padding: 0 16px;
5641
+ @keyframes loading {
5642
+ from {
5643
+ transform: translateX(-100%);
5716
5644
  }
5717
-
5718
- .ant-picker-content {
5719
- width: 100%;
5720
- height: 180px;
5721
- border-spacing: 0;
5722
-
5723
- thead {
5724
- margin-bottom: 8px;
5725
- }
5726
- th {
5727
- width: 22px;
5728
- }
5729
- td {
5730
- padding: 0;
5731
- }
5645
+ to {
5646
+ transform: translateX(100%);
5732
5647
  }
5733
5648
  }
5649
+ }
5734
5650
 
5735
- .ant-picker-cell {
5736
- color: rgba(62, 70, 82, 0.6);
5737
- opacity: 0.4;
5738
- }
5739
- .ant-picker-cell-in-view {
5740
- color: rgba(62, 70, 82, 0.6);
5741
- opacity: 1;
5742
- }
5743
- .ant-picker-cell-in-view > .active {
5744
- color: #3e4652;
5651
+
5652
+ .E_gmyahx3 {
5653
+ cursor: pointer;
5654
+
5655
+ .link-text {
5656
+ color: $text-light-tertiary;
5745
5657
  }
5746
5658
 
5747
- .ant-picker-cell::before {
5748
- pointer-events: none;
5659
+ &:hover .link-text {
5660
+ color: $text-light-general;
5749
5661
  }
5750
5662
  }
5751
5663
 
5752
- .E_t1tsm00v {
5753
- color: rgba(129, 138, 153, 0.6);
5754
- box-shadow: inset 0px -1px 0px rgba(213, 219, 227, 0.6);
5755
- backdrop-filter: blur(10px);
5756
- padding: 7px 10px;
5757
- }
5758
5664
 
5759
- .E_c167wnad {
5760
- color: rgba(62, 70, 82, 0.6);
5665
+ .E_n12mqh7z {
5761
5666
  display: flex;
5762
- justify-content: space-between;
5763
5667
  align-items: center;
5764
- padding: 8px 16px;
5668
+ font-size: 12px;
5669
+ line-height: 18px;
5765
5670
 
5766
- .anticon {
5767
- cursor: pointer;
5768
- &:hover {
5769
- color: $blue;
5770
- }
5671
+ &:not(:last-child) {
5672
+ margin-bottom: 4px;
5771
5673
  }
5772
5674
  }
5773
5675
 
5774
- .E_cxhf7dh {
5775
- text-align: center;
5776
-
5777
- .dots {
5778
- display: flex;
5779
- justify-content: center;
5780
- }
5781
- .dot {
5782
- display: inline-block;
5783
- width: 2px;
5784
- height: 2px;
5785
- border-radius: 1px;
5786
- background: $blue;
5676
+ .E_tf5bynu {
5677
+ margin: 0 3px;
5678
+ }
5787
5679
 
5788
- &:not(:last-child) {
5789
- margin-right: 2px;
5790
- }
5791
- }
5792
- .bar {
5793
- width: 9px;
5794
- height: 2px;
5795
- background: $blue;
5796
- border-radius: 2px;
5797
- }
5680
+ .E_tcckoz1 {
5681
+ max-height: 400px;
5682
+ overflow: auto;
5798
5683
  }
5799
5684
 
5800
5685
 
@@ -5844,134 +5729,23 @@
5844
5729
  border: none;
5845
5730
  }
5846
5731
  > *:not(:last-child) {
5847
- margin-right: 8px;
5848
- }
5849
-
5850
- > button:last-child {
5851
- margin-right: 4px;
5852
- }
5853
- .more-btn {
5854
- cursor: pointer;
5855
- width: 32px;
5856
- height: 32px;
5857
- justify-content: center;
5858
- border-radius: 50%;
5859
-
5860
- &:hover {
5861
- background: $white;
5862
- }
5863
- }
5864
- }
5865
- }
5866
-
5867
-
5868
- .E_n12mqh7z {
5869
- display: flex;
5870
- align-items: center;
5871
- font-size: 12px;
5872
- line-height: 18px;
5873
-
5874
- &:not(:last-child) {
5875
- margin-bottom: 4px;
5876
- }
5877
- }
5878
-
5879
- .E_tf5bynu {
5880
- margin: 0 3px;
5881
- }
5882
-
5883
- .E_tcckoz1 {
5884
- max-height: 400px;
5885
- overflow: auto;
5886
- }
5887
-
5888
-
5889
- .E_gmyahx3 {
5890
- cursor: pointer;
5891
-
5892
- .link-text {
5893
- color: $text-light-tertiary;
5894
- }
5895
-
5896
- &:hover .link-text {
5897
- color: $text-light-general;
5898
- }
5899
- }
5900
-
5901
-
5902
- .E_tqjc4ui {
5903
- @at-root {
5904
- span#{&} {
5905
- margin: 0 2px;
5906
- }
5907
- }
5908
- }
5909
-
5910
-
5911
- .E_ou7iq30 {
5912
- overflow: hidden;
5913
- text-overflow: ellipsis;
5914
- }
5915
-
5916
- .E_s1tui002 {
5917
- white-space: nowrap;
5918
- }
5919
-
5920
- .E_mxrc2zg {
5921
- display: -webkit-box;
5922
- -webkit-line-clamp: var(--mxrc2zg-0);
5923
- -webkit-box-orient: vertical;
5924
- word-break: break-all;
5925
- }
5926
-
5927
- .E_t1vv6d68 {
5928
- .ant-tooltip-arrow {
5929
- display: none;
5930
- }
5931
- .ant-tooltip-inner {
5932
- background: $gray-a80-9;
5933
- border-radius: 4px;
5934
- &:has(.eagle-ellipsis-content) {
5935
- visibility: hidden;
5936
- }
5937
- }
5938
- }
5939
-
5940
-
5941
- .E_wg1tsps {
5942
- display: flex;
5943
- align-items: center;
5944
- justify-content: flex-end;
5945
- }
5946
-
5947
- .E_b1ctd5xy {
5948
- display: flex;
5949
- align-items: center;
5950
- width: calc(100% - 40px);
5951
-
5952
- .chart {
5953
- display: inline-block;
5954
- width: 100%;
5955
- }
5956
- }
5957
-
5958
- .E_u1p8acpn {
5959
- min-width: 40px;
5960
-
5961
- .unit {
5962
- color: $text-light-primary !important;
5963
- }
5964
- }
5965
-
5966
-
5967
- .E_s1iv0tp1 {
5968
- .enabled-switch {
5969
- display: flex;
5970
- align-items: center;
5971
- }
5732
+ margin-right: 8px;
5733
+ }
5972
5734
 
5973
- .enabled-text {
5974
- margin-right: 8px;
5735
+ > button:last-child {
5736
+ margin-right: 4px;
5737
+ }
5738
+ .more-btn {
5739
+ cursor: pointer;
5740
+ width: 32px;
5741
+ height: 32px;
5742
+ justify-content: center;
5743
+ border-radius: 50%;
5744
+
5745
+ &:hover {
5746
+ background: $white;
5747
+ }
5748
+ }
5975
5749
  }
5976
5750
  }
5977
5751
 
@@ -6140,6 +5914,113 @@
6140
5914
  }
6141
5915
 
6142
5916
 
5917
+ .E_ou7iq30 {
5918
+ overflow: hidden;
5919
+ text-overflow: ellipsis;
5920
+ }
5921
+
5922
+ .E_s1tui002 {
5923
+ white-space: nowrap;
5924
+ }
5925
+
5926
+ .E_mxrc2zg {
5927
+ display: -webkit-box;
5928
+ -webkit-line-clamp: var(--mxrc2zg-0);
5929
+ -webkit-box-orient: vertical;
5930
+ word-break: break-all;
5931
+ }
5932
+
5933
+ .E_t1vv6d68 {
5934
+ .ant-tooltip-arrow {
5935
+ display: none;
5936
+ }
5937
+ .ant-tooltip-inner {
5938
+ background: $gray-a80-9;
5939
+ border-radius: 4px;
5940
+ &:has(.eagle-ellipsis-content) {
5941
+ visibility: hidden;
5942
+ }
5943
+ }
5944
+ }
5945
+
5946
+
5947
+ .E_c18bcrac {
5948
+ display: inline-block;
5949
+ width: 100%;
5950
+ .recharts-wrapper {
5951
+ margin-left: 4px;
5952
+ }
5953
+ }
5954
+
5955
+ .E_cro7kg2 {
5956
+ padding: 4px;
5957
+ }
5958
+
5959
+ .E_c14wcxf0 {
5960
+ display: flex;
5961
+ justify-content: space-between;
5962
+ align-items: center;
5963
+ font-size: 13px;
5964
+ line-height: 24px;
5965
+ color: #cccccc;
5966
+ white-space: nowrap;
5967
+
5968
+ label {
5969
+ margin-right: 32px;
5970
+ }
5971
+ }
5972
+
5973
+ .E_coy29mj.E_c14wcxf0 {
5974
+ font-weight: bold;
5975
+ color: white;
5976
+ }
5977
+
5978
+ .E_s11212zy {
5979
+ width: 8px;
5980
+ height: 8px;
5981
+ border-radius: 2px;
5982
+ display: inline-block;
5983
+ background: var(--s11212zy-0);
5984
+ border: 1px solid $fills-light-white;
5985
+ box-sizing: content-box;
5986
+ margin-right: 6px;
5987
+ }
5988
+
5989
+ .E_p1lyky6c {
5990
+ & > :first-child {
5991
+ font-weight: bold;
5992
+ color: white;
5993
+ margin-right: 4px;
5994
+ }
5995
+ }
5996
+
5997
+
5998
+ .E_wg1tsps {
5999
+ display: flex;
6000
+ align-items: center;
6001
+ justify-content: flex-end;
6002
+ }
6003
+
6004
+ .E_b1ctd5xy {
6005
+ display: flex;
6006
+ align-items: center;
6007
+ width: calc(100% - 40px);
6008
+
6009
+ .chart {
6010
+ display: inline-block;
6011
+ width: 100%;
6012
+ }
6013
+ }
6014
+
6015
+ .E_u1p8acpn {
6016
+ min-width: 40px;
6017
+
6018
+ .unit {
6019
+ color: $text-light-primary !important;
6020
+ }
6021
+ }
6022
+
6023
+
6143
6024
  .E_t1sqg15u {
6144
6025
  background: white;
6145
6026
 
@@ -6252,156 +6133,136 @@
6252
6133
  }
6253
6134
 
6254
6135
 
6255
- .E_skwah65 {
6256
- height: 8px;
6257
- box-sizing: border-box;
6258
- border-radius: 2px;
6259
- background: #f5f7fa;
6260
- display: flex;
6261
- width: 100%;
6262
- overflow: hidden;
6263
-
6264
- .stack-bar-item + .stack-bar-item {
6265
- margin-left: 1px;
6136
+ .E_tqjc4ui {
6137
+ @at-root {
6138
+ span#{&} {
6139
+ margin: 0 2px;
6140
+ }
6266
6141
  }
6267
6142
  }
6268
6143
 
6269
6144
 
6270
- .E_s1at6qmn {
6271
- &.ant-layout-sider {
6272
- background: $backgrounds-light-grouped;
6273
- padding: 32px 8px;
6274
- overflow: auto;
6275
- }
6276
-
6277
- .ant-layout-sider-children {
6145
+ .E_s1iv0tp1 {
6146
+ .enabled-switch {
6278
6147
  display: flex;
6279
- flex-direction: column;
6280
- justify-content: space-between;
6148
+ align-items: center;
6281
6149
  }
6282
6150
 
6283
- footer {
6284
- display: flex;
6151
+ .enabled-text {
6152
+ margin-right: 8px;
6285
6153
  }
6154
+ }
6286
6155
 
6287
- .ant-menu {
6288
- background: $backgrounds-light-grouped;
6289
- a {
6290
- color: $text-light-primary;
6291
- width: 180px;
6292
- overflow: hidden;
6293
- text-overflow: ellipsis;
6294
- }
6295
- }
6296
6156
 
6297
- .ant-menu-vertical {
6298
- margin-bottom: 24px;
6157
+ .E_clm1wy1 {
6158
+ width: 192px;
6159
+ height: 246px;
6160
+ border-radius: 4px;
6299
6161
 
6300
- .ant-menu-item-group {
6301
- .ant-menu-item {
6302
- margin: 0;
6303
- }
6304
- .ant-menu-item-group-title {
6305
- font-size: 12px;
6306
- padding: 0 8px 4px;
6307
- line-height: 18px;
6162
+ > .ant-picker-calendar,
6163
+ > .ant-picker-calendar .ant-picker-panel {
6164
+ width: 100%;
6165
+ background-color: rgba(245, 247, 250, 0.6);
6166
+ border-top: none;
6308
6167
 
6309
- &:empty {
6310
- padding: 0;
6311
- }
6312
- }
6313
- &:not(:last-child) {
6314
- padding-bottom: 24px;
6315
- &.split {
6316
- margin-bottom: 24px;
6317
- border-bottom: 1px solid rgba(211, 218, 235, 0.6);
6318
- }
6319
- }
6168
+ .ant-picker-body {
6169
+ padding: 0 16px;
6320
6170
  }
6321
6171
 
6322
- .ant-menu-item {
6323
- transition: none;
6324
- display: flex;
6325
- align-items: center;
6326
- height: 32px;
6327
- line-height: 22px;
6328
- padding: 0 8px;
6329
-
6330
- > .icon-wrapper {
6331
- margin-right: 12px;
6332
- }
6172
+ .ant-picker-content {
6173
+ width: 100%;
6174
+ height: 180px;
6175
+ border-spacing: 0;
6333
6176
 
6334
- &:not(:last-child) {
6335
- margin: 0;
6336
- margin-bottom: 2px;
6177
+ thead {
6178
+ margin-bottom: 8px;
6337
6179
  }
6338
- &.ant-menu-item-selected {
6339
- background: $background-selected;
6340
- box-shadow: $box-shadow-light-selected;
6341
- border-radius: 6px;
6342
- color: $text-light-on-tint;
6343
- a {
6344
- color: $text-light-on-tint;
6345
- }
6180
+ th {
6181
+ width: 22px;
6346
6182
  }
6347
- &:not(.ant-menu-item-selected) {
6348
- &.ant-menu-item:hover,
6349
- &.ant-menu-item-active {
6350
- background: $background-onhover;
6351
- box-shadow: $box-shadow-light-onhover;
6352
- border-radius: 6px;
6353
- }
6183
+ td {
6184
+ padding: 0;
6354
6185
  }
6355
6186
  }
6356
6187
  }
6357
- }
6358
6188
 
6359
- .E_s1wu0lms {
6360
- .ant-menu-item-group-title {
6361
- white-space: nowrap;
6362
- transition: all 0s;
6189
+ .ant-picker-cell {
6190
+ color: rgba(62, 70, 82, 0.6);
6191
+ opacity: 0.4;
6192
+ }
6193
+ .ant-picker-cell-in-view {
6194
+ color: rgba(62, 70, 82, 0.6);
6195
+ opacity: 1;
6196
+ }
6197
+ .ant-picker-cell-in-view > .active {
6198
+ color: #3e4652;
6199
+ }
6200
+
6201
+ .ant-picker-cell::before {
6202
+ pointer-events: none;
6363
6203
  }
6204
+ }
6364
6205
 
6365
- &.shrink {
6366
- transition: all 0s;
6367
- overflow: hidden;
6206
+ .E_t1tsm00v {
6207
+ color: rgba(129, 138, 153, 0.6);
6208
+ box-shadow: inset 0px -1px 0px rgba(213, 219, 227, 0.6);
6209
+ backdrop-filter: blur(10px);
6210
+ padding: 7px 10px;
6211
+ }
6368
6212
 
6369
- .ant-menu-item-group-title {
6370
- visibility: hidden;
6371
- }
6213
+ .E_c167wnad {
6214
+ color: rgba(62, 70, 82, 0.6);
6215
+ display: flex;
6216
+ justify-content: space-between;
6217
+ align-items: center;
6218
+ padding: 8px 16px;
6372
6219
 
6373
- .ant-menu-item {
6374
- width: 36px;
6375
- padding: 0 6px;
6220
+ .anticon {
6221
+ cursor: pointer;
6222
+ &:hover {
6223
+ color: $blue;
6376
6224
  }
6377
6225
  }
6378
6226
  }
6379
6227
 
6380
- .E_n1ugzfva {
6381
- display: flex;
6382
- place-items: center;
6383
- width: 100% !important;
6228
+ .E_cxhf7dh {
6229
+ text-align: center;
6384
6230
 
6385
- &[disabled] {
6386
- color: rgba(0, 0, 0, 0.25) !important;
6387
- opacity: 1 !important;
6231
+ .dots {
6232
+ display: flex;
6233
+ justify-content: center;
6388
6234
  }
6235
+ .dot {
6236
+ display: inline-block;
6237
+ width: 2px;
6238
+ height: 2px;
6239
+ border-radius: 1px;
6240
+ background: $blue;
6389
6241
 
6390
- &.ant-btn {
6391
- width: 100%;
6392
- color: $text-light-primary;
6242
+ &:not(:last-child) {
6243
+ margin-right: 2px;
6244
+ }
6393
6245
  }
6394
-
6395
- .icon-wrapper {
6396
- margin-right: 12px;
6246
+ .bar {
6247
+ width: 9px;
6248
+ height: 2px;
6249
+ background: $blue;
6250
+ border-radius: 2px;
6397
6251
  }
6252
+ }
6398
6253
 
6399
- .link-title {
6400
- flex: 1;
6401
- overflow: hidden;
6402
- white-space: nowrap;
6403
- text-overflow: ellipsis;
6404
- text-align: left;
6254
+
6255
+ .E_skwah65 {
6256
+ height: 8px;
6257
+ box-sizing: border-box;
6258
+ border-radius: 2px;
6259
+ background: #f5f7fa;
6260
+ display: flex;
6261
+ width: 100%;
6262
+ overflow: hidden;
6263
+
6264
+ .stack-bar-item + .stack-bar-item {
6265
+ margin-left: 1px;
6405
6266
  }
6406
6267
  }
6407
6268
 
@@ -6605,74 +6466,257 @@
6605
6466
  color: $blue-100;
6606
6467
  }
6607
6468
 
6608
- &.tab-menu-item-group.tab-menu-item-selected {
6609
- .main-title {
6610
- color: rgba($gray-80, 0.6);
6611
- }
6612
-
6613
- .sub-title {
6614
- color: $blue-100;
6615
- }
6469
+ &.tab-menu-item-group.tab-menu-item-selected {
6470
+ .main-title {
6471
+ color: rgba($gray-80, 0.6);
6472
+ }
6473
+
6474
+ .sub-title {
6475
+ color: $blue-100;
6476
+ }
6477
+
6478
+ .sub-title > .slash-arrow {
6479
+ fill: $fills-opaque-quaternary-light;
6480
+ }
6481
+
6482
+ .sub-title > .expand-arrow path {
6483
+ fill: $blue-100;
6484
+ }
6485
+ }
6486
+ }
6487
+
6488
+ .tab-content {
6489
+ flex: 1;
6490
+ display: flex;
6491
+ flex-direction: column;
6492
+ }
6493
+
6494
+ /* FIXME:(yanzhen) do this better */
6495
+ &.is-overview .tab-content {
6496
+ overflow: visible;
6497
+ }
6498
+ }
6499
+
6500
+ .E_t14npdqr {
6501
+ max-width: 240px;
6502
+ animation: none;
6503
+
6504
+ &.ant-dropdown .ant-dropdown-menu {
6505
+ border: 1px solid $blue-60;
6506
+ padding: 0;
6507
+
6508
+ .ant-dropdown-menu-item {
6509
+ margin: 0;
6510
+ height: 32px;
6511
+ line-height: 32px;
6512
+ font-size: 13px;
6513
+ padding: 0 10px;
6514
+ display: block;
6515
+ overflow: hidden;
6516
+ text-overflow: ellipsis;
6517
+ white-space: nowrap;
6518
+
6519
+ &:not(:first-child) {
6520
+ &::before {
6521
+ content: " ";
6522
+ height: 1px;
6523
+ width: calc(100% + 10px);
6524
+ background: $strokes-translucent-1-light;
6525
+ display: block;
6526
+ }
6527
+ }
6528
+
6529
+ &.ant-dropdown-menu-item-selected {
6530
+ color: $blue-60;
6531
+ background: transparent;
6532
+ }
6533
+ }
6534
+ }
6535
+ }
6536
+
6537
+
6538
+ .E_s1at6qmn {
6539
+ &.ant-layout-sider {
6540
+ background: $backgrounds-light-grouped;
6541
+ padding: 32px 8px;
6542
+ overflow: auto;
6543
+ }
6544
+
6545
+ .ant-layout-sider-children {
6546
+ display: flex;
6547
+ flex-direction: column;
6548
+ justify-content: space-between;
6549
+ }
6550
+
6551
+ footer {
6552
+ display: flex;
6553
+ }
6554
+
6555
+ .ant-menu {
6556
+ background: $backgrounds-light-grouped;
6557
+ a {
6558
+ color: $text-light-primary;
6559
+ width: 180px;
6560
+ overflow: hidden;
6561
+ text-overflow: ellipsis;
6562
+ }
6563
+ }
6564
+
6565
+ .ant-menu-vertical {
6566
+ margin-bottom: 24px;
6567
+
6568
+ .ant-menu-item-group {
6569
+ .ant-menu-item {
6570
+ margin: 0;
6571
+ }
6572
+ .ant-menu-item-group-title {
6573
+ font-size: 12px;
6574
+ padding: 0 8px 4px;
6575
+ line-height: 18px;
6576
+
6577
+ &:empty {
6578
+ padding: 0;
6579
+ }
6580
+ }
6581
+ &:not(:last-child) {
6582
+ padding-bottom: 24px;
6583
+ &.split {
6584
+ margin-bottom: 24px;
6585
+ border-bottom: 1px solid rgba(211, 218, 235, 0.6);
6586
+ }
6587
+ }
6588
+ }
6589
+
6590
+ .ant-menu-item {
6591
+ transition: none;
6592
+ display: flex;
6593
+ align-items: center;
6594
+ height: 32px;
6595
+ line-height: 22px;
6596
+ padding: 0 8px;
6597
+
6598
+ > .icon-wrapper {
6599
+ margin-right: 12px;
6600
+ }
6601
+
6602
+ &:not(:last-child) {
6603
+ margin: 0;
6604
+ margin-bottom: 2px;
6605
+ }
6606
+ &.ant-menu-item-selected {
6607
+ background: $background-selected;
6608
+ box-shadow: $box-shadow-light-selected;
6609
+ border-radius: 6px;
6610
+ color: $text-light-on-tint;
6611
+ a {
6612
+ color: $text-light-on-tint;
6613
+ }
6614
+ }
6615
+ &:not(.ant-menu-item-selected) {
6616
+ &.ant-menu-item:hover,
6617
+ &.ant-menu-item-active {
6618
+ background: $background-onhover;
6619
+ box-shadow: $box-shadow-light-onhover;
6620
+ border-radius: 6px;
6621
+ }
6622
+ }
6623
+ }
6624
+ }
6625
+ }
6626
+
6627
+ .E_s1wu0lms {
6628
+ .ant-menu-item-group-title {
6629
+ white-space: nowrap;
6630
+ transition: all 0s;
6631
+ }
6632
+
6633
+ &.shrink {
6634
+ transition: all 0s;
6635
+ overflow: hidden;
6636
+
6637
+ .ant-menu-item-group-title {
6638
+ visibility: hidden;
6639
+ }
6640
+
6641
+ .ant-menu-item {
6642
+ width: 36px;
6643
+ padding: 0 6px;
6644
+ }
6645
+ }
6646
+ }
6647
+
6648
+ .E_n1ugzfva {
6649
+ display: flex;
6650
+ place-items: center;
6651
+ width: 100% !important;
6616
6652
 
6617
- .sub-title > .slash-arrow {
6618
- fill: $fills-opaque-quaternary-light;
6619
- }
6653
+ &[disabled] {
6654
+ color: rgba(0, 0, 0, 0.25) !important;
6655
+ opacity: 1 !important;
6656
+ }
6620
6657
 
6621
- .sub-title > .expand-arrow path {
6622
- fill: $blue-100;
6623
- }
6624
- }
6658
+ &.ant-btn {
6659
+ width: 100%;
6660
+ color: $text-light-primary;
6625
6661
  }
6626
6662
 
6627
- .tab-content {
6628
- flex: 1;
6629
- display: flex;
6630
- flex-direction: column;
6663
+ .icon-wrapper {
6664
+ margin-right: 12px;
6631
6665
  }
6632
6666
 
6633
- /* FIXME:(yanzhen) do this better */
6634
- &.is-overview .tab-content {
6635
- overflow: visible;
6667
+ .link-title {
6668
+ flex: 1;
6669
+ overflow: hidden;
6670
+ white-space: nowrap;
6671
+ text-overflow: ellipsis;
6672
+ text-align: left;
6636
6673
  }
6637
6674
  }
6638
6675
 
6639
- .E_t14npdqr {
6640
- max-width: 240px;
6641
- animation: none;
6642
6676
 
6643
- &.ant-dropdown .ant-dropdown-menu {
6644
- border: 1px solid $blue-60;
6645
- padding: 0;
6677
+ .E_i5w779o {
6678
+ padding: 8px 0;
6646
6679
 
6647
- .ant-dropdown-menu-item {
6648
- margin: 0;
6649
- height: 32px;
6650
- line-height: 32px;
6651
- font-size: 13px;
6652
- padding: 0 10px;
6653
- display: block;
6654
- overflow: hidden;
6655
- text-overflow: ellipsis;
6656
- white-space: nowrap;
6680
+ .col-label {
6681
+ flex-shrink: unset;
6682
+ * {
6683
+ line-height: 18px;
6684
+ }
6685
+ }
6686
+ .col-content {
6687
+ flex: 1 1 0;
6688
+ display: flex;
6689
+ align-items: center;
6690
+ * {
6691
+ line-height: 18px;
6692
+ }
6693
+ }
6694
+ }
6657
6695
 
6658
- &:not(:first-child) {
6659
- &::before {
6660
- content: " ";
6661
- height: 1px;
6662
- width: calc(100% + 10px);
6663
- background: $strokes-translucent-1-light;
6664
- display: block;
6665
- }
6666
- }
6696
+ .E_l18dja44 {
6697
+ padding: 6px 0;
6667
6698
 
6668
- &.ant-dropdown-menu-item-selected {
6669
- color: $blue-60;
6670
- background: transparent;
6671
- }
6672
- }
6699
+ .col-label * {
6700
+ font-size: 13px;
6701
+ line-height: 20px;
6702
+ }
6703
+ .col-content * {
6704
+ font-size: 14px;
6705
+ line-height: 20px;
6673
6706
  }
6674
6707
  }
6675
6708
 
6709
+ .E_c8c2hys {
6710
+ display: flex;
6711
+ justify-content: space-between;
6712
+ flex: 1;
6713
+ min-width: 0;
6714
+ }
6715
+
6716
+ .E_n4m6c4d {
6717
+ color: $text-light-tertiary;
6718
+ }
6719
+
6676
6720
 
6677
6721
  .E_cyms3br {
6678
6722
  background: #fff;
@@ -6730,50 +6774,6 @@
6730
6774
  }
6731
6775
 
6732
6776
 
6733
- .E_i5w779o {
6734
- padding: 8px 0;
6735
-
6736
- .col-label {
6737
- flex-shrink: unset;
6738
- * {
6739
- line-height: 18px;
6740
- }
6741
- }
6742
- .col-content {
6743
- flex: 1 1 0;
6744
- display: flex;
6745
- align-items: center;
6746
- * {
6747
- line-height: 18px;
6748
- }
6749
- }
6750
- }
6751
-
6752
- .E_l18dja44 {
6753
- padding: 6px 0;
6754
-
6755
- .col-label * {
6756
- font-size: 13px;
6757
- line-height: 20px;
6758
- }
6759
- .col-content * {
6760
- font-size: 14px;
6761
- line-height: 20px;
6762
- }
6763
- }
6764
-
6765
- .E_c8c2hys {
6766
- display: flex;
6767
- justify-content: space-between;
6768
- flex: 1;
6769
- min-width: 0;
6770
- }
6771
-
6772
- .E_n4m6c4d {
6773
- color: $text-light-tertiary;
6774
- }
6775
-
6776
-
6777
6777
  .E_h1ol2wl7 {
6778
6778
  font-weight: bold;
6779
6779
  background-color: unset;
@@ -6826,6 +6826,57 @@
6826
6826
  }
6827
6827
 
6828
6828
 
6829
+ .E_c14ouk5o {
6830
+ width: 100%;
6831
+ height: 100%;
6832
+ display: flex;
6833
+ font-size: 12px;
6834
+ line-height: 18px;
6835
+ padding: 8px 0;
6836
+ box-shadow: inset 0px -1px 0px rgba(213, 219, 227, 0.6);
6837
+
6838
+ &:last-of-type {
6839
+ box-shadow: none;
6840
+ padding-bottom: 0;
6841
+ }
6842
+ &.collapsed {
6843
+ flex-direction: column;
6844
+
6845
+ .collapsed-content {
6846
+ display: flex;
6847
+
6848
+ > span {
6849
+ flex: 1;
6850
+ display: flex;
6851
+ justify-content: space-between;
6852
+ .ant-btn {
6853
+ height: auto;
6854
+ }
6855
+ }
6856
+ }
6857
+ .extra-content {
6858
+ margin-left: 162px;
6859
+ }
6860
+ }
6861
+
6862
+ .col-label {
6863
+ width: 216px;
6864
+ color: $text-secondary-light;
6865
+ margin-right: 12px;
6866
+ flex-shrink: 0;
6867
+ }
6868
+
6869
+ .col-content {
6870
+ color: $text-primary-light;
6871
+
6872
+ /* make btn link in info row have the same height as normal text */
6873
+ .ant-btn.ant-btn-link {
6874
+ height: auto;
6875
+ }
6876
+ }
6877
+ }
6878
+
6879
+
6829
6880
  .E_c1kchka8 {
6830
6881
  height: 100%;
6831
6882
  width: 100%;
@@ -7405,57 +7456,6 @@
7405
7456
  }
7406
7457
 
7407
7458
 
7408
- .E_c14ouk5o {
7409
- width: 100%;
7410
- height: 100%;
7411
- display: flex;
7412
- font-size: 12px;
7413
- line-height: 18px;
7414
- padding: 8px 0;
7415
- box-shadow: inset 0px -1px 0px rgba(213, 219, 227, 0.6);
7416
-
7417
- &:last-of-type {
7418
- box-shadow: none;
7419
- padding-bottom: 0;
7420
- }
7421
- &.collapsed {
7422
- flex-direction: column;
7423
-
7424
- .collapsed-content {
7425
- display: flex;
7426
-
7427
- > span {
7428
- flex: 1;
7429
- display: flex;
7430
- justify-content: space-between;
7431
- .ant-btn {
7432
- height: auto;
7433
- }
7434
- }
7435
- }
7436
- .extra-content {
7437
- margin-left: 162px;
7438
- }
7439
- }
7440
-
7441
- .col-label {
7442
- width: 216px;
7443
- color: $text-secondary-light;
7444
- margin-right: 12px;
7445
- flex-shrink: 0;
7446
- }
7447
-
7448
- .col-content {
7449
- color: $text-primary-light;
7450
-
7451
- /* make btn link in info row have the same height as normal text */
7452
- .ant-btn.ant-btn-link {
7453
- height: auto;
7454
- }
7455
- }
7456
- }
7457
-
7458
-
7459
7459
  .E_cevhqx7 {
7460
7460
  color: $text-light-primary;
7461
7461
  }