@cloudtower/eagle 490.0.9 → 490.0.11

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 (14) hide show
  1. package/dist/cjs/core/Checkbox/index.js +29 -2
  2. package/dist/cjs/core/LegacySelect/index.js +10 -3
  3. package/dist/cjs/core/Radio/index.js +30 -6
  4. package/dist/cjs/stats1.html +1 -1
  5. package/dist/components.css +1400 -1400
  6. package/dist/esm/core/Checkbox/index.js +30 -3
  7. package/dist/esm/core/LegacySelect/index.js +10 -3
  8. package/dist/esm/core/Radio/index.js +31 -7
  9. package/dist/esm/stats1.html +1 -1
  10. package/dist/linaria.merged.scss +1774 -1774
  11. package/dist/src/core/Checkbox/index.d.ts +4 -0
  12. package/dist/src/core/LegacySelect/select.type.d.ts +4 -0
  13. package/dist/style.css +1400 -1400
  14. package/package.json +4 -4
package/dist/linaria.merged.scss CHANGED
@@ -1,44 +1,3 @@
1
- .E_b1nip9bk {
2
- padding: 4px 11px;
3
- }
4
-
5
- .E_bqamoqe {
6
- white-space: nowrap;
7
- filter: drop-shadow(0px 2px 8px rgba(0, 136, 255, 0.1));
8
-
9
- & > .ant-btn {
10
- &.ant-btn-ordinary-onTint:not(.ant-btn-dangerous) {
11
- --color: #{$text-light-general};
12
-
13
- &[disabled],
14
- &:hover[disabled] {
15
- --color: #{$text-light-general};
16
- }
17
- }
18
- }
19
-
20
- & > .ant-btn:not(:only-child) {
21
- & + .ant-btn {
22
- margin-left: 1px;
23
- }
24
-
25
- &:first-child {
26
- border-top-right-radius: 0;
27
- border-bottom-right-radius: 0;
28
- }
29
-
30
- &:last-child {
31
- border-top-left-radius: 0;
32
- border-bottom-left-radius: 0;
33
- }
34
-
35
- &:not(:first-child, :last-child) {
36
- border-radius: unset;
37
- }
38
- }
39
- }
40
-
41
-
42
1
  .E_c18gxmrl {
43
2
  border: 1px solid $gray-40;
44
3
  border-radius: 4px;
@@ -478,192 +437,6 @@
478
437
  }
479
438
 
480
439
 
481
- .E_c1uzzomf {
482
- margin-bottom: 16px;
483
-
484
- .card-title {
485
- font-size: 16px;
486
- color: $text-secondary-light;
487
- font-weight: 700;
488
- line-height: 32px;
489
- }
490
- .card-body {
491
- padding: 24px;
492
- border-radius: 8px;
493
- background: $fills-light-white;
494
- }
495
-
496
- .empty {
497
- font-weight: 700;
498
- font-size: 14px;
499
- line-height: 22px;
500
- color: $text-light-tertiary;
501
- text-align: center;
502
- }
503
- }
504
-
505
-
506
- .E_itxley7 {
507
- &.ant-input-group.ant-input-group-compact {
508
- display: flex;
509
- }
510
-
511
- &.ant-input-group.ant-input-group-compact > *:first-child,
512
- &.ant-input-group.ant-input-group-compact
513
- > .ant-select:first-child
514
- > .ant-select-selector,
515
- &.ant-input-group.ant-input-group-compact
516
- > .ant-calendar-picker:first-child
517
- .ant-input,
518
- &.ant-input-group.ant-input-group-compact
519
- > .ant-select-auto-complete:first-child
520
- .ant-input,
521
- &.ant-input-group.ant-input-group-compact
522
- > .ant-cascader-picker:first-child
523
- .ant-input,
524
- &.ant-input-group.ant-input-group-compact
525
- > .ant-mention-wrapper:first-child
526
- .ant-mention-editor,
527
- &.ant-input-group.ant-input-group-compact
528
- > .ant-time-picker:first-child
529
- .ant-time-picker-input {
530
- border-bottom-left-radius: 5px;
531
- border-top-left-radius: 5px;
532
- }
533
- &.ant-input-group.ant-input-group-compact > *:last-child,
534
- &.ant-input-group.ant-input-group-compact
535
- > .ant-select:last-child
536
- > .ant-select-selector,
537
- &.ant-input-group.ant-input-group-compact
538
- > .ant-calendar-picker:last-child
539
- .ant-input,
540
- &.ant-input-group.ant-input-group-compact
541
- > .ant-select-auto-complete:last-child
542
- .ant-input,
543
- &.ant-input-group.ant-input-group-compact
544
- > .ant-cascader-picker:last-child
545
- .ant-input,
546
- &.ant-input-group.ant-input-group-compact
547
- > .ant-cascader-picker-focused:last-child
548
- .ant-input,
549
- &.ant-input-group.ant-input-group-compact
550
- > .ant-mention-wrapper:last-child
551
- .ant-mention-editor,
552
- &.ant-input-group.ant-input-group-compact
553
- > .ant-time-picker:last-child
554
- .ant-time-picker-input {
555
- border-bottom-right-radius: 5px;
556
- border-top-right-radius: 5px;
557
- }
558
- }
559
-
560
-
561
- .E_iouxfgt {
562
- display: inline-flex;
563
- align-items: center;
564
-
565
- .icon-inner {
566
- display: inline-flex;
567
- align-items: center;
568
- justify-content: center;
569
- }
570
- .icon-inner + span,
571
- span + .icon-inner.suffix {
572
- margin-left: 4px;
573
- }
574
- &.is-rotate {
575
- img,
576
- svg {
577
- animation: rotate 680ms linear infinite;
578
- }
579
- }
580
- }
581
-
582
-
583
- .E_d133fzv0 {
584
- .ant-dropdown-menu-item-group {
585
- .ant-dropdown-menu-item-group-title {
586
- padding: 4px 8px 0 8px;
587
- color: $text-light-secondary;
588
- font-size: 12px;
589
- }
590
- .ant-dropdown-menu-item-group-list {
591
- padding-bottom: 6px;
592
- }
593
- &:not(:first-child) {
594
- padding-top: 4px;
595
- border-top: 1px solid $strokes-light-trans-2;
596
- }
597
- }
598
- }
599
-
600
-
601
- .E_sx1bpnu {
602
- .ant-input-sm {
603
- line-height: 18px;
604
- }
605
- }
606
-
607
-
608
- .E_fzh9mnb {
609
- width: 100%;
610
- height: 100%;
611
- min-height: 124px;
612
- display: flex;
613
- flex-direction: column;
614
- justify-content: center;
615
- align-items: center;
616
-
617
- .error-text {
618
- color: $text-terdiary-light;
619
- margin-bottom: 16px;
620
- font-size: 18px;
621
- }
622
- }
623
-
624
-
625
- .E_f7pxqmh {
626
- width: 100%;
627
- margin-bottom: 0 !important;
628
- flex-flow: nowrap !important;
629
- line-break: auto;
630
-
631
- & > .ant-form-item-label {
632
- text-align: left !important;
633
- padding-bottom: 0 !important;
634
-
635
- & > label {
636
- min-height: 32px;
637
- height: auto;
638
- font-size: 13px;
639
- color: rgba(44, 56, 82, 0.6);
640
- white-space: normal;
641
- }
642
- }
643
-
644
- &.ant-form-item-has-error {
645
- .ant-input {
646
- border-color: #ff4d4f !important;
647
- }
648
- .ant-input-password {
649
- border-color: #ff4d4f !important;
650
- }
651
- }
652
-
653
- .ant-form-item-explain {
654
- margin-top: 4px;
655
- font-size: 12px;
656
- min-height: 0px;
657
- }
658
-
659
- .ant-form-item-extra {
660
- font-size: 12px;
661
- color: rgba(44, 56, 82, 0.6);
662
- min-height: 0px;
663
- }
664
- }
665
-
666
-
667
440
  .E_d1bw7c5z {
668
441
  position: relative;
669
442
  max-width: 388px;
@@ -755,83 +528,204 @@
755
528
  }
756
529
 
757
530
 
758
- .E_ai7qkf2 {
759
- .ant-input-number-handler-wrap {
760
- display: var(--ai7qkf2-0);
531
+ .E_c1uzzomf {
532
+ margin-bottom: 16px;
533
+
534
+ .card-title {
535
+ font-size: 16px;
536
+ color: $text-secondary-light;
537
+ font-weight: 700;
538
+ line-height: 32px;
761
539
  }
762
- .ant-input-number-input-wrap {
763
- display: inline-flex;
764
- line-height: 1.5715;
765
- height: 100%;
766
- width: 100%;
540
+ .card-body {
541
+ padding: 24px;
542
+ border-radius: 8px;
543
+ background: $fills-light-white;
767
544
  }
768
545
 
769
- .ant-input-number-input-wrap::after {
770
- content: var(--ai7qkf2-1);
771
- display: var(--ai7qkf2-2);
772
- flex: none;
773
- align-items: center;
774
- margin-left: 4px;
775
- padding: 5px 12px 5px 0;
776
- color: rgba(44, 56, 82, 0.6);
777
- }
546
+ .empty {
547
+ font-weight: 700;
548
+ font-size: 14px;
549
+ line-height: 22px;
550
+ color: $text-light-tertiary;
551
+ text-align: center;
552
+ }
553
+ }
778
554
 
779
- .ant-input-number-input-wrap::before {
780
- content: var(--ai7qkf2-3);
781
- display: var(--ai7qkf2-4);
782
- flex: none;
783
- align-items: center;
784
- margin-right: 4px;
785
- cursor: auto;
786
- color: rgba(44, 56, 82, 0.6);
555
+
556
+ .E_b1nip9bk {
557
+ padding: 4px 11px;
558
+ }
559
+
560
+ .E_bqamoqe {
561
+ white-space: nowrap;
562
+ filter: drop-shadow(0px 2px 8px rgba(0, 136, 255, 0.1));
563
+
564
+ & > .ant-btn {
565
+ &.ant-btn-ordinary-onTint:not(.ant-btn-dangerous) {
566
+ --color: #{$text-light-general};
567
+
568
+ &[disabled],
569
+ &:hover[disabled] {
570
+ --color: #{$text-light-general};
571
+ }
572
+ }
787
573
  }
788
574
 
789
- .ant-input-group.ant-input-group-compact > & {
790
- border-radius: 0;
575
+ & > .ant-btn:not(:only-child) {
576
+ & + .ant-btn {
577
+ margin-left: 1px;
578
+ }
579
+
580
+ &:first-child {
581
+ border-top-right-radius: 0;
582
+ border-bottom-right-radius: 0;
583
+ }
584
+
585
+ &:last-child {
586
+ border-top-left-radius: 0;
587
+ border-bottom-left-radius: 0;
588
+ }
589
+
590
+ &:not(:first-child, :last-child) {
591
+ border-radius: unset;
592
+ }
791
593
  }
594
+ }
792
595
 
793
- &.ant-input-number {
794
- width: 100%;
795
- border-radius: 6px;
596
+
597
+ .E_d133fzv0 {
598
+ .ant-dropdown-menu-item-group {
599
+ .ant-dropdown-menu-item-group-title {
600
+ padding: 4px 8px 0 8px;
601
+ color: $text-light-secondary;
602
+ font-size: 12px;
603
+ }
604
+ .ant-dropdown-menu-item-group-list {
605
+ padding-bottom: 6px;
606
+ }
607
+ &:not(:first-child) {
608
+ padding-top: 4px;
609
+ border-top: 1px solid $strokes-light-trans-2;
610
+ }
796
611
  }
797
- &.ant-input-number:not([disabled]) {
798
- &:focus,
799
- &:active,
800
- &.ant-input-number-focused {
801
- &.ant-input-number {
802
- border-color: $blue;
803
- box-shadow: $shadow-light-active;
804
- z-index: $input-hover-index;
805
- }
612
+ }
613
+
614
+
615
+ .E_i1inqkme {
616
+ height: 18px;
617
+ line-height: 18px;
618
+ padding: 0 4px;
619
+ border-radius: 4px;
620
+ background: rgba(235, 239, 245, 0.6);
621
+ border: 1px solid rgba(223, 228, 235, 0.6);
622
+ display: flex;
623
+ align-items: center;
624
+ white-space: nowrap;
625
+ margin-right: 4px;
626
+ }
627
+
628
+
629
+ .E_itxley7 {
630
+ &.ant-input-group.ant-input-group-compact {
631
+ display: flex;
632
+ }
633
+
634
+ &.ant-input-group.ant-input-group-compact > *:first-child,
635
+ &.ant-input-group.ant-input-group-compact
636
+ > .ant-select:first-child
637
+ > .ant-select-selector,
638
+ &.ant-input-group.ant-input-group-compact
639
+ > .ant-calendar-picker:first-child
640
+ .ant-input,
641
+ &.ant-input-group.ant-input-group-compact
642
+ > .ant-select-auto-complete:first-child
643
+ .ant-input,
644
+ &.ant-input-group.ant-input-group-compact
645
+ > .ant-cascader-picker:first-child
646
+ .ant-input,
647
+ &.ant-input-group.ant-input-group-compact
648
+ > .ant-mention-wrapper:first-child
649
+ .ant-mention-editor,
650
+ &.ant-input-group.ant-input-group-compact
651
+ > .ant-time-picker:first-child
652
+ .ant-time-picker-input {
653
+ border-bottom-left-radius: 5px;
654
+ border-top-left-radius: 5px;
655
+ }
656
+ &.ant-input-group.ant-input-group-compact > *:last-child,
657
+ &.ant-input-group.ant-input-group-compact
658
+ > .ant-select:last-child
659
+ > .ant-select-selector,
660
+ &.ant-input-group.ant-input-group-compact
661
+ > .ant-calendar-picker:last-child
662
+ .ant-input,
663
+ &.ant-input-group.ant-input-group-compact
664
+ > .ant-select-auto-complete:last-child
665
+ .ant-input,
666
+ &.ant-input-group.ant-input-group-compact
667
+ > .ant-cascader-picker:last-child
668
+ .ant-input,
669
+ &.ant-input-group.ant-input-group-compact
670
+ > .ant-cascader-picker-focused:last-child
671
+ .ant-input,
672
+ &.ant-input-group.ant-input-group-compact
673
+ > .ant-mention-wrapper:last-child
674
+ .ant-mention-editor,
675
+ &.ant-input-group.ant-input-group-compact
676
+ > .ant-time-picker:last-child
677
+ .ant-time-picker-input {
678
+ border-bottom-right-radius: 5px;
679
+ border-top-right-radius: 5px;
680
+ }
681
+ }
682
+
683
+
684
+ .E_f7pxqmh {
685
+ width: 100%;
686
+ margin-bottom: 0 !important;
687
+ flex-flow: nowrap !important;
688
+ line-break: auto;
689
+
690
+ & > .ant-form-item-label {
691
+ text-align: left !important;
692
+ padding-bottom: 0 !important;
693
+
694
+ & > label {
695
+ min-height: 32px;
696
+ height: auto;
697
+ font-size: 13px;
698
+ color: rgba(44, 56, 82, 0.6);
699
+ white-space: normal;
806
700
  }
807
- &.error {
808
- &:hover,
809
- &.ant-input-number-focused {
810
- &.ant-input-number {
811
- border-color: $red;
812
- box-shadow: $shadow-light-error;
813
- }
814
- }
701
+ }
702
+
703
+ &.ant-form-item-has-error {
704
+ .ant-input {
705
+ border-color: #ff4d4f !important;
706
+ }
707
+ .ant-input-password {
708
+ border-color: #ff4d4f !important;
815
709
  }
816
710
  }
817
711
 
818
- .ant-input-number-input {
819
- height: 30px;
820
- border: 1px;
821
- padding: 5px 12px;
822
- font-size: inherit;
712
+ .ant-form-item-explain {
713
+ margin-top: 4px;
714
+ font-size: 12px;
715
+ min-height: 0px;
823
716
  }
824
717
 
825
- &.ant-input-number-lg input {
826
- height: 38px;
827
- border: 1px;
828
- padding: 8px 16px;
718
+ .ant-form-item-extra {
719
+ font-size: 12px;
720
+ color: rgba(44, 56, 82, 0.6);
721
+ min-height: 0px;
829
722
  }
723
+ }
830
724
 
831
- &.ant-input-number-sm input {
832
- height: 22px;
833
- border: 1px;
834
- padding: 2px 8px;
725
+
726
+ .E_sx1bpnu {
727
+ .ant-input-sm {
728
+ line-height: 18px;
835
729
  }
836
730
  }
837
731
 
@@ -873,31 +767,161 @@
873
767
  }
874
768
 
875
769
 
876
- .E_owd0kml {
877
- display: inline-block;
770
+ .E_fzh9mnb {
771
+ width: 100%;
772
+ height: 100%;
773
+ min-height: 124px;
774
+ display: flex;
775
+ flex-direction: column;
776
+ justify-content: center;
777
+ align-items: center;
778
+
779
+ .error-text {
780
+ color: $text-terdiary-light;
781
+ margin-bottom: 16px;
782
+ font-size: 18px;
783
+ }
878
784
  }
879
785
 
880
- .E_h1jsgezc {
881
- visibility: hidden;
882
- position: absolute;
786
+
787
+ .E_atcz0kf {
788
+ .ant-input-suffix {
789
+ margin-left: 8px;
790
+ }
791
+ &.ant-input-affix-wrapper.ant-input-affix-wrapper-sm {
792
+ padding: 2px 7px 2px 12px;
793
+ }
883
794
  }
884
795
 
885
796
 
886
- .E_phljevk {
887
- display: flex;
888
- justify-content: space-between;
797
+ .E_iouxfgt {
798
+ display: inline-flex;
889
799
  align-items: center;
890
- padding: 10px 0;
891
- color: $text-light-secondary;
892
- font-size: 12px;
893
- line-height: 24px;
894
800
 
895
- .pagination-left {
896
- padding: 2px 8px;
897
- }
898
-
899
- .dropdown-trigger {
900
- display: flex;
801
+ .icon-inner {
802
+ display: inline-flex;
803
+ align-items: center;
804
+ justify-content: center;
805
+ }
806
+ .icon-inner + span,
807
+ span + .icon-inner.suffix {
808
+ margin-left: 4px;
809
+ }
810
+ &.is-rotate {
811
+ img,
812
+ svg {
813
+ animation: rotate 680ms linear infinite;
814
+ }
815
+ }
816
+ }
817
+
818
+
819
+ .E_ai7qkf2 {
820
+ .ant-input-number-handler-wrap {
821
+ display: var(--ai7qkf2-0);
822
+ }
823
+ .ant-input-number-input-wrap {
824
+ display: inline-flex;
825
+ line-height: 1.5715;
826
+ height: 100%;
827
+ width: 100%;
828
+ }
829
+
830
+ .ant-input-number-input-wrap::after {
831
+ content: var(--ai7qkf2-1);
832
+ display: var(--ai7qkf2-2);
833
+ flex: none;
834
+ align-items: center;
835
+ margin-left: 4px;
836
+ padding: 5px 12px 5px 0;
837
+ color: rgba(44, 56, 82, 0.6);
838
+ }
839
+
840
+ .ant-input-number-input-wrap::before {
841
+ content: var(--ai7qkf2-3);
842
+ display: var(--ai7qkf2-4);
843
+ flex: none;
844
+ align-items: center;
845
+ margin-right: 4px;
846
+ cursor: auto;
847
+ color: rgba(44, 56, 82, 0.6);
848
+ }
849
+
850
+ .ant-input-group.ant-input-group-compact > & {
851
+ border-radius: 0;
852
+ }
853
+
854
+ &.ant-input-number {
855
+ width: 100%;
856
+ border-radius: 6px;
857
+ }
858
+ &.ant-input-number:not([disabled]) {
859
+ &:focus,
860
+ &:active,
861
+ &.ant-input-number-focused {
862
+ &.ant-input-number {
863
+ border-color: $blue;
864
+ box-shadow: $shadow-light-active;
865
+ z-index: $input-hover-index;
866
+ }
867
+ }
868
+ &.error {
869
+ &:hover,
870
+ &.ant-input-number-focused {
871
+ &.ant-input-number {
872
+ border-color: $red;
873
+ box-shadow: $shadow-light-error;
874
+ }
875
+ }
876
+ }
877
+ }
878
+
879
+ .ant-input-number-input {
880
+ height: 30px;
881
+ border: 1px;
882
+ padding: 5px 12px;
883
+ font-size: inherit;
884
+ }
885
+
886
+ &.ant-input-number-lg input {
887
+ height: 38px;
888
+ border: 1px;
889
+ padding: 8px 16px;
890
+ }
891
+
892
+ &.ant-input-number-sm input {
893
+ height: 22px;
894
+ border: 1px;
895
+ padding: 2px 8px;
896
+ }
897
+ }
898
+
899
+
900
+ .E_owd0kml {
901
+ display: inline-block;
902
+ }
903
+
904
+ .E_h1jsgezc {
905
+ visibility: hidden;
906
+ position: absolute;
907
+ }
908
+
909
+
910
+ .E_phljevk {
911
+ display: flex;
912
+ justify-content: space-between;
913
+ align-items: center;
914
+ padding: 10px 0;
915
+ color: $text-light-secondary;
916
+ font-size: 12px;
917
+ line-height: 24px;
918
+
919
+ .pagination-left {
920
+ padding: 2px 8px;
921
+ }
922
+
923
+ .dropdown-trigger {
924
+ display: flex;
901
925
  align-items: center;
902
926
  border-radius: 6px;
903
927
  cursor: pointer;
@@ -950,29 +974,16 @@
950
974
  }
951
975
 
952
976
 
953
- .E_atcz0kf {
954
- .ant-input-suffix {
955
- margin-left: 8px;
956
- }
957
- &.ant-input-affix-wrapper.ant-input-affix-wrapper-sm {
958
- padding: 2px 7px 2px 12px;
959
- }
960
- }
961
-
962
-
963
- .E_i1inqkme {
964
- height: 18px;
965
- line-height: 18px;
966
- padding: 0 4px;
967
- border-radius: 4px;
968
- background: rgba(235, 239, 245, 0.6);
969
- border: 1px solid rgba(223, 228, 235, 0.6);
970
- display: flex;
971
- align-items: center;
972
- white-space: nowrap;
977
+ .E_ivqqkzv {
978
+ height: 24px;
979
+ width: 56px !important;
973
980
  margin-right: 4px;
974
981
  }
975
982
 
983
+ .E_c1wk4q29 {
984
+ color: $text-secondary-light;
985
+ }
986
+
976
987
 
977
988
  .E_rapgekc {
978
989
  &.ant-radio-wrapper {
@@ -1199,15 +1210,64 @@
1199
1210
  }
1200
1211
 
1201
1212
 
1202
- .E_ivqqkzv {
1203
- height: 24px;
1204
- width: 56px !important;
1205
- margin-right: 4px;
1213
+ .E_s1dizucg {
1214
+ &.ant-switch {
1215
+ min-width: 40px;
1216
+ height: 24px;
1217
+ background: $fills-trans-quinary-light;
1218
+ overflow: hidden;
1219
+ &:focus {
1220
+ box-shadow: 0 0 0 2px $strokes-light-trans-1;
1221
+ }
1222
+ }
1223
+ &.ant-switch-small {
1224
+ min-width: 26px;
1225
+ height: 16px;
1226
+ }
1227
+ &.ant-switch-large {
1228
+ min-width: 52px;
1229
+ height: 32px;
1230
+ }
1231
+
1232
+ &.ant-switch .ant-switch-handle {
1233
+ height: 20px;
1234
+ width: 20px;
1235
+ &::before {
1236
+ border-radius: 10px;
1237
+ transition-delay: 120ms;
1238
+ }
1239
+ }
1240
+ &.ant-switch-small .ant-switch-handle {
1241
+ height: 14px;
1242
+ width: 14px;
1243
+ top: 1px;
1244
+ left: 1px;
1245
+ }
1246
+ &.ant-switch-large .ant-switch-handle {
1247
+ height: 28px;
1248
+ width: 28px;
1249
+ &::before {
1250
+ border-radius: 14px;
1251
+ }
1252
+ }
1253
+
1254
+ &.ant-switch-checked {
1255
+ background-color: $green-60;
1256
+ }
1257
+ &.ant-switch-checked .ant-switch-handle {
1258
+ left: calc(100% - 20px - 2px);
1259
+ }
1260
+ &.ant-switch-small.ant-switch-checked .ant-switch-handle {
1261
+ left: calc(100% - 14px - 1px);
1262
+ }
1263
+ &.ant-switch-large.ant-switch-checked .ant-switch-handle {
1264
+ left: calc(100% - 28px - 2px);
1265
+ }
1206
1266
  }
1207
1267
 
1208
- .E_c1wk4q29 {
1209
- color: $text-secondary-light;
1210
- }
1268
+ .E_c1up6e3y {
1269
+ margin-left: 5px;
1270
+ }
1211
1271
 
1212
1272
 
1213
1273
  .E_cnujxq2 {
@@ -2024,189 +2084,9 @@
2024
2084
  }
2025
2085
 
2026
2086
 
2027
- .E_s1dizucg {
2028
- &.ant-switch {
2029
- min-width: 40px;
2030
- height: 24px;
2031
- background: $fills-trans-quinary-light;
2032
- overflow: hidden;
2033
- &:focus {
2034
- box-shadow: 0 0 0 2px $strokes-light-trans-1;
2035
- }
2036
- }
2037
- &.ant-switch-small {
2038
- min-width: 26px;
2039
- height: 16px;
2040
- }
2041
- &.ant-switch-large {
2042
- min-width: 52px;
2043
- height: 32px;
2044
- }
2045
-
2046
- &.ant-switch .ant-switch-handle {
2047
- height: 20px;
2048
- width: 20px;
2049
- &::before {
2050
- border-radius: 10px;
2051
- transition-delay: 120ms;
2052
- }
2053
- }
2054
- &.ant-switch-small .ant-switch-handle {
2055
- height: 14px;
2056
- width: 14px;
2057
- top: 1px;
2058
- left: 1px;
2059
- }
2060
- &.ant-switch-large .ant-switch-handle {
2061
- height: 28px;
2062
- width: 28px;
2063
- &::before {
2064
- border-radius: 14px;
2065
- }
2066
- }
2067
-
2068
- &.ant-switch-checked {
2069
- background-color: $green-60;
2070
- }
2071
- &.ant-switch-checked .ant-switch-handle {
2072
- left: calc(100% - 20px - 2px);
2073
- }
2074
- &.ant-switch-small.ant-switch-checked .ant-switch-handle {
2075
- left: calc(100% - 14px - 1px);
2076
- }
2077
- &.ant-switch-large.ant-switch-checked .ant-switch-handle {
2078
- left: calc(100% - 28px - 2px);
2079
- }
2080
- }
2081
-
2082
- .E_c1up6e3y {
2083
- margin-left: 5px;
2084
- }
2085
-
2086
-
2087
- .E_c1yyuluq {
2088
- border-radius: 8px;
2089
- .ant-card-body {
2090
- padding: 20px 24px 24px 24px;
2091
- }
2092
- }
2093
-
2094
-
2095
- .E_iq1gosr {
2096
- display: inline-block;
2097
- }
2098
-
2099
-
2100
- .E_tju3gfj {
2101
- .date {
2102
- margin-right: 4px;
2103
- }
2104
- }
2105
-
2106
-
2107
- .E_m196gn1d {
2108
- min-width: 1280px;
2109
- }
2110
-
2111
-
2112
- .E_s1sck0th {
2113
- padding: 0 8px;
2114
- border-radius: 4px;
2115
- }
2116
-
2117
- .E_m855nr1 {
2118
- padding: 2px 8px;
2119
- border-radius: 3px;
2120
- }
2121
-
2122
- .E_l1270xpg {
2123
- padding: 3px 8px;
2124
- border-radius: 2px;
2125
- }
2126
-
2127
- .E_t14rextb {
2128
- &.ant-tag:hover {
2129
- opacity: unset;
2130
- }
2131
- &.ant-tag.ui-kit-token:not(.ant-tag-hidden) {
2132
- margin: 0;
2133
- margin-right: 8px;
2134
- display: inline-flex;
2135
- align-items: center;
2136
- border: none;
2137
- & .ant-tag-close-icon {
2138
- width: 16px;
2139
- height: 16px;
2140
- color: inherit;
2141
- margin-left: 4px;
2142
- opacity: 0.6;
2143
- display: inline-flex;
2144
- &:hover {
2145
- opacity: 1;
2146
- }
2147
- }
2148
- &.ant-tag-blue {
2149
- color: $fills-light-general-general;
2150
- background-color: $fills-light-general-general-light;
2151
- }
2152
- &.ant-tag-red {
2153
- color: $fills-light-serious-serious;
2154
- background-color: $fills-light-serious-serious-light;
2155
- }
2156
- &.ant-tag-yellow {
2157
- color: $fills-light-notice-notice-dark;
2158
- background-color: $fills-light-notice-notice-light;
2159
- }
2160
- &.ant-tag-green {
2161
- color: $fills-light-positive-positive-dark;
2162
- background-color: $fills-light-positive-positive-light;
2163
- }
2164
- &.ant-tag-gray {
2165
- color: $text-light-super;
2166
- background-color: $fills-element-light-container-general;
2167
- }
2168
- &.ant-tag-purple {
2169
- color: $text-colorful-purple;
2170
- background-color: $fill-purple-light;
2171
- }
2172
-
2173
- &.ui-kit-token-checked {
2174
- color: $text-light-on-tint;
2175
- &.ant-tag-red {
2176
- background-color: $fills-light-serious-serious;
2177
- }
2178
- &.ant-tag-yellow {
2179
- background-color: $fills-light-notice-notice;
2180
- }
2181
- &.ant-tag-green {
2182
- background-color: $fills-light-positive-positive;
2183
- }
2184
- &.ant-tag-blue {
2185
- background-color: $fills-light-general-general;
2186
- }
2187
- &.ant-tag-gray {
2188
- background-color: $gray-70;
2189
- }
2190
- &.ant-tag-purple {
2191
- background-color: $fill-purple-base;
2192
- }
2193
- }
2194
- }
2195
- }
2196
-
2197
-
2198
- .E_t1m2x205 {
2199
- .ant-tooltip-arrow {
2200
- display: none;
2201
- }
2202
- .ant-tooltip-inner {
2203
- background: $gray-a80-9;
2204
- border-radius: 4px;
2205
- &:has(.eagle-ellipsis-content) {
2206
- visibility: hidden;
2207
- }
2208
- }
2209
- }
2087
+ .E_iq1gosr {
2088
+ display: inline-block;
2089
+ }
2210
2090
 
2211
2091
 
2212
2092
  .E_dsnbhzf {
@@ -2563,6 +2443,27 @@
2563
2443
  }
2564
2444
 
2565
2445
 
2446
+ .E_tju3gfj {
2447
+ .date {
2448
+ margin-right: 4px;
2449
+ }
2450
+ }
2451
+
2452
+
2453
+ .E_t1m2x205 {
2454
+ .ant-tooltip-arrow {
2455
+ display: none;
2456
+ }
2457
+ .ant-tooltip-inner {
2458
+ background: $gray-a80-9;
2459
+ border-radius: 4px;
2460
+ &:has(.eagle-ellipsis-content) {
2461
+ visibility: hidden;
2462
+ }
2463
+ }
2464
+ }
2465
+
2466
+
2566
2467
  .E_s1dni7lo {
2567
2468
  width: 430px !important;
2568
2469
  }
@@ -2652,6 +2553,92 @@
2652
2553
  }
2653
2554
 
2654
2555
 
2556
+ .E_s1sck0th {
2557
+ padding: 0 8px;
2558
+ border-radius: 4px;
2559
+ }
2560
+
2561
+ .E_m855nr1 {
2562
+ padding: 2px 8px;
2563
+ border-radius: 3px;
2564
+ }
2565
+
2566
+ .E_l1270xpg {
2567
+ padding: 3px 8px;
2568
+ border-radius: 2px;
2569
+ }
2570
+
2571
+ .E_t14rextb {
2572
+ &.ant-tag:hover {
2573
+ opacity: unset;
2574
+ }
2575
+ &.ant-tag.ui-kit-token:not(.ant-tag-hidden) {
2576
+ margin: 0;
2577
+ margin-right: 8px;
2578
+ display: inline-flex;
2579
+ align-items: center;
2580
+ border: none;
2581
+ & .ant-tag-close-icon {
2582
+ width: 16px;
2583
+ height: 16px;
2584
+ color: inherit;
2585
+ margin-left: 4px;
2586
+ opacity: 0.6;
2587
+ display: inline-flex;
2588
+ &:hover {
2589
+ opacity: 1;
2590
+ }
2591
+ }
2592
+ &.ant-tag-blue {
2593
+ color: $fills-light-general-general;
2594
+ background-color: $fills-light-general-general-light;
2595
+ }
2596
+ &.ant-tag-red {
2597
+ color: $fills-light-serious-serious;
2598
+ background-color: $fills-light-serious-serious-light;
2599
+ }
2600
+ &.ant-tag-yellow {
2601
+ color: $fills-light-notice-notice-dark;
2602
+ background-color: $fills-light-notice-notice-light;
2603
+ }
2604
+ &.ant-tag-green {
2605
+ color: $fills-light-positive-positive-dark;
2606
+ background-color: $fills-light-positive-positive-light;
2607
+ }
2608
+ &.ant-tag-gray {
2609
+ color: $text-light-super;
2610
+ background-color: $fills-element-light-container-general;
2611
+ }
2612
+ &.ant-tag-purple {
2613
+ color: $text-colorful-purple;
2614
+ background-color: $fill-purple-light;
2615
+ }
2616
+
2617
+ &.ui-kit-token-checked {
2618
+ color: $text-light-on-tint;
2619
+ &.ant-tag-red {
2620
+ background-color: $fills-light-serious-serious;
2621
+ }
2622
+ &.ant-tag-yellow {
2623
+ background-color: $fills-light-notice-notice;
2624
+ }
2625
+ &.ant-tag-green {
2626
+ background-color: $fills-light-positive-positive;
2627
+ }
2628
+ &.ant-tag-blue {
2629
+ background-color: $fills-light-general-general;
2630
+ }
2631
+ &.ant-tag-gray {
2632
+ background-color: $gray-70;
2633
+ }
2634
+ &.ant-tag-purple {
2635
+ background-color: $fill-purple-base;
2636
+ }
2637
+ }
2638
+ }
2639
+ }
2640
+
2641
+
2655
2642
  .E_a1b5xrg3 {
2656
2643
  .user-icon-inner {
2657
2644
  display: inline-flex;
@@ -2689,6 +2676,11 @@
2689
2676
  }
2690
2677
 
2691
2678
 
2679
+ .E_m196gn1d {
2680
+ min-width: 1280px;
2681
+ }
2682
+
2683
+
2692
2684
  .E_ccrbeuz {
2693
2685
  .ant-collapse-item {
2694
2686
  border: 0px;
@@ -2721,8 +2713,16 @@
2721
2713
  }
2722
2714
 
2723
2715
 
2724
- .E_b1lj76ty {
2725
- width: 100%;
2716
+ .E_c1yyuluq {
2717
+ border-radius: 8px;
2718
+ .ant-card-body {
2719
+ padding: 20px 24px 24px 24px;
2720
+ }
2721
+ }
2722
+
2723
+
2724
+ .E_b1lj76ty {
2725
+ width: 100%;
2726
2726
  height: 100%;
2727
2727
  margin: 0 auto;
2728
2728
  display: flex;
@@ -2759,39 +2759,6 @@
2759
2759
  }
2760
2760
 
2761
2761
 
2762
- .E_suhck3k {
2763
- height: 24px;
2764
- width: 24px;
2765
- border-radius: 6px;
2766
- padding: 4px;
2767
- &:hover {
2768
- background-color: $fill-outstanding-light;
2769
- svg {
2770
- path {
2771
- fill: blue;
2772
- }
2773
- }
2774
- }
2775
- }
2776
-
2777
-
2778
- .E_ryby9ds {
2779
- display: flex;
2780
- align-items: center;
2781
- .order {
2782
- height: 24px;
2783
- width: 24px;
2784
- border-radius: 20px;
2785
- color: $text-light-general;
2786
- background: $fill-light-element-container-outstanding;
2787
- display: flex;
2788
- align-items: center;
2789
- justify-content: center;
2790
- margin-right: 6px;
2791
- }
2792
- }
2793
-
2794
-
2795
2762
  .E_hrhfj7c {
2796
2763
  display: none;
2797
2764
  }
@@ -2985,6 +2952,39 @@
2985
2952
  }
2986
2953
 
2987
2954
 
2955
+ .E_suhck3k {
2956
+ height: 24px;
2957
+ width: 24px;
2958
+ border-radius: 6px;
2959
+ padding: 4px;
2960
+ &:hover {
2961
+ background-color: $fill-outstanding-light;
2962
+ svg {
2963
+ path {
2964
+ fill: blue;
2965
+ }
2966
+ }
2967
+ }
2968
+ }
2969
+
2970
+
2971
+ .E_ryby9ds {
2972
+ display: flex;
2973
+ align-items: center;
2974
+ .order {
2975
+ height: 24px;
2976
+ width: 24px;
2977
+ border-radius: 20px;
2978
+ color: $text-light-general;
2979
+ background: $fill-light-element-container-outstanding;
2980
+ display: flex;
2981
+ align-items: center;
2982
+ justify-content: center;
2983
+ margin-right: 6px;
2984
+ }
2985
+ }
2986
+
2987
+
2988
2988
  .E_s17wv897 {
2989
2989
  &.ant-select,
2990
2990
  &.ant-select div.ant-select-selector {
@@ -3359,6 +3359,22 @@
3359
3359
  }
3360
3360
 
3361
3361
 
3362
+ .E_w1dxz879 {
3363
+ display: flex;
3364
+ flex-direction: column;
3365
+ gap: 6px;
3366
+ .ellipsis-tooltip {
3367
+ max-height: var(--w1dxz879-0);
3368
+ text-overflow: clip;
3369
+ overflow: hidden;
3370
+ }
3371
+ .tips {
3372
+ color: #fff;
3373
+ opacity: 0.8;
3374
+ }
3375
+ }
3376
+
3377
+
3362
3378
  .E_h12yihis {
3363
3379
  height: 50px;
3364
3380
  border-bottom: 2px solid #edf0f7;
@@ -3629,18 +3645,82 @@
3629
3645
  }
3630
3646
 
3631
3647
 
3632
- .E_w1dxz879 {
3648
+ .E_s11wux3h {
3649
+ .antd5-segmented-item:not(:last-child) {
3650
+ margin-right: 2px;
3651
+ }
3652
+ }
3653
+
3654
+ .E_s1t2an3z {
3655
+ &.antd5-segmented-sm .antd5-segmented-item-label {
3656
+ padding-left: 8px;
3657
+ padding-right: 8px;
3658
+ font-size: 12px;
3659
+ }
3660
+
3661
+ &.antd5-segmented-sm .antd5-segmented-item-selected {
3662
+ border-radius: 4px;
3663
+ }
3664
+
3665
+ &.antd5-segmented
3666
+ .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3667
+ .antd5-segmented-item-disabled
3668
+ ) {
3669
+ border-radius: 4px;
3670
+ }
3671
+ }
3672
+
3673
+ .E_ma64lna {
3674
+ .antd5-segmented-item-label {
3675
+ padding-left: 12px;
3676
+ padding-right: 12px;
3677
+ }
3678
+ }
3679
+
3680
+ .E_ckld275 {
3681
+ background-color: $fill-neutral-trans-2;
3682
+ &.antd5-segmented
3683
+ .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3684
+ .antd5-segmented-item-disabled
3685
+ ) {
3686
+ background-color: $fill-neutral-light-white;
3687
+ color: $text-neutral-secondary-light;
3688
+ }
3689
+ // on animate remove hover bg color
3690
+ &.antd5-segmented
3691
+ .antd5-segmented-thumb
3692
+ ~ .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3693
+ .antd5-segmented-item-disabled
3694
+ ) {
3695
+ background-color: transparent;
3696
+ }
3697
+ // remove after's bg color
3698
+ &.antd5-segmented
3699
+ .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3700
+ .antd5-segmented-item-disabled
3701
+ )::after {
3702
+ background-color: transparent;
3703
+ }
3704
+ }
3705
+
3706
+
3707
+ .E_r77hffu {
3708
+ display: flex;
3709
+ align-items: center;
3710
+ justify-content: space-between;
3711
+ column-gap: 6px;
3712
+ }
3713
+
3714
+ .E_p1cmxsf7 {
3633
3715
  display: flex;
3634
3716
  flex-direction: column;
3635
- gap: 6px;
3636
- .ellipsis-tooltip {
3637
- max-height: var(--w1dxz879-0);
3638
- text-overflow: clip;
3639
- overflow: hidden;
3640
- }
3641
- .tips {
3642
- color: #fff;
3643
- opacity: 0.8;
3717
+ justify-content: center;
3718
+ row-gap: var(--p1cmxsf7-0);
3719
+
3720
+ .antd5-progress-line {
3721
+ font-size: 0;
3722
+ margin-bottom: unset;
3723
+ margin-inline-end: unset;
3644
3724
  }
3645
3725
  }
3646
3726
 
@@ -3989,494 +4069,209 @@
3989
4069
  }
3990
4070
 
3991
4071
 
3992
- .E_r77hffu {
3993
- display: flex;
3994
- align-items: center;
3995
- justify-content: space-between;
3996
- column-gap: 6px;
3997
- }
3998
-
3999
- .E_p1cmxsf7 {
4000
- display: flex;
4001
- flex-direction: column;
4002
- justify-content: center;
4003
- row-gap: var(--p1cmxsf7-0);
4004
-
4005
- .antd5-progress-line {
4006
- font-size: 0;
4007
- margin-bottom: unset;
4008
- margin-inline-end: unset;
4009
- }
4010
- }
4011
-
4012
-
4013
- .E_s11wux3h {
4014
- .antd5-segmented-item:not(:last-child) {
4015
- margin-right: 2px;
4016
- }
4017
- }
4018
-
4019
- .E_s1t2an3z {
4020
- &.antd5-segmented-sm .antd5-segmented-item-label {
4021
- padding-left: 8px;
4022
- padding-right: 8px;
4023
- font-size: 12px;
4024
- }
4025
-
4026
- &.antd5-segmented-sm .antd5-segmented-item-selected {
4027
- border-radius: 4px;
4028
- }
4029
-
4030
- &.antd5-segmented
4031
- .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
4032
- .antd5-segmented-item-disabled
4033
- ) {
4034
- border-radius: 4px;
4035
- }
4036
- }
4037
-
4038
- .E_ma64lna {
4039
- .antd5-segmented-item-label {
4040
- padding-left: 12px;
4041
- padding-right: 12px;
4042
- }
4043
- }
4072
+ .E_sddwhm6 {
4073
+ $prefix: ui-kit-status-capsule;
4074
+ margin: 0;
4075
+ border-radius: 20px;
4076
+ padding: 2px 10px;
4077
+ height: 22px;
4044
4078
 
4045
- .E_ckld275 {
4046
- background-color: $fill-neutral-trans-2;
4047
- &.antd5-segmented
4048
- .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
4049
- .antd5-segmented-item-disabled
4050
- ) {
4051
- background-color: $fill-neutral-light-white;
4052
- color: $text-neutral-secondary-light;
4053
- }
4054
- // on animate remove hover bg color
4055
- &.antd5-segmented
4056
- .antd5-segmented-thumb
4057
- ~ .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
4058
- .antd5-segmented-item-disabled
4059
- ) {
4060
- background-color: transparent;
4079
+ &.ant-tag.#{$prefix}.off-white {
4080
+ background-color: $fill-neutral-trans-1 !important;
4081
+ &.tag-hover:hover,
4082
+ &.__pseudo-states-hover {
4083
+ background-color: $fill-neutral-trans-2 !important;
4084
+ }
4061
4085
  }
4062
- // remove after's bg color
4063
- &.antd5-segmented
4064
- .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
4065
- .antd5-segmented-item-disabled
4066
- )::after {
4067
- background-color: transparent;
4086
+ &.ant-tag.#{$prefix} {
4087
+ color: $text-neutral-primary;
4088
+ .#{$prefix}-icon {
4089
+ margin-right: 6px;
4090
+ }
4091
+ .#{$prefix}-number {
4092
+ margin-left: 8px;
4093
+ color: #2C385299;
4094
+ }
4095
+ &.ant-tag-blue {
4096
+ background-color: $fill-outstanding-light;
4097
+ .#{$prefix}-icon {
4098
+ background-color: $fill-outstanding-base;
4099
+ }
4100
+ &.tag-hover:hover,
4101
+ &.__pseudo-states-hover {
4102
+ background-color: $fill-outstanding-light-hover;
4103
+ }
4104
+ }
4105
+ &.ant-tag-red {
4106
+ background-color: $fill-serious-light;
4107
+ .#{$prefix}-icon {
4108
+ background-color: $fill-serious-base;
4109
+ }
4110
+ &.tag-hover:hover,
4111
+ &.__pseudo-states-hover {
4112
+ background-color: $fill-serious-light-hover;
4113
+ }
4114
+ }
4115
+ &.ant-tag-yellow {
4116
+ background-color: $fill-notice-light;
4117
+ .#{$prefix}-icon {
4118
+ background-color: $fill-notice-base;
4119
+ }
4120
+ &.tag-hover:hover,
4121
+ &.__pseudo-states-hover {
4122
+ background-color: $fill-notice-light-hover;
4123
+ }
4124
+ }
4125
+ &.ant-tag-green {
4126
+ background-color: $fill-positive-light;
4127
+ .#{$prefix}-icon {
4128
+ background-color: $fill-positive-base;
4129
+ }
4130
+ &.tag-hover:hover,
4131
+ &.__pseudo-states-hover {
4132
+ background-color: $fill-positive-light-hover;
4133
+ }
4134
+ }
4135
+ &.ant-tag-gray {
4136
+ background-color: $fill-neutral-trans-2;
4137
+ .#{$prefix}-icon:not(.ui-kit-status-capsule-icon-loading) {
4138
+ background-color: $gray-70;
4139
+ }
4140
+ &.tag-hover:hover,
4141
+ &.__pseudo-states-hover {
4142
+ background-color: $fill-neutral-trans-3-trans-2-hover;
4143
+ }
4144
+ }
4068
4145
  }
4069
4146
  }
4070
4147
 
4148
+ .E_satwmqm {
4149
+ width: 8px;
4150
+ height: 8px;
4151
+ border-radius: 50%;
4152
+ display: inline-block;
4153
+ }
4071
4154
 
4072
- .E_c1kghdax {
4073
- color: $text-primary-light;
4074
- padding: 7px 12px;
4075
- display: flex;
4076
- justify-content: space-between;
4077
- align-items: center;
4078
-
4079
- &.has-arrow {
4080
- padding-left: 10px;
4081
-
4082
- .title-wrapper {
4083
- cursor: pointer;
4084
- color: $text-light-primary;
4085
4155
 
4086
- &.is-open {
4087
- color: $text-primary-light;
4088
- font-weight: 600;
4156
+ .E_tc97u5y {
4157
+ height: 100%;
4158
+ }
4089
4159
 
4090
- .collapse-arrow {
4091
- transform: rotate(90deg);
4092
- }
4093
- }
4094
- }
4160
+ .E_efzf37v {
4161
+ .ant-table-content,
4162
+ .ant-table-body {
4163
+ overflow: visible !important;
4164
+ height: 100%;
4095
4165
  }
4096
4166
 
4097
- .sub-info {
4098
- font-size: 12px;
4099
- line-height: 18px;
4167
+ .ant-table-tbody .ant-table-placeholder td {
4168
+ height: 100%;
4100
4169
  }
4101
4170
 
4102
- .title-wrapper {
4103
- display: flex;
4104
- align-items: center;
4105
- user-select: none;
4106
- flex-grow: 1;
4107
- font-size: 12px;
4108
- line-height: 18px;
4109
- color: $text-primary-light;
4110
- font-weight: 700;
4171
+ table {
4172
+ width: 100% !important;
4173
+ height: 100%;
4174
+ .ant-table-placeholder .ant-table-expanded-row-fixed {
4175
+ padding: 15px 0;
4176
+ }
4111
4177
  }
4112
4178
 
4113
- .collapse-arrow {
4114
- transition: all 50ms ease-out 0ms;
4115
- margin-right: 2px;
4179
+ table thead.ant-table-thead {
4180
+ display: none;
4116
4181
  }
4117
4182
  }
4118
4183
 
4184
+ .E_t1fisho6 {
4185
+ height: 100%;
4119
4186
 
4120
- .E_ckui4s7 {
4121
- color: $text-primary-light;
4122
- line-height: 22px;
4123
- display: inline-flex;
4124
- .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; } } }
4125
- }
4187
+ .ant-table.ant-table-small .ant-table-tbody > tr > td {
4188
+ padding-top: 6px;
4189
+ padding-bottom: 6px;
4190
+ }
4126
4191
 
4192
+ .active-row td:nth-child(1) {
4193
+ font-weight: 700;
4194
+ }
4195
+ &.has-selection .active-row td:nth-child(2) {
4196
+ font-weight: 700;
4197
+ }
4127
4198
 
4128
- .E_t1tbywr9 {
4129
- width: 100%;
4130
- flex: 1;
4131
- display: flex;
4132
- flex-direction: column;
4199
+ .ant-spin-nested-loading {
4200
+ height: 100%;
4133
4201
 
4134
- &.medium {
4135
- .tab-bar {
4136
- height: 32px;
4202
+ .ant-spin-container {
4203
+ height: 100%;
4204
+ overflow: visible;
4205
+ }
4206
+ .ant-spin {
4207
+ max-height: none;
4208
+ }
4209
+ }
4137
4210
 
4138
- .common-tab-bar {
4139
- height: 32px;
4211
+ td.ant-table-column-sort {
4212
+ background: transparent;
4213
+ }
4140
4214
 
4141
- .tab-item-title {
4142
- height: 32px;
4143
- border-top-left-radius: 6px;
4144
- border-top-right-radius: 6px;
4145
- padding-right: 16px;
4146
- padding-left: 16px;
4147
- font-size: 16px;
4148
- }
4215
+ td.ant-table-cell-fix-left,
4216
+ td.ant-table-cell-fix-right {
4217
+ background: #fff;
4218
+ padding: 0 !important;
4219
+ .ant-table-cell-content {
4220
+ display: flex;
4221
+ align-items: center;
4222
+ height: 100%;
4223
+ padding: 8px;
4224
+ > span {
4225
+ overflow: hidden;
4226
+ text-overflow: ellipsis;
4227
+ width: 100%;
4149
4228
  }
4150
4229
  }
4151
4230
  }
4152
4231
 
4153
- &.small {
4154
- .tab-bar {
4155
- height: 24px;
4232
+ .ant-table-container {
4233
+ height: 100%;
4234
+ &::before,
4235
+ &::after {
4236
+ box-shadow: none !important;
4237
+ }
4238
+ }
4156
4239
 
4157
- .common-tab-bar {
4158
- height: 24px;
4240
+ div.ant-table {
4241
+ $columnAlignRightPaddingRight: 25px;
4242
+ border-radius: 0px;
4243
+ border-left: none;
4244
+ border-right: none;
4245
+ border-bottom: none;
4246
+ height: 100%;
4247
+ font-size: 12px;
4248
+ background: transparent;
4159
4249
 
4160
- .tab-item-title {
4161
- height: 24px;
4162
- border-top-left-radius: 4px;
4163
- border-top-right-radius: 4px;
4164
- padding-right: 12px;
4165
- padding-left: 12px;
4166
- font-size: 14px;
4167
- }
4168
- }
4250
+ .ant-table-header {
4251
+ position: relative;
4252
+ z-index: $table-header-index;
4253
+ border-bottom: 1px solid $strokes-light-trans-2;
4254
+ margin-bottom: -1px;
4169
4255
  }
4170
- }
4171
4256
 
4172
- .tab-bar {
4173
- max-width: 100%;
4174
- display: flex;
4175
- place-items: center;
4176
- border-bottom: 1px solid $fills-trans-terdiary-light;
4257
+ .time-wrapper .date,
4258
+ .value {
4259
+ color: $text-primary-light;
4260
+ }
4177
4261
 
4178
- .common-tab-bar {
4179
- overflow: hidden;
4180
- display: flex;
4181
- place-items: center;
4262
+ .time-wrapper .time,
4263
+ .unit {
4264
+ color: $text-secondary-light;
4265
+ }
4182
4266
 
4183
- .tab-item-title {
4184
- &:first-child:not(.__selected):not(:hover) {
4185
- padding-left: 0px;
4186
- }
4187
- }
4267
+ .ant-table-selection {
4268
+ position: unset;
4269
+ text-align: center;
4270
+ }
4188
4271
 
4189
- & + .tab-item-title {
4190
- margin-left: 12px;
4191
- position: relative;
4192
-
4193
- &::before {
4194
- content: "";
4195
- width: 1px;
4196
- height: 24px;
4197
- background: $strokes-light-trans-3;
4198
- position: absolute;
4199
- left: -6px;
4200
- top: 50%;
4201
- transform: translateY(-50%);
4202
- }
4203
- }
4204
- }
4205
-
4206
- .tab-item-title {
4207
- flex-shrink: 0;
4208
- display: flex;
4209
- place-items: center;
4210
- cursor: pointer;
4211
- color: $text-neutral-secondary;
4212
- transition:
4213
- color 100ms ease-out,
4214
- background-color 100ms ease-out,
4215
- padding-left 320ms ease 80ms;
4216
-
4217
- &:hover {
4218
- padding-left: 16px;
4219
- color: $text-light-general;
4220
- background: $fill-outstanding-lighthover;
4221
- }
4222
-
4223
- & + .tab-item-title {
4224
- margin-left: 2px;
4225
- }
4226
-
4227
- &.more {
4228
- &:not(.__selected) {
4229
- width: 16px;
4230
- height: 16px;
4231
- padding: 0;
4232
- border-radius: 2px;
4233
- margin-left: 8px;
4234
- }
4235
-
4236
- &.__selected.tab-title-text {
4237
- margin-left: 8px;
4238
- }
4239
- }
4240
-
4241
- &.__selected {
4242
- padding-left: 16px;
4243
- background: $fills-light-general-general-light;
4244
- color: $text-light-general;
4245
- }
4246
-
4247
- &.__hidden {
4248
- display: none;
4249
- }
4250
- }
4251
- }
4252
- }
4253
-
4254
- .E_ti12z2 {
4255
- &.ant-dropdown-open {
4256
- color: $text-light-general;
4257
- background: $fills-light-trans-3;
4258
- }
4259
- }
4260
-
4261
- .E_m19lu3v {
4262
- cursor: default;
4263
- & .menu-wrapper {
4264
- min-width: 160px;
4265
- max-width: 400px;
4266
- padding: 6px;
4267
- background: $white;
4268
- box-shadow:
4269
- 0px 0px 10px rgba(107, 125, 153, 0.18),
4270
- 0px 12px 40px rgba(45, 58, 86, 0.3);
4271
- border-radius: 8px;
4272
- max-height: calc(100vh - 250px);
4273
- overflow: auto;
4274
-
4275
- & .tab-menu-item {
4276
- display: flex;
4277
- place-items: center;
4278
- width: var(--itemWidth);
4279
-
4280
- & + .tab-menu-item {
4281
- margin-top: 8px;
4282
- }
4283
-
4284
- &.__selected {
4285
- padding: 6px;
4286
- background: $fills-light-general-general-light;
4287
- color: $text-light-general;
4288
-
4289
- &E_l1fbkbzo {
4290
- @include Inter(bold !important);
4291
- }
4292
- }
4293
-
4294
- &.ant-dropdown-menu-item {
4295
- padding: 5px 12px;
4296
- border-radius: 4px;
4297
- }
4298
-
4299
- &.ant-dropdown-menu-item:not(.ant-dropdown-menu-item-disabled):hover {
4300
- color: $text-light-general;
4301
- background: $fills-light-trans-3;
4302
- }
4303
-
4304
- &-text {
4305
- text-align: left;
4306
- flex: 1;
4307
- overflow: hidden;
4308
- text-overflow: ellipsis;
4309
- white-space: nowrap;
4310
- }
4311
- }
4312
- }
4313
- }
4314
-
4315
- .E_i1bmwe2m {
4316
- margin: auto;
4317
- cursor: pointer;
4318
- line-height: normal;
4319
- height: 16px;
4320
- margin-right: 3px;
4321
-
4322
- .icon-inner {
4323
- display: block;
4324
- height: 16px;
4325
- }
4326
- }
4327
-
4328
-
4329
- .E_b14q2gmw {
4330
- box-shadow: 0px 0.119595px 0.438513px rgba(129, 138, 153, 0.14),
4331
- 0px 0.271728px 0.996336px rgba(129, 138, 153, 0.106447),
4332
- 0px 0.472931px 1.73408px rgba(129, 138, 153, 0.0912224),
4333
- 0px 0.751293px 2.75474px rgba(129, 138, 153, 0.0799253),
4334
- 0px 1.15919px 4.25036px rgba(129, 138, 153, 0.07),
4335
- 0px 1.80882px 6.63236px rgba(129, 138, 153, 0.0600747),
4336
- 0px 3.00293px 11.0107px rgba(129, 138, 153, 0.0487776),
4337
- 0px 6px 22px rgba(129, 138, 153, 0.0335534);
4338
- }
4339
-
4340
- .E_c1eym6el {
4341
- border-radius: 8px;
4342
- background-color: white;
4343
- &.hoverable {
4344
- cursor: pointer;
4345
-
4346
- &:hover {
4347
- transition: all 200ms ease;
4348
- box-shadow: 0px 9px 22px rgb(107 125 153 / 23%),
4349
- 0px 1.12694px 2.75474px rgb(107 125 153 / 12%);
4350
- transform: translateY(-4px);
4351
- }
4352
- }
4353
- }
4354
-
4355
-
4356
- .E_c1yd35n {
4357
- padding: 0 12px 14px 12px;
4358
- }
4359
-
4360
-
4361
- .E_tc97u5y {
4362
- height: 100%;
4363
- }
4364
-
4365
- .E_efzf37v {
4366
- .ant-table-content,
4367
- .ant-table-body {
4368
- overflow: visible !important;
4369
- height: 100%;
4370
- }
4371
-
4372
- .ant-table-tbody .ant-table-placeholder td {
4373
- height: 100%;
4374
- }
4375
-
4376
- table {
4377
- width: 100% !important;
4378
- height: 100%;
4379
- .ant-table-placeholder .ant-table-expanded-row-fixed {
4380
- padding: 15px 0;
4381
- }
4382
- }
4383
-
4384
- table thead.ant-table-thead {
4385
- display: none;
4386
- }
4387
- }
4388
-
4389
- .E_t1fisho6 {
4390
- height: 100%;
4391
-
4392
- .ant-table.ant-table-small .ant-table-tbody > tr > td {
4393
- padding-top: 6px;
4394
- padding-bottom: 6px;
4395
- }
4396
-
4397
- .active-row td:nth-child(1) {
4398
- font-weight: 700;
4399
- }
4400
- &.has-selection .active-row td:nth-child(2) {
4401
- font-weight: 700;
4402
- }
4403
-
4404
- .ant-spin-nested-loading {
4405
- height: 100%;
4406
-
4407
- .ant-spin-container {
4408
- height: 100%;
4409
- overflow: visible;
4410
- }
4411
- .ant-spin {
4412
- max-height: none;
4413
- }
4414
- }
4415
-
4416
- td.ant-table-column-sort {
4417
- background: transparent;
4418
- }
4419
-
4420
- td.ant-table-cell-fix-left,
4421
- td.ant-table-cell-fix-right {
4422
- background: #fff;
4423
- padding: 0 !important;
4424
- .ant-table-cell-content {
4425
- display: flex;
4426
- align-items: center;
4427
- height: 100%;
4428
- padding: 8px;
4429
- > span {
4430
- overflow: hidden;
4431
- text-overflow: ellipsis;
4432
- width: 100%;
4433
- }
4434
- }
4435
- }
4436
-
4437
- .ant-table-container {
4438
- height: 100%;
4439
- &::before,
4440
- &::after {
4441
- box-shadow: none !important;
4442
- }
4443
- }
4444
-
4445
- div.ant-table {
4446
- $columnAlignRightPaddingRight: 25px;
4447
- border-radius: 0px;
4448
- border-left: none;
4449
- border-right: none;
4450
- border-bottom: none;
4451
- height: 100%;
4452
- font-size: 12px;
4453
- background: transparent;
4454
-
4455
- .ant-table-header {
4456
- position: relative;
4457
- z-index: $table-header-index;
4458
- border-bottom: 1px solid $strokes-light-trans-2;
4459
- margin-bottom: -1px;
4460
- }
4461
-
4462
- .time-wrapper .date,
4463
- .value {
4464
- color: $text-primary-light;
4465
- }
4466
-
4467
- .time-wrapper .time,
4468
- .unit {
4469
- color: $text-secondary-light;
4470
- }
4471
-
4472
- .ant-table-selection {
4473
- position: unset;
4474
- text-align: center;
4475
- }
4476
-
4477
- .ant-table-tbody > tr.ant-table-row-selected td {
4478
- background: $white;
4479
- }
4272
+ .ant-table-tbody > tr.ant-table-row-selected td {
4273
+ background: $white;
4274
+ }
4480
4275
 
4481
4276
  .anticon-setting {
4482
4277
  cursor: pointer;
@@ -4707,177 +4502,382 @@
4707
4502
  }
4708
4503
  }
4709
4504
 
4710
- &:active {
4711
- .ant-table-column-sorters .order-icon {
4712
- &.descend {
4713
- transform: translateY(-50%);
4714
- }
4715
- &.ascend {
4716
- transform: translateY(-50%) rotateX(180deg);
4717
- }
4718
- }
4719
- }
4505
+ &:active {
4506
+ .ant-table-column-sorters .order-icon {
4507
+ &.descend {
4508
+ transform: translateY(-50%);
4509
+ }
4510
+ &.ascend {
4511
+ transform: translateY(-50%) rotateX(180deg);
4512
+ }
4513
+ }
4514
+ }
4515
+
4516
+ &:hover:not(.is-blank) {
4517
+ background: $fills-light-opaque-1;
4518
+ .ant-table-column-sorters .order-icon {
4519
+ display: block;
4520
+ }
4521
+ }
4522
+ &.align-right {
4523
+ padding-right: $columnAlignRightPaddingRight;
4524
+ }
4525
+ }
4526
+ }
4527
+
4528
+ .ant-table-selection-column {
4529
+ padding: 0 !important;
4530
+
4531
+ .ant-checkbox-wrapper {
4532
+ position: absolute;
4533
+ left: 50%;
4534
+ top: 50%;
4535
+ transform: translate(-50%, -50%);
4536
+ .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; } } }
4537
+ }
4538
+ &:after {
4539
+ display: none;
4540
+ }
4541
+ }
4542
+
4543
+ .ant-table-hide-scrollbar {
4544
+ background: $white;
4545
+ }
4546
+ .ant-table-placeholder {
4547
+ background: inherit;
4548
+
4549
+ td {
4550
+ position: static;
4551
+ border: none;
4552
+ background: inherit !important;
4553
+ height: 100px;
4554
+ vertical-align: middle;
4555
+ }
4556
+
4557
+ .table-default-empty,
4558
+ .ant-table-expanded-row-fixed {
4559
+ font-weight: bold;
4560
+ font-size: 20px;
4561
+ color: $text-terdiary-light;
4562
+ }
4563
+ }
4564
+ th.ant-table-cell-scrollbar,
4565
+ th.cell__action_ {
4566
+ z-index: 10;
4567
+ }
4568
+ td.cell__action_ {
4569
+ padding: 0 !important;
4570
+ position: relative;
4571
+ background: $white;
4572
+ > * {
4573
+ height: 100%;
4574
+ display: flex;
4575
+ align-items: center;
4576
+ justify-content: flex-end;
4577
+ padding-right: 8px;
4578
+ }
4579
+ .menu-button {
4580
+ width: 24px;
4581
+ height: 24px;
4582
+ cursor: pointer;
4583
+ justify-content: center;
4584
+ border-radius: 4px;
4585
+
4586
+ &:hover {
4587
+ background: $white;
4588
+ }
4589
+ }
4590
+ }
4591
+ }
4592
+ }
4593
+
4594
+
4595
+ .E_c1kghdax {
4596
+ color: $text-primary-light;
4597
+ padding: 7px 12px;
4598
+ display: flex;
4599
+ justify-content: space-between;
4600
+ align-items: center;
4601
+
4602
+ &.has-arrow {
4603
+ padding-left: 10px;
4604
+
4605
+ .title-wrapper {
4606
+ cursor: pointer;
4607
+ color: $text-light-primary;
4608
+
4609
+ &.is-open {
4610
+ color: $text-primary-light;
4611
+ font-weight: 600;
4612
+
4613
+ .collapse-arrow {
4614
+ transform: rotate(90deg);
4615
+ }
4616
+ }
4617
+ }
4618
+ }
4619
+
4620
+ .sub-info {
4621
+ font-size: 12px;
4622
+ line-height: 18px;
4623
+ }
4624
+
4625
+ .title-wrapper {
4626
+ display: flex;
4627
+ align-items: center;
4628
+ user-select: none;
4629
+ flex-grow: 1;
4630
+ font-size: 12px;
4631
+ line-height: 18px;
4632
+ color: $text-primary-light;
4633
+ font-weight: 700;
4634
+ }
4635
+
4636
+ .collapse-arrow {
4637
+ transition: all 50ms ease-out 0ms;
4638
+ margin-right: 2px;
4639
+ }
4640
+ }
4641
+
4642
+
4643
+ .E_ckui4s7 {
4644
+ color: $text-primary-light;
4645
+ line-height: 22px;
4646
+ display: inline-flex;
4647
+ .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; } } }
4648
+ }
4649
+
4650
+
4651
+ .E_c1yd35n {
4652
+ padding: 0 12px 14px 12px;
4653
+ }
4654
+
4655
+
4656
+ .E_t1tbywr9 {
4657
+ width: 100%;
4658
+ flex: 1;
4659
+ display: flex;
4660
+ flex-direction: column;
4661
+
4662
+ &.medium {
4663
+ .tab-bar {
4664
+ height: 32px;
4665
+
4666
+ .common-tab-bar {
4667
+ height: 32px;
4668
+
4669
+ .tab-item-title {
4670
+ height: 32px;
4671
+ border-top-left-radius: 6px;
4672
+ border-top-right-radius: 6px;
4673
+ padding-right: 16px;
4674
+ padding-left: 16px;
4675
+ font-size: 16px;
4676
+ }
4677
+ }
4678
+ }
4679
+ }
4680
+
4681
+ &.small {
4682
+ .tab-bar {
4683
+ height: 24px;
4684
+
4685
+ .common-tab-bar {
4686
+ height: 24px;
4687
+
4688
+ .tab-item-title {
4689
+ height: 24px;
4690
+ border-top-left-radius: 4px;
4691
+ border-top-right-radius: 4px;
4692
+ padding-right: 12px;
4693
+ padding-left: 12px;
4694
+ font-size: 14px;
4695
+ }
4696
+ }
4697
+ }
4698
+ }
4699
+
4700
+ .tab-bar {
4701
+ max-width: 100%;
4702
+ display: flex;
4703
+ place-items: center;
4704
+ border-bottom: 1px solid $fills-trans-terdiary-light;
4720
4705
 
4721
- &:hover:not(.is-blank) {
4722
- background: $fills-light-opaque-1;
4723
- .ant-table-column-sorters .order-icon {
4724
- display: block;
4725
- }
4706
+ .common-tab-bar {
4707
+ overflow: hidden;
4708
+ display: flex;
4709
+ place-items: center;
4710
+
4711
+ .tab-item-title {
4712
+ &:first-child:not(.__selected):not(:hover) {
4713
+ padding-left: 0px;
4726
4714
  }
4727
- &.align-right {
4728
- padding-right: $columnAlignRightPaddingRight;
4715
+ }
4716
+
4717
+ & + .tab-item-title {
4718
+ margin-left: 12px;
4719
+ position: relative;
4720
+
4721
+ &::before {
4722
+ content: "";
4723
+ width: 1px;
4724
+ height: 24px;
4725
+ background: $strokes-light-trans-3;
4726
+ position: absolute;
4727
+ left: -6px;
4728
+ top: 50%;
4729
+ transform: translateY(-50%);
4729
4730
  }
4730
4731
  }
4731
4732
  }
4732
4733
 
4733
- .ant-table-selection-column {
4734
- padding: 0 !important;
4734
+ .tab-item-title {
4735
+ flex-shrink: 0;
4736
+ display: flex;
4737
+ place-items: center;
4738
+ cursor: pointer;
4739
+ color: $text-neutral-secondary;
4740
+ transition:
4741
+ color 100ms ease-out,
4742
+ background-color 100ms ease-out,
4743
+ padding-left 320ms ease 80ms;
4735
4744
 
4736
- .ant-checkbox-wrapper {
4737
- position: absolute;
4738
- left: 50%;
4739
- top: 50%;
4740
- transform: translate(-50%, -50%);
4741
- .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; } } }
4745
+ &:hover {
4746
+ padding-left: 16px;
4747
+ color: $text-light-general;
4748
+ background: $fill-outstanding-lighthover;
4742
4749
  }
4743
- &:after {
4744
- display: none;
4750
+
4751
+ & + .tab-item-title {
4752
+ margin-left: 2px;
4745
4753
  }
4746
- }
4747
4754
 
4748
- .ant-table-hide-scrollbar {
4749
- background: $white;
4750
- }
4751
- .ant-table-placeholder {
4752
- background: inherit;
4755
+ &.more {
4756
+ &:not(.__selected) {
4757
+ width: 16px;
4758
+ height: 16px;
4759
+ padding: 0;
4760
+ border-radius: 2px;
4761
+ margin-left: 8px;
4762
+ }
4753
4763
 
4754
- td {
4755
- position: static;
4756
- border: none;
4757
- background: inherit !important;
4758
- height: 100px;
4759
- vertical-align: middle;
4764
+ &.__selected.tab-title-text {
4765
+ margin-left: 8px;
4766
+ }
4760
4767
  }
4761
4768
 
4762
- .table-default-empty,
4763
- .ant-table-expanded-row-fixed {
4764
- font-weight: bold;
4765
- font-size: 20px;
4766
- color: $text-terdiary-light;
4767
- }
4768
- }
4769
- th.ant-table-cell-scrollbar,
4770
- th.cell__action_ {
4771
- z-index: 10;
4772
- }
4773
- td.cell__action_ {
4774
- padding: 0 !important;
4775
- position: relative;
4776
- background: $white;
4777
- > * {
4778
- height: 100%;
4779
- display: flex;
4780
- align-items: center;
4781
- justify-content: flex-end;
4782
- padding-right: 8px;
4769
+ &.__selected {
4770
+ padding-left: 16px;
4771
+ background: $fills-light-general-general-light;
4772
+ color: $text-light-general;
4783
4773
  }
4784
- .menu-button {
4785
- width: 24px;
4786
- height: 24px;
4787
- cursor: pointer;
4788
- justify-content: center;
4789
- border-radius: 4px;
4790
4774
 
4791
- &:hover {
4792
- background: $white;
4793
- }
4775
+ &.__hidden {
4776
+ display: none;
4794
4777
  }
4795
4778
  }
4796
4779
  }
4797
4780
  }
4798
4781
 
4782
+ .E_ti12z2 {
4783
+ &.ant-dropdown-open {
4784
+ color: $text-light-general;
4785
+ background: $fills-light-trans-3;
4786
+ }
4787
+ }
4799
4788
 
4800
- .E_sddwhm6 {
4801
- $prefix: ui-kit-status-capsule;
4802
- margin: 0;
4803
- border-radius: 20px;
4804
- padding: 2px 10px;
4805
- height: 22px;
4789
+ .E_m19lu3v {
4790
+ cursor: default;
4791
+ & .menu-wrapper {
4792
+ min-width: 160px;
4793
+ max-width: 400px;
4794
+ padding: 6px;
4795
+ background: $white;
4796
+ box-shadow:
4797
+ 0px 0px 10px rgba(107, 125, 153, 0.18),
4798
+ 0px 12px 40px rgba(45, 58, 86, 0.3);
4799
+ border-radius: 8px;
4800
+ max-height: calc(100vh - 250px);
4801
+ overflow: auto;
4806
4802
 
4807
- &.ant-tag.#{$prefix}.off-white {
4808
- background-color: $fill-neutral-trans-1 !important;
4809
- &.tag-hover:hover,
4810
- &.__pseudo-states-hover {
4811
- background-color: $fill-neutral-trans-2 !important;
4812
- }
4813
- }
4814
- &.ant-tag.#{$prefix} {
4815
- color: $text-neutral-primary;
4816
- .#{$prefix}-icon {
4817
- margin-right: 6px;
4818
- }
4819
- .#{$prefix}-number {
4820
- margin-left: 8px;
4821
- color: #2C385299;
4822
- }
4823
- &.ant-tag-blue {
4824
- background-color: $fill-outstanding-light;
4825
- .#{$prefix}-icon {
4826
- background-color: $fill-outstanding-base;
4827
- }
4828
- &.tag-hover:hover,
4829
- &.__pseudo-states-hover {
4830
- background-color: $fill-outstanding-light-hover;
4831
- }
4832
- }
4833
- &.ant-tag-red {
4834
- background-color: $fill-serious-light;
4835
- .#{$prefix}-icon {
4836
- background-color: $fill-serious-base;
4837
- }
4838
- &.tag-hover:hover,
4839
- &.__pseudo-states-hover {
4840
- background-color: $fill-serious-light-hover;
4841
- }
4842
- }
4843
- &.ant-tag-yellow {
4844
- background-color: $fill-notice-light;
4845
- .#{$prefix}-icon {
4846
- background-color: $fill-notice-base;
4847
- }
4848
- &.tag-hover:hover,
4849
- &.__pseudo-states-hover {
4850
- background-color: $fill-notice-light-hover;
4803
+ & .tab-menu-item {
4804
+ display: flex;
4805
+ place-items: center;
4806
+ width: var(--itemWidth);
4807
+
4808
+ & + .tab-menu-item {
4809
+ margin-top: 8px;
4851
4810
  }
4852
- }
4853
- &.ant-tag-green {
4854
- background-color: $fill-positive-light;
4855
- .#{$prefix}-icon {
4856
- background-color: $fill-positive-base;
4811
+
4812
+ &.__selected {
4813
+ padding: 6px;
4814
+ background: $fills-light-general-general-light;
4815
+ color: $text-light-general;
4816
+
4817
+ &E_l1fbkbzo {
4818
+ @include Inter(bold !important);
4819
+ }
4857
4820
  }
4858
- &.tag-hover:hover,
4859
- &.__pseudo-states-hover {
4860
- background-color: $fill-positive-light-hover;
4821
+
4822
+ &.ant-dropdown-menu-item {
4823
+ padding: 5px 12px;
4824
+ border-radius: 4px;
4861
4825
  }
4862
- }
4863
- &.ant-tag-gray {
4864
- background-color: $fill-neutral-trans-2;
4865
- .#{$prefix}-icon:not(.ui-kit-status-capsule-icon-loading) {
4866
- background-color: $gray-70;
4826
+
4827
+ &.ant-dropdown-menu-item:not(.ant-dropdown-menu-item-disabled):hover {
4828
+ color: $text-light-general;
4829
+ background: $fills-light-trans-3;
4867
4830
  }
4868
- &.tag-hover:hover,
4869
- &.__pseudo-states-hover {
4870
- background-color: $fill-neutral-trans-3-trans-2-hover;
4831
+
4832
+ &-text {
4833
+ text-align: left;
4834
+ flex: 1;
4835
+ overflow: hidden;
4836
+ text-overflow: ellipsis;
4837
+ white-space: nowrap;
4871
4838
  }
4872
4839
  }
4873
4840
  }
4874
4841
  }
4875
4842
 
4876
- .E_satwmqm {
4877
- width: 8px;
4878
- height: 8px;
4879
- border-radius: 50%;
4880
- display: inline-block;
4843
+ .E_i1bmwe2m {
4844
+ margin: auto;
4845
+ cursor: pointer;
4846
+ line-height: normal;
4847
+ height: 16px;
4848
+ margin-right: 3px;
4849
+
4850
+ .icon-inner {
4851
+ display: block;
4852
+ height: 16px;
4853
+ }
4854
+ }
4855
+
4856
+
4857
+ .E_b14q2gmw {
4858
+ box-shadow: 0px 0.119595px 0.438513px rgba(129, 138, 153, 0.14),
4859
+ 0px 0.271728px 0.996336px rgba(129, 138, 153, 0.106447),
4860
+ 0px 0.472931px 1.73408px rgba(129, 138, 153, 0.0912224),
4861
+ 0px 0.751293px 2.75474px rgba(129, 138, 153, 0.0799253),
4862
+ 0px 1.15919px 4.25036px rgba(129, 138, 153, 0.07),
4863
+ 0px 1.80882px 6.63236px rgba(129, 138, 153, 0.0600747),
4864
+ 0px 3.00293px 11.0107px rgba(129, 138, 153, 0.0487776),
4865
+ 0px 6px 22px rgba(129, 138, 153, 0.0335534);
4866
+ }
4867
+
4868
+ .E_c1eym6el {
4869
+ border-radius: 8px;
4870
+ background-color: white;
4871
+ &.hoverable {
4872
+ cursor: pointer;
4873
+
4874
+ &:hover {
4875
+ transition: all 200ms ease;
4876
+ box-shadow: 0px 9px 22px rgb(107 125 153 / 23%),
4877
+ 0px 1.12694px 2.75474px rgb(107 125 153 / 12%);
4878
+ transform: translateY(-4px);
4879
+ }
4880
+ }
4881
4881
  }
4882
4882
 
4883
4883
 
@@ -5119,6 +5119,62 @@
5119
5119
  }
5120
5120
 
5121
5121
 
5122
+ .E_lht19u8 {
5123
+ width: 64px;
5124
+ height: 64px;
5125
+ display: flex;
5126
+ align-items: center;
5127
+ justify-content: center;
5128
+ position: relative;
5129
+ opacity: 0.2;
5130
+ }
5131
+
5132
+ .E_lk3gkp4 {
5133
+ position: absolute;
5134
+ width: 5px;
5135
+ height: 48px;
5136
+ left: 9.33px;
5137
+ top: 40.5px;
5138
+
5139
+ background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
5140
+ border-radius: 5px;
5141
+ transform: rotate(-128deg);
5142
+ transform-origin: top left;
5143
+
5144
+ animation: loading-indicator1 1100ms ease-out infinite;
5145
+ }
5146
+
5147
+ .E_ll4n94n {
5148
+ position: absolute;
5149
+ width: 5px;
5150
+ height: 48px;
5151
+ left: 40.8px;
5152
+ top: 8.4px;
5153
+
5154
+ background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
5155
+ border-radius: 5px;
5156
+ transform: rotate(-8deg);
5157
+ transform-origin: top left;
5158
+
5159
+ animation: loading-indicator2 1100ms ease-out infinite;
5160
+ }
5161
+
5162
+ .E_l17lbdo6 {
5163
+ position: absolute;
5164
+ width: 5px;
5165
+ height: 48px;
5166
+ left: 52.9px;
5167
+ top: 51.8px;
5168
+
5169
+ background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
5170
+ border-radius: 5px;
5171
+ transform: rotate(112deg);
5172
+ transform-origin: top left;
5173
+
5174
+ animation: loading-indicator3 1100ms ease-out infinite;
5175
+ }
5176
+
5177
+
5122
5178
  .E_msn7nxt {
5123
5179
  color: $text-light-secondary;
5124
5180
  text-align: center;
@@ -5300,106 +5356,6 @@
5300
5356
  }
5301
5357
 
5302
5358
 
5303
- .E_lht19u8 {
5304
- width: 64px;
5305
- height: 64px;
5306
- display: flex;
5307
- align-items: center;
5308
- justify-content: center;
5309
- position: relative;
5310
- opacity: 0.2;
5311
- }
5312
-
5313
- .E_lk3gkp4 {
5314
- position: absolute;
5315
- width: 5px;
5316
- height: 48px;
5317
- left: 9.33px;
5318
- top: 40.5px;
5319
-
5320
- background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
5321
- border-radius: 5px;
5322
- transform: rotate(-128deg);
5323
- transform-origin: top left;
5324
-
5325
- animation: loading-indicator1 1100ms ease-out infinite;
5326
- }
5327
-
5328
- .E_ll4n94n {
5329
- position: absolute;
5330
- width: 5px;
5331
- height: 48px;
5332
- left: 40.8px;
5333
- top: 8.4px;
5334
-
5335
- background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
5336
- border-radius: 5px;
5337
- transform: rotate(-8deg);
5338
- transform-origin: top left;
5339
-
5340
- animation: loading-indicator2 1100ms ease-out infinite;
5341
- }
5342
-
5343
- .E_l17lbdo6 {
5344
- position: absolute;
5345
- width: 5px;
5346
- height: 48px;
5347
- left: 52.9px;
5348
- top: 51.8px;
5349
-
5350
- background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
5351
- border-radius: 5px;
5352
- transform: rotate(112deg);
5353
- transform-origin: top left;
5354
-
5355
- animation: loading-indicator3 1100ms ease-out infinite;
5356
- }
5357
-
5358
-
5359
- .E_w7ob4th {
5360
- &.outside-tag {
5361
- padding-left: 0;
5362
- .inside-tag {
5363
- border-radius: 4px 0 0 4px;
5364
- padding-right: 4px;
5365
- margin-right: 4px;
5366
- }
5367
- }
5368
- }
5369
-
5370
-
5371
- .E_slr2ynn {
5372
- padding: 0 8px;
5373
- height: 18px;
5374
- }
5375
-
5376
- .E_m140wbb6 {
5377
- padding: 2px 8px;
5378
- height: 24px;
5379
- }
5380
-
5381
- .E_t1fozc1i {
5382
- margin: 0;
5383
- }
5384
-
5385
- .E_i1vxv4ln {
5386
- margin-right: 4px;
5387
- height: 16px;
5388
- }
5389
-
5390
- .E_n1afl31m {
5391
- &.ant-tag.ant-tag-gray {
5392
- font-weight: 700;
5393
- color: $text-neutral-primary;
5394
- background-color: $fill-neutral-trans-1;
5395
- border: 1px solid $stroke-neutral-trans-2;
5396
- word-break: break-all;
5397
- display: inline;
5398
- white-space: normal;
5399
- }
5400
- }
5401
-
5402
-
5403
5359
  .E_sjob3jg {
5404
5360
  $item: ant-steps-item;
5405
5361
  --item-min-width: 60px;
@@ -5831,29 +5787,107 @@
5831
5787
  }
5832
5788
  }
5833
5789
 
5834
- .E_a138syjm {
5790
+ .E_a138syjm {
5791
+ display: flex;
5792
+ align-items: center;
5793
+ gap: 8px;
5794
+
5795
+ button.ant-btn {
5796
+ padding: 2px 8px;
5797
+ height: 24px;
5798
+ }
5799
+ & > span.maximum-desc {
5800
+ display: none;
5801
+ color: $text-secondary-light;
5802
+ &.disabled {
5803
+ display: inline;
5804
+ }
5805
+ }
5806
+ }
5807
+
5808
+ .E_d77i8u0 {
5809
+ width: 24px;
5810
+ height: 24px;
5811
+ padding: 4px;
5812
+ margin-right: 8px;
5813
+ }
5814
+
5815
+
5816
+ .E_slr2ynn {
5817
+ padding: 0 8px;
5818
+ height: 18px;
5819
+ }
5820
+
5821
+ .E_m140wbb6 {
5822
+ padding: 2px 8px;
5823
+ height: 24px;
5824
+ }
5825
+
5826
+ .E_t1fozc1i {
5827
+ margin: 0;
5828
+ }
5829
+
5830
+ .E_i1vxv4ln {
5831
+ margin-right: 4px;
5832
+ height: 16px;
5833
+ }
5834
+
5835
+ .E_n1afl31m {
5836
+ &.ant-tag.ant-tag-gray {
5837
+ font-weight: 700;
5838
+ color: $text-neutral-primary;
5839
+ background-color: $fill-neutral-trans-1;
5840
+ border: 1px solid $stroke-neutral-trans-2;
5841
+ word-break: break-all;
5842
+ display: inline;
5843
+ white-space: normal;
5844
+ }
5845
+ }
5846
+
5847
+
5848
+ .E_w7ob4th {
5849
+ &.outside-tag {
5850
+ padding-left: 0;
5851
+ .inside-tag {
5852
+ border-radius: 4px 0 0 4px;
5853
+ padding-right: 4px;
5854
+ margin-right: 4px;
5855
+ }
5856
+ }
5857
+ }
5858
+
5859
+
5860
+ .E_i1g85yz3 {
5861
+ margin-right: 4px;
5862
+ height: 16px;
5863
+ }
5864
+
5865
+
5866
+ .E_bpgac8u {
5867
+ color: #FFFFFF;
5835
5868
  display: flex;
5836
- align-items: center;
5837
5869
  gap: 8px;
5838
-
5839
- button.ant-btn {
5840
- padding: 2px 8px;
5841
- height: 24px;
5842
- }
5843
- & > span.maximum-desc {
5844
- display: none;
5845
- color: $text-secondary-light;
5846
- &.disabled {
5847
- display: inline;
5848
- }
5870
+ padding: 8px 0;
5871
+ display: flex;
5872
+ justify-content: center;
5873
+ white-space: pre-wrap;
5874
+ align-items: center;
5875
+ .dashed-btn {
5876
+ border-bottom: 1px solid white;
5877
+ cursor: pointer;
5849
5878
  }
5850
5879
  }
5851
5880
 
5852
- .E_d77i8u0 {
5853
- width: 24px;
5854
- height: 24px;
5855
- padding: 4px;
5856
- margin-right: 8px;
5881
+ .E_envn4g3 {
5882
+ background: #F0483E;
5883
+ }
5884
+
5885
+ .E_i12w18eu {
5886
+ background: #0080FF;
5887
+ }
5888
+
5889
+ .E_wujsnt4 {
5890
+ background-color: #E07F00;
5857
5891
  }
5858
5892
 
5859
5893
 
@@ -5892,40 +5926,6 @@
5892
5926
  }
5893
5927
 
5894
5928
 
5895
- .E_i1g85yz3 {
5896
- margin-right: 4px;
5897
- height: 16px;
5898
- }
5899
-
5900
-
5901
- .E_bpgac8u {
5902
- color: #FFFFFF;
5903
- display: flex;
5904
- gap: 8px;
5905
- padding: 8px 0;
5906
- display: flex;
5907
- justify-content: center;
5908
- white-space: pre-wrap;
5909
- align-items: center;
5910
- .dashed-btn {
5911
- border-bottom: 1px solid white;
5912
- cursor: pointer;
5913
- }
5914
- }
5915
-
5916
- .E_envn4g3 {
5917
- background: #F0483E;
5918
- }
5919
-
5920
- .E_i12w18eu {
5921
- background: #0080FF;
5922
- }
5923
-
5924
- .E_wujsnt4 {
5925
- background-color: #E07F00;
5926
- }
5927
-
5928
-
5929
5929
  .E_b1jaupqb {
5930
5930
  color: #F0483E;
5931
5931
  }
@@ -6155,6 +6155,39 @@
6155
6155
  }
6156
6156
 
6157
6157
 
6158
+ .E_s20iney {
6159
+ &.skeleton-box {
6160
+ display: flex;
6161
+ align-items: center;
6162
+ justify-content: center;
6163
+ position: relative;
6164
+ border-radius: 2px;
6165
+ background: #E1E6F199;
6166
+ overflow: hidden;
6167
+
6168
+ & > .skeleton-shimmer {
6169
+ width: 200%;
6170
+ height: 200%;
6171
+ transform: rotate(15deg);
6172
+ position: absolute;
6173
+ top: -50%;
6174
+ flex-shrink: 0;
6175
+ opacity: 0.8;
6176
+ background: linear-gradient(
6177
+ 90deg,
6178
+ rgba(255, 255, 255, 0) 15%,
6179
+ #FFFFFF99 50%,
6180
+ rgba(255, 255, 255, 0) 85%
6181
+ );
6182
+
6183
+ animation: shimmer 1100ms infinite;
6184
+ }
6185
+
6186
+ @keyframes shimmer { from { left: -120%; } to { left: 100%; } }
6187
+ }
6188
+ }
6189
+
6190
+
6158
6191
  .E_t59qhqp {
6159
6192
  padding: 0px;
6160
6193
  padding-top: 5px;
@@ -6366,39 +6399,6 @@
6366
6399
  }
6367
6400
 
6368
6401
 
6369
- .E_s20iney {
6370
- &.skeleton-box {
6371
- display: flex;
6372
- align-items: center;
6373
- justify-content: center;
6374
- position: relative;
6375
- border-radius: 2px;
6376
- background: #E1E6F199;
6377
- overflow: hidden;
6378
-
6379
- & > .skeleton-shimmer {
6380
- width: 200%;
6381
- height: 200%;
6382
- transform: rotate(15deg);
6383
- position: absolute;
6384
- top: -50%;
6385
- flex-shrink: 0;
6386
- opacity: 0.8;
6387
- background: linear-gradient(
6388
- 90deg,
6389
- rgba(255, 255, 255, 0) 15%,
6390
- #FFFFFF99 50%,
6391
- rgba(255, 255, 255, 0) 85%
6392
- );
6393
-
6394
- animation: shimmer 1100ms infinite;
6395
- }
6396
-
6397
- @keyframes shimmer { from { left: -120%; } to { left: 100%; } }
6398
- }
6399
- }
6400
-
6401
-
6402
6402
  .E_sqv6dmy {
6403
6403
  display: flex;
6404
6404
  justify-content: flex-end;
@@ -6533,11 +6533,6 @@
6533
6533
  }
6534
6534
 
6535
6535
 
6536
- .E_t1616y1o {
6537
- color: $text-light-on-tint;
6538
- }
6539
-
6540
-
6541
6536
  .E_t1gvlxt5 {
6542
6537
  min-width: 0;
6543
6538
  flex: 1;
@@ -6562,6 +6557,11 @@
6562
6557
  }
6563
6558
 
6564
6559
 
6560
+ .E_t1616y1o {
6561
+ color: $text-light-on-tint;
6562
+ }
6563
+
6564
+
6565
6565
  .E_a9y3flr {
6566
6566
  margin-left: 8px;
6567
6567
  }
@@ -6620,120 +6620,47 @@
6620
6620
  content: "";
6621
6621
  display: block;
6622
6622
  height: 8px;
6623
- background: linear-gradient(90deg, #0080ff 0%, #9ecfff 50%, #0080ff 100%);
6624
- animation: loading 1600ms ease-out infinite;
6625
- opacity: 1;
6626
- }
6627
-
6628
- @keyframes loading {
6629
- from {
6630
- transform: translateX(-100%);
6631
- }
6632
- to {
6633
- transform: translateX(100%);
6634
- }
6635
- }
6636
- }
6637
-
6638
-
6639
- .E_i14c7jc8 {
6640
- color: var(--i14c7jc8-0);
6641
- }
6642
-
6643
- .E_i1ibuolf {
6644
- display: flex;
6645
- align-items: center;
6646
- column-gap: 4px;
6647
- font-size: 12px;
6648
- color: #2C3852BF;
6649
- }
6650
-
6651
-
6652
- .E_skwah65 {
6653
- height: 8px;
6654
- box-sizing: border-box;
6655
- border-radius: 2px;
6656
- background: #f5f7fa;
6657
- display: flex;
6658
- width: 100%;
6659
- overflow: hidden;
6660
-
6661
- .stack-bar-item + .stack-bar-item {
6662
- margin-left: 1px;
6663
- }
6664
- }
6665
-
6666
-
6667
- .E_s1ebs0ra {
6668
- display: flex;
6669
- align-items: center;
6670
- justify-content: space-between;
6671
- background: $backgrounds-light-grouped;
6672
- padding: 8px 12px;
6673
- position: sticky;
6674
- top: 0;
6675
- z-index: 1;
6676
- margin-bottom: -52px;
6677
-
6678
- .select-total {
6679
- display: flex;
6680
- align-items: center;
6681
- font-weight: 700;
6682
- flex-shrink: 0;
6683
-
6684
- .icon-wrapper {
6685
- cursor: pointer;
6686
- margin-left: 8px;
6687
- width: 32px;
6688
- height: 32px;
6689
- border-radius: 50%;
6690
- justify-content: center;
6691
-
6692
- &:hover {
6693
- background: $fills-light-trans-2;
6694
- }
6695
- }
6696
- }
6697
- .action-group {
6698
- flex: 1;
6699
- margin-left: 88px;
6700
- white-space: nowrap;
6701
- text-align: right;
6702
- position: relative;
6703
- padding: 4px 0;
6704
- margin-top: -4px;
6705
- overflow: hidden;
6706
- .sub-menu-delete {
6707
- transform: translateY(-4px);
6708
- }
6709
- button {
6710
- border: none;
6711
- }
6712
- > *:not(:last-child) {
6713
- margin-right: 8px;
6714
- }
6623
+ background: linear-gradient(90deg, #0080ff 0%, #9ecfff 50%, #0080ff 100%);
6624
+ animation: loading 1600ms ease-out infinite;
6625
+ opacity: 1;
6626
+ }
6715
6627
 
6716
- > button:last-child {
6717
- margin-right: 4px;
6628
+ @keyframes loading {
6629
+ from {
6630
+ transform: translateX(-100%);
6718
6631
  }
6719
- .more-btn {
6720
- cursor: pointer;
6721
- width: 32px;
6722
- height: 32px;
6723
- justify-content: center;
6724
- border-radius: 50%;
6725
-
6726
- &:hover {
6727
- background: $white;
6728
- }
6632
+ to {
6633
+ transform: translateX(100%);
6729
6634
  }
6730
6635
  }
6731
6636
  }
6732
6637
 
6733
- .E_mzzncgx {
6734
- display: inline-flex;
6638
+
6639
+ .E_i14c7jc8 {
6640
+ color: var(--i14c7jc8-0);
6641
+ }
6642
+
6643
+ .E_i1ibuolf {
6644
+ display: flex;
6735
6645
  align-items: center;
6736
- gap: 4px;
6646
+ column-gap: 4px;
6647
+ font-size: 12px;
6648
+ color: #2C3852BF;
6649
+ }
6650
+
6651
+
6652
+ .E_skwah65 {
6653
+ height: 8px;
6654
+ box-sizing: border-box;
6655
+ border-radius: 2px;
6656
+ background: #f5f7fa;
6657
+ display: flex;
6658
+ width: 100%;
6659
+ overflow: hidden;
6660
+
6661
+ .stack-bar-item + .stack-bar-item {
6662
+ margin-left: 1px;
6663
+ }
6737
6664
  }
6738
6665
 
6739
6666
 
@@ -6792,6 +6719,104 @@
6792
6719
  }
6793
6720
 
6794
6721
 
6722
+ .E_clm1wy1 {
6723
+ width: 192px;
6724
+ height: 246px;
6725
+ border-radius: 4px;
6726
+
6727
+ > .ant-picker-calendar,
6728
+ > .ant-picker-calendar .ant-picker-panel {
6729
+ width: 100%;
6730
+ background-color: rgba(245, 247, 250, 0.6);
6731
+ border-top: none;
6732
+
6733
+ .ant-picker-body {
6734
+ padding: 0 16px;
6735
+ }
6736
+
6737
+ .ant-picker-content {
6738
+ width: 100%;
6739
+ height: 180px;
6740
+ border-spacing: 0;
6741
+
6742
+ thead {
6743
+ margin-bottom: 8px;
6744
+ }
6745
+ th {
6746
+ width: 22px;
6747
+ }
6748
+ td {
6749
+ padding: 0;
6750
+ }
6751
+ }
6752
+ }
6753
+
6754
+ .ant-picker-cell {
6755
+ color: rgba(62, 70, 82, 0.6);
6756
+ opacity: 0.4;
6757
+ }
6758
+ .ant-picker-cell-in-view {
6759
+ color: rgba(62, 70, 82, 0.6);
6760
+ opacity: 1;
6761
+ }
6762
+ .ant-picker-cell-in-view > .active {
6763
+ color: #3e4652;
6764
+ }
6765
+
6766
+ .ant-picker-cell::before {
6767
+ pointer-events: none;
6768
+ }
6769
+ }
6770
+
6771
+ .E_t1tsm00v {
6772
+ color: rgba(129, 138, 153, 0.6);
6773
+ box-shadow: inset 0px -1px 0px rgba(213, 219, 227, 0.6);
6774
+ backdrop-filter: blur(10px);
6775
+ padding: 7px 10px;
6776
+ }
6777
+
6778
+ .E_c167wnad {
6779
+ color: rgba(62, 70, 82, 0.6);
6780
+ display: flex;
6781
+ justify-content: space-between;
6782
+ align-items: center;
6783
+ padding: 8px 16px;
6784
+
6785
+ .anticon {
6786
+ cursor: pointer;
6787
+ &:hover {
6788
+ color: $blue;
6789
+ }
6790
+ }
6791
+ }
6792
+
6793
+ .E_cxhf7dh {
6794
+ text-align: center;
6795
+
6796
+ .dots {
6797
+ display: flex;
6798
+ justify-content: center;
6799
+ }
6800
+ .dot {
6801
+ display: inline-block;
6802
+ width: 2px;
6803
+ height: 2px;
6804
+ border-radius: 1px;
6805
+ background: $blue;
6806
+
6807
+ &:not(:last-child) {
6808
+ margin-right: 2px;
6809
+ }
6810
+ }
6811
+ .bar {
6812
+ width: 9px;
6813
+ height: 2px;
6814
+ background: $blue;
6815
+ border-radius: 2px;
6816
+ }
6817
+ }
6818
+
6819
+
6795
6820
  .E_c1up1pdz {
6796
6821
  width: 648px;
6797
6822
 
@@ -6956,144 +6981,89 @@
6956
6981
  }
6957
6982
 
6958
6983
 
6959
- .E_gmyahx3 {
6960
- cursor: pointer;
6961
-
6962
- .link-text {
6963
- color: $text-light-tertiary;
6964
- }
6984
+ .E_s1ebs0ra {
6985
+ display: flex;
6986
+ align-items: center;
6987
+ justify-content: space-between;
6988
+ background: $backgrounds-light-grouped;
6989
+ padding: 8px 12px;
6990
+ position: sticky;
6991
+ top: 0;
6992
+ z-index: 1;
6993
+ margin-bottom: -52px;
6965
6994
 
6966
- &:hover .link-text {
6967
- color: $text-light-general;
6968
- }
6969
- }
6995
+ .select-total {
6996
+ display: flex;
6997
+ align-items: center;
6998
+ font-weight: 700;
6999
+ flex-shrink: 0;
6970
7000
 
7001
+ .icon-wrapper {
7002
+ cursor: pointer;
7003
+ margin-left: 8px;
7004
+ width: 32px;
7005
+ height: 32px;
7006
+ border-radius: 50%;
7007
+ justify-content: center;
6971
7008
 
6972
- .E_tqjc4ui {
6973
- @at-root {
6974
- span#{&} {
6975
- margin: 0 2px;
7009
+ &:hover {
7010
+ background: $fills-light-trans-2;
7011
+ }
6976
7012
  }
6977
7013
  }
6978
- }
6979
-
6980
-
6981
- .E_clm1wy1 {
6982
- width: 192px;
6983
- height: 246px;
6984
- border-radius: 4px;
6985
-
6986
- > .ant-picker-calendar,
6987
- > .ant-picker-calendar .ant-picker-panel {
6988
- width: 100%;
6989
- background-color: rgba(245, 247, 250, 0.6);
6990
- border-top: none;
6991
-
6992
- .ant-picker-body {
6993
- padding: 0 16px;
7014
+ .action-group {
7015
+ flex: 1;
7016
+ margin-left: 88px;
7017
+ white-space: nowrap;
7018
+ text-align: right;
7019
+ position: relative;
7020
+ padding: 4px 0;
7021
+ margin-top: -4px;
7022
+ overflow: hidden;
7023
+ .sub-menu-delete {
7024
+ transform: translateY(-4px);
6994
7025
  }
6995
-
6996
- .ant-picker-content {
6997
- width: 100%;
6998
- height: 180px;
6999
- border-spacing: 0;
7000
-
7001
- thead {
7002
- margin-bottom: 8px;
7003
- }
7004
- th {
7005
- width: 22px;
7006
- }
7007
- td {
7008
- padding: 0;
7009
- }
7026
+ button {
7027
+ border: none;
7028
+ }
7029
+ > *:not(:last-child) {
7030
+ margin-right: 8px;
7010
7031
  }
7011
- }
7012
-
7013
- .ant-picker-cell {
7014
- color: rgba(62, 70, 82, 0.6);
7015
- opacity: 0.4;
7016
- }
7017
- .ant-picker-cell-in-view {
7018
- color: rgba(62, 70, 82, 0.6);
7019
- opacity: 1;
7020
- }
7021
- .ant-picker-cell-in-view > .active {
7022
- color: #3e4652;
7023
- }
7024
-
7025
- .ant-picker-cell::before {
7026
- pointer-events: none;
7027
- }
7028
- }
7029
-
7030
- .E_t1tsm00v {
7031
- color: rgba(129, 138, 153, 0.6);
7032
- box-shadow: inset 0px -1px 0px rgba(213, 219, 227, 0.6);
7033
- backdrop-filter: blur(10px);
7034
- padding: 7px 10px;
7035
- }
7036
7032
 
7037
- .E_c167wnad {
7038
- color: rgba(62, 70, 82, 0.6);
7039
- display: flex;
7040
- justify-content: space-between;
7041
- align-items: center;
7042
- padding: 8px 16px;
7033
+ > button:last-child {
7034
+ margin-right: 4px;
7035
+ }
7036
+ .more-btn {
7037
+ cursor: pointer;
7038
+ width: 32px;
7039
+ height: 32px;
7040
+ justify-content: center;
7041
+ border-radius: 50%;
7043
7042
 
7044
- .anticon {
7045
- cursor: pointer;
7046
- &:hover {
7047
- color: $blue;
7043
+ &:hover {
7044
+ background: $white;
7045
+ }
7048
7046
  }
7049
7047
  }
7050
7048
  }
7051
7049
 
7052
- .E_cxhf7dh {
7053
- text-align: center;
7054
-
7055
- .dots {
7056
- display: flex;
7057
- justify-content: center;
7058
- }
7059
- .dot {
7060
- display: inline-block;
7061
- width: 2px;
7062
- height: 2px;
7063
- border-radius: 1px;
7064
- background: $blue;
7065
-
7066
- &:not(:last-child) {
7067
- margin-right: 2px;
7068
- }
7069
- }
7070
- .bar {
7071
- width: 9px;
7072
- height: 2px;
7073
- background: $blue;
7074
- border-radius: 2px;
7075
- }
7050
+ .E_mzzncgx {
7051
+ display: inline-flex;
7052
+ align-items: center;
7053
+ gap: 4px;
7076
7054
  }
7077
7055
 
7078
7056
 
7079
- .E_n12mqh7z {
7080
- display: flex;
7081
- align-items: center;
7082
- font-size: 12px;
7083
- line-height: 18px;
7057
+ .E_gmyahx3 {
7058
+ cursor: pointer;
7084
7059
 
7085
- &:not(:last-child) {
7086
- margin-bottom: 4px;
7060
+ .link-text {
7061
+ color: $text-light-tertiary;
7087
7062
  }
7088
- }
7089
7063
 
7090
- .E_tf5bynu {
7091
- margin: 0 3px;
7092
- }
7093
-
7094
- .E_tcckoz1 {
7095
- max-height: 400px;
7096
- overflow: auto;
7064
+ &:hover .link-text {
7065
+ color: $text-light-general;
7066
+ }
7097
7067
  }
7098
7068
 
7099
7069
 
@@ -7209,21 +7179,14 @@
7209
7179
  }
7210
7180
 
7211
7181
 
7212
- .E_u15heuvq {
7213
- &.content {
7214
- cursor: default !important;
7215
- &.link {
7216
- cursor: pointer !important;
7217
- &:hover {
7218
- color: $text-colorful-outstanding;
7219
- }
7220
- }
7221
- &.black {
7222
- color: $text-neutral-primary;
7223
- }
7224
- &.gray {
7225
- color: $text-neutral-secondary;
7226
- }
7182
+ .E_s1iv0tp1 {
7183
+ .enabled-switch {
7184
+ display: flex;
7185
+ align-items: center;
7186
+ }
7187
+
7188
+ .enabled-text {
7189
+ margin-right: 8px;
7227
7190
  }
7228
7191
  }
7229
7192
 
@@ -7496,6 +7459,55 @@
7496
7459
  }
7497
7460
 
7498
7461
 
7462
+ .E_tqjc4ui {
7463
+ @at-root {
7464
+ span#{&} {
7465
+ margin: 0 2px;
7466
+ }
7467
+ }
7468
+ }
7469
+
7470
+
7471
+ .E_u15heuvq {
7472
+ &.content {
7473
+ cursor: default !important;
7474
+ &.link {
7475
+ cursor: pointer !important;
7476
+ &:hover {
7477
+ color: $text-colorful-outstanding;
7478
+ }
7479
+ }
7480
+ &.black {
7481
+ color: $text-neutral-primary;
7482
+ }
7483
+ &.gray {
7484
+ color: $text-neutral-secondary;
7485
+ }
7486
+ }
7487
+ }
7488
+
7489
+
7490
+ .E_n12mqh7z {
7491
+ display: flex;
7492
+ align-items: center;
7493
+ font-size: 12px;
7494
+ line-height: 18px;
7495
+
7496
+ &:not(:last-child) {
7497
+ margin-bottom: 4px;
7498
+ }
7499
+ }
7500
+
7501
+ .E_tf5bynu {
7502
+ margin: 0 3px;
7503
+ }
7504
+
7505
+ .E_tcckoz1 {
7506
+ max-height: 400px;
7507
+ overflow: auto;
7508
+ }
7509
+
7510
+
7499
7511
  .E_ou7iq30 {
7500
7512
  overflow: hidden;
7501
7513
  text-overflow: ellipsis;
@@ -7526,6 +7538,32 @@
7526
7538
  }
7527
7539
 
7528
7540
 
7541
+ .E_wg1tsps {
7542
+ display: flex;
7543
+ align-items: center;
7544
+ justify-content: flex-end;
7545
+ }
7546
+
7547
+ .E_b1ctd5xy {
7548
+ display: flex;
7549
+ align-items: center;
7550
+ width: calc(100% - 40px);
7551
+
7552
+ .chart {
7553
+ display: inline-block;
7554
+ width: 100%;
7555
+ }
7556
+ }
7557
+
7558
+ .E_u1p8acpn {
7559
+ min-width: 40px;
7560
+
7561
+ .unit {
7562
+ color: $text-light-primary !important;
7563
+ }
7564
+ }
7565
+
7566
+
7529
7567
  .E_s1at6qmn {
7530
7568
  &.ant-layout-sider {
7531
7569
  background: $backgrounds-light-grouped;
@@ -7651,99 +7689,17 @@
7651
7689
  color: $text-light-primary;
7652
7690
  }
7653
7691
 
7654
- .icon-wrapper {
7655
- margin-right: 12px;
7656
- }
7657
-
7658
- .link-title {
7659
- flex: 1;
7660
- overflow: hidden;
7661
- white-space: nowrap;
7662
- text-overflow: ellipsis;
7663
- text-align: left;
7664
- }
7665
- }
7666
-
7667
-
7668
- .E_wg1tsps {
7669
- display: flex;
7670
- align-items: center;
7671
- justify-content: flex-end;
7672
- }
7673
-
7674
- .E_b1ctd5xy {
7675
- display: flex;
7676
- align-items: center;
7677
- width: calc(100% - 40px);
7678
-
7679
- .chart {
7680
- display: inline-block;
7681
- width: 100%;
7682
- }
7683
- }
7684
-
7685
- .E_u1p8acpn {
7686
- min-width: 40px;
7687
-
7688
- .unit {
7689
- color: $text-light-primary !important;
7690
- }
7691
- }
7692
-
7693
-
7694
- .E_s1iv0tp1 {
7695
- .enabled-switch {
7696
- display: flex;
7697
- align-items: center;
7698
- }
7699
-
7700
- .enabled-text {
7701
- margin-right: 8px;
7702
- }
7703
- }
7704
-
7705
-
7706
- .E_i5w779o {
7707
- padding: 8px 0;
7708
-
7709
- .col-label {
7710
- flex-shrink: unset;
7711
- * {
7712
- line-height: 18px;
7713
- }
7714
- }
7715
- .col-content {
7716
- flex: 1 1 0;
7717
- display: flex;
7718
- align-items: center;
7719
- * {
7720
- line-height: 18px;
7721
- }
7722
- }
7723
- }
7724
-
7725
- .E_l18dja44 {
7726
- padding: 6px 0;
7727
-
7728
- .col-label * {
7729
- font-size: 13px;
7730
- line-height: 20px;
7731
- }
7732
- .col-content * {
7733
- font-size: 14px;
7734
- line-height: 20px;
7735
- }
7736
- }
7737
-
7738
- .E_c8c2hys {
7739
- display: flex;
7740
- justify-content: space-between;
7741
- flex: 1;
7742
- min-width: 0;
7743
- }
7692
+ .icon-wrapper {
7693
+ margin-right: 12px;
7694
+ }
7744
7695
 
7745
- .E_n4m6c4d {
7746
- color: $text-light-tertiary;
7696
+ .link-title {
7697
+ flex: 1;
7698
+ overflow: hidden;
7699
+ white-space: nowrap;
7700
+ text-overflow: ellipsis;
7701
+ text-align: left;
7702
+ }
7747
7703
  }
7748
7704
 
7749
7705
 
@@ -7832,6 +7788,50 @@
7832
7788
  }
7833
7789
 
7834
7790
 
7791
+ .E_i5w779o {
7792
+ padding: 8px 0;
7793
+
7794
+ .col-label {
7795
+ flex-shrink: unset;
7796
+ * {
7797
+ line-height: 18px;
7798
+ }
7799
+ }
7800
+ .col-content {
7801
+ flex: 1 1 0;
7802
+ display: flex;
7803
+ align-items: center;
7804
+ * {
7805
+ line-height: 18px;
7806
+ }
7807
+ }
7808
+ }
7809
+
7810
+ .E_l18dja44 {
7811
+ padding: 6px 0;
7812
+
7813
+ .col-label * {
7814
+ font-size: 13px;
7815
+ line-height: 20px;
7816
+ }
7817
+ .col-content * {
7818
+ font-size: 14px;
7819
+ line-height: 20px;
7820
+ }
7821
+ }
7822
+
7823
+ .E_c8c2hys {
7824
+ display: flex;
7825
+ justify-content: space-between;
7826
+ flex: 1;
7827
+ min-width: 0;
7828
+ }
7829
+
7830
+ .E_n4m6c4d {
7831
+ color: $text-light-tertiary;
7832
+ }
7833
+
7834
+
7835
7835
  .E_kr6am0s {
7836
7836
  .ant-modal-body {
7837
7837
  padding: 60px 128px;
@@ -7906,72 +7906,60 @@
7906
7906
  }
7907
7907
 
7908
7908
 
7909
- .E_l12xdkhl {
7910
- width: 64px;
7911
- height: 64px;
7912
- max-width: 64px;
7913
- max-height: 64px;
7914
- overflow: hidden;
7915
- display: flex;
7916
- align-items: center;
7917
- justify-content: center;
7918
- position: relative;
7919
- opacity: 0.6;
7920
- .icon-wrapper {
7921
- @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } };
7922
- animation: rotate 1200ms cubic-bezier(0.33, 0, 0.67, 1) infinite;
7909
+ .E_c1ss4prm {
7910
+ color: $text-light-secondary;
7911
+ &:is(ul, ol) {
7912
+ padding-inline-start: 12px;
7923
7913
  }
7924
- }
7925
7914
 
7915
+ li {
7916
+ margin-bottom: 4px;
7926
7917
 
7927
- .E_c14ouk5o {
7928
- width: 100%;
7929
- height: 100%;
7930
- display: flex;
7931
- font-size: 12px;
7932
- line-height: 18px;
7933
- padding: 8px 0;
7934
- box-shadow: inset 0px -1px 0px rgba(213, 219, 227, 0.6);
7918
+ &:last-child {
7919
+ margin-bottom: 0;
7920
+ }
7921
+ }
7922
+ }
7935
7923
 
7936
- &:last-of-type {
7937
- box-shadow: none;
7938
- padding-bottom: 0;
7924
+ .E_ms3tlei {
7925
+ background: $fill-neutral-trans-2;
7926
+ padding: 8px;
7927
+ border-radius: 6px;
7928
+ color: $gray-a60-8;
7929
+
7930
+ .icon-wrapper {
7931
+ margin-top: 1px; // The text line height is 18px, the icon height is 16px, so a 1px offset is needed
7932
+ margin-right: 4px;
7939
7933
  }
7940
- &.collapsed {
7941
- flex-direction: column;
7942
7934
 
7943
- .collapsed-content {
7944
- display: flex;
7935
+ li {
7936
+ margin-bottom: 4px;
7937
+ display: flex;
7938
+ align-items: flex-start;
7945
7939
 
7946
- > span {
7947
- flex: 1;
7948
- display: flex;
7949
- justify-content: space-between;
7950
- .ant-btn {
7951
- height: auto;
7952
- }
7953
- }
7954
- }
7955
- .extra-content {
7956
- margin-left: 162px;
7940
+ &:last-child {
7941
+ margin-bottom: 0;
7957
7942
  }
7958
7943
  }
7944
+ }
7959
7945
 
7960
- .col-label {
7961
- width: 216px;
7962
- color: $text-secondary-light;
7963
- margin-right: 12px;
7964
- flex-shrink: 0;
7965
- }
7946
+ .E_du44iy7 {
7947
+ margin-bottom: 4px;
7948
+ }
7966
7949
 
7967
- .col-content {
7968
- color: $text-primary-light;
7950
+ .E_p1qmhanr {
7951
+ margin-bottom: 8px;
7952
+ }
7969
7953
 
7970
- /* make btn link in info row have the same height as normal text */
7971
- .ant-btn.ant-btn-link {
7972
- height: auto;
7973
- }
7974
- }
7954
+ .E_srje1h0 {
7955
+ color: $text-light-secondary;
7956
+ margin-bottom: 8px;
7957
+ }
7958
+
7959
+ .E_di3zi7v {
7960
+ height: 1px;
7961
+ background: $strokes-light-opaque-2;
7962
+ margin: 16px 0;
7975
7963
  }
7976
7964
 
7977
7965
 
@@ -7985,6 +7973,24 @@
7985
7973
  }
7986
7974
 
7987
7975
 
7976
+ .E_l12xdkhl {
7977
+ width: 64px;
7978
+ height: 64px;
7979
+ max-width: 64px;
7980
+ max-height: 64px;
7981
+ overflow: hidden;
7982
+ display: flex;
7983
+ align-items: center;
7984
+ justify-content: center;
7985
+ position: relative;
7986
+ opacity: 0.6;
7987
+ .icon-wrapper {
7988
+ @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } };
7989
+ animation: rotate 1200ms cubic-bezier(0.33, 0, 0.67, 1) infinite;
7990
+ }
7991
+ }
7992
+
7993
+
7988
7994
  .E_c1kchka8 {
7989
7995
  height: 100%;
7990
7996
  width: 100%;
@@ -8584,59 +8590,53 @@
8584
8590
  }
8585
8591
 
8586
8592
 
8587
- .E_c1ss4prm {
8588
- color: $text-light-secondary;
8589
- &:is(ul, ol) {
8590
- padding-inline-start: 12px;
8593
+ .E_c14ouk5o {
8594
+ width: 100%;
8595
+ height: 100%;
8596
+ display: flex;
8597
+ font-size: 12px;
8598
+ line-height: 18px;
8599
+ padding: 8px 0;
8600
+ box-shadow: inset 0px -1px 0px rgba(213, 219, 227, 0.6);
8601
+
8602
+ &:last-of-type {
8603
+ box-shadow: none;
8604
+ padding-bottom: 0;
8591
8605
  }
8606
+ &.collapsed {
8607
+ flex-direction: column;
8592
8608
 
8593
- li {
8594
- margin-bottom: 4px;
8609
+ .collapsed-content {
8610
+ display: flex;
8595
8611
 
8596
- &:last-child {
8597
- margin-bottom: 0;
8612
+ > span {
8613
+ flex: 1;
8614
+ display: flex;
8615
+ justify-content: space-between;
8616
+ .ant-btn {
8617
+ height: auto;
8618
+ }
8619
+ }
8620
+ }
8621
+ .extra-content {
8622
+ margin-left: 162px;
8598
8623
  }
8599
8624
  }
8600
- }
8601
-
8602
- .E_ms3tlei {
8603
- background: $fill-neutral-trans-2;
8604
- padding: 8px;
8605
- border-radius: 6px;
8606
- color: $gray-a60-8;
8607
8625
 
8608
- .icon-wrapper {
8609
- margin-top: 1px; // The text line height is 18px, the icon height is 16px, so a 1px offset is needed
8610
- margin-right: 4px;
8626
+ .col-label {
8627
+ width: 216px;
8628
+ color: $text-secondary-light;
8629
+ margin-right: 12px;
8630
+ flex-shrink: 0;
8611
8631
  }
8612
8632
 
8613
- li {
8614
- margin-bottom: 4px;
8615
- display: flex;
8616
- align-items: flex-start;
8633
+ .col-content {
8634
+ color: $text-primary-light;
8617
8635
 
8618
- &:last-child {
8619
- margin-bottom: 0;
8636
+ /* make btn link in info row have the same height as normal text */
8637
+ .ant-btn.ant-btn-link {
8638
+ height: auto;
8620
8639
  }
8621
8640
  }
8622
8641
  }
8623
8642
 
8624
- .E_du44iy7 {
8625
- margin-bottom: 4px;
8626
- }
8627
-
8628
- .E_p1qmhanr {
8629
- margin-bottom: 8px;
8630
- }
8631
-
8632
- .E_srje1h0 {
8633
- color: $text-light-secondary;
8634
- margin-bottom: 8px;
8635
- }
8636
-
8637
- .E_di3zi7v {
8638
- height: 1px;
8639
- background: $strokes-light-opaque-2;
8640
- margin: 16px 0;
8641
- }
8642
-