@cloudtower/eagle 0.32.50 → 0.32.51

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,31 +1,3 @@
1
- .E_c18gxmrl {
2
- border: 1px solid $gray-40;
3
- border-radius: 4px;
4
-
5
- & + & {
6
- margin-top: 8px;
7
- }
8
-
9
- &:hover {
10
- border-color: $blue-60;
11
-
12
- > header {
13
- background: rgba($blue-60, 0.1);
14
- }
15
- }
16
-
17
- &.active {
18
- header {
19
- border-bottom: 1px solid $gray-40;
20
- }
21
- }
22
-
23
- > header {
24
- padding: 8px 12px;
25
- }
26
- }
27
-
28
-
29
1
  .E_m74vjol {
30
2
  display: flex;
31
3
  justify-content: space-between;
@@ -51,104 +23,30 @@
51
23
  }
52
24
 
53
25
 
54
- .E_berrcjl {
55
- color: $text-terdiary-light;
56
- margin-bottom: 4px;
57
-
58
- .breadcrumb-link {
59
- color: $text-terdiary-light;
60
- cursor: pointer;
61
- transition: color 160ms ease;
62
-
63
- &:hover {
64
- color: $blue-60;
65
- }
66
- &:active {
67
- color: $blue-80;
68
- }
69
- }
70
- }
71
-
72
-
73
- .E_fzh9mnb {
74
- width: 100%;
75
- height: 100%;
76
- min-height: 124px;
77
- display: flex;
78
- flex-direction: column;
79
- justify-content: center;
80
- align-items: center;
26
+ .E_c18gxmrl {
27
+ border: 1px solid $gray-40;
28
+ border-radius: 4px;
81
29
 
82
- .error-text {
83
- color: $text-terdiary-light;
84
- margin-bottom: 16px;
85
- font-size: 18px;
30
+ & + & {
31
+ margin-top: 8px;
86
32
  }
87
- }
88
-
89
-
90
- .E_b1nip9bk {
91
- padding: 4px 11px;
92
- }
93
-
94
- .E_bqamoqe {
95
- white-space: nowrap;
96
- filter: drop-shadow(0px 2px 8px rgba(0, 136, 255, 0.1));
97
33
 
98
- & > .ant-btn {
99
- &.ant-btn-ordinary-onTint:not(.ant-btn-dangerous) {
100
- --color: #{$text-light-general};
34
+ &:hover {
35
+ border-color: $blue-60;
101
36
 
102
- &[disabled],
103
- &:hover[disabled] {
104
- --color: #{$text-light-general};
105
- }
37
+ > header {
38
+ background: rgba($blue-60, 0.1);
106
39
  }
107
40
  }
108
41
 
109
- & > .ant-btn:not(:only-child) {
110
- & + .ant-btn {
111
- margin-left: 1px;
112
- }
113
-
114
- &:first-child {
115
- border-top-right-radius: 0;
116
- border-bottom-right-radius: 0;
117
- }
118
-
119
- &:last-child {
120
- border-top-left-radius: 0;
121
- border-bottom-left-radius: 0;
122
- }
123
-
124
- &:not(:first-child, :last-child) {
125
- border-radius: unset;
42
+ &.active {
43
+ header {
44
+ border-bottom: 1px solid $gray-40;
126
45
  }
127
46
  }
128
- }
129
-
130
-
131
- .E_c1uzzomf {
132
- margin-bottom: 16px;
133
-
134
- .card-title {
135
- font-size: 16px;
136
- color: $text-secondary-light;
137
- font-weight: 700;
138
- line-height: 32px;
139
- }
140
- .card-body {
141
- padding: 24px;
142
- border-radius: 8px;
143
- background: $fills-light-white;
144
- }
145
47
 
146
- .empty {
147
- font-weight: 700;
148
- font-size: 14px;
149
- line-height: 22px;
150
- color: $text-light-tertiary;
151
- text-align: center;
48
+ > header {
49
+ padding: 8px 12px;
152
50
  }
153
51
  }
154
52
 
@@ -511,6 +409,50 @@
511
409
  }
512
410
 
513
411
 
412
+ .E_berrcjl {
413
+ color: $text-terdiary-light;
414
+ margin-bottom: 4px;
415
+
416
+ .breadcrumb-link {
417
+ color: $text-terdiary-light;
418
+ cursor: pointer;
419
+ transition: color 160ms ease;
420
+
421
+ &:hover {
422
+ color: $blue-60;
423
+ }
424
+ &:active {
425
+ color: $blue-80;
426
+ }
427
+ }
428
+ }
429
+
430
+
431
+ .E_c1uzzomf {
432
+ margin-bottom: 16px;
433
+
434
+ .card-title {
435
+ font-size: 16px;
436
+ color: $text-secondary-light;
437
+ font-weight: 700;
438
+ line-height: 32px;
439
+ }
440
+ .card-body {
441
+ padding: 24px;
442
+ border-radius: 8px;
443
+ background: $fills-light-white;
444
+ }
445
+
446
+ .empty {
447
+ font-weight: 700;
448
+ font-size: 14px;
449
+ line-height: 22px;
450
+ color: $text-light-tertiary;
451
+ text-align: center;
452
+ }
453
+ }
454
+
455
+
514
456
  .E_d133fzv0 {
515
457
  .ant-dropdown-menu-item-group {
516
458
  .ant-dropdown-menu-item-group-title {
@@ -529,6 +471,64 @@
529
471
  }
530
472
 
531
473
 
474
+ .E_fzh9mnb {
475
+ width: 100%;
476
+ height: 100%;
477
+ min-height: 124px;
478
+ display: flex;
479
+ flex-direction: column;
480
+ justify-content: center;
481
+ align-items: center;
482
+
483
+ .error-text {
484
+ color: $text-terdiary-light;
485
+ margin-bottom: 16px;
486
+ font-size: 18px;
487
+ }
488
+ }
489
+
490
+
491
+ .E_b1nip9bk {
492
+ padding: 4px 11px;
493
+ }
494
+
495
+ .E_bqamoqe {
496
+ white-space: nowrap;
497
+ filter: drop-shadow(0px 2px 8px rgba(0, 136, 255, 0.1));
498
+
499
+ & > .ant-btn {
500
+ &.ant-btn-ordinary-onTint:not(.ant-btn-dangerous) {
501
+ --color: #{$text-light-general};
502
+
503
+ &[disabled],
504
+ &:hover[disabled] {
505
+ --color: #{$text-light-general};
506
+ }
507
+ }
508
+ }
509
+
510
+ & > .ant-btn:not(:only-child) {
511
+ & + .ant-btn {
512
+ margin-left: 1px;
513
+ }
514
+
515
+ &:first-child {
516
+ border-top-right-radius: 0;
517
+ border-bottom-right-radius: 0;
518
+ }
519
+
520
+ &:last-child {
521
+ border-top-left-radius: 0;
522
+ border-bottom-left-radius: 0;
523
+ }
524
+
525
+ &:not(:first-child, :last-child) {
526
+ border-radius: unset;
527
+ }
528
+ }
529
+ }
530
+
531
+
532
532
  .E_d1bw7c5z {
533
533
  position: relative;
534
534
  max-width: 388px;
@@ -620,61 +620,57 @@
620
620
  }
621
621
 
622
622
 
623
- .E_itxley7 {
624
- &.ant-input-group.ant-input-group-compact {
625
- display: flex;
623
+ .E_a1wfy30z {
624
+ .ant-input-number-handler-wrap {
625
+ display: var(--a1wfy30z-0);
626
+ }
627
+ .ant-input-number-input-wrap {
628
+ padding: 4px 11px;
629
+ display: inline-flex;
630
+ line-height: 1.5715;
631
+ height: inherit;
626
632
  }
627
633
 
628
- &.ant-input-group.ant-input-group-compact > *:first-child,
629
- &.ant-input-group.ant-input-group-compact
630
- > .ant-select:first-child
631
- > .ant-select-selector,
632
- &.ant-input-group.ant-input-group-compact
633
- > .ant-calendar-picker:first-child
634
- .ant-input,
635
- &.ant-input-group.ant-input-group-compact
636
- > .ant-select-auto-complete:first-child
637
- .ant-input,
638
- &.ant-input-group.ant-input-group-compact
639
- > .ant-cascader-picker:first-child
640
- .ant-input,
641
- &.ant-input-group.ant-input-group-compact
642
- > .ant-mention-wrapper:first-child
643
- .ant-mention-editor,
644
- &.ant-input-group.ant-input-group-compact
645
- > .ant-time-picker:first-child
646
- .ant-time-picker-input {
647
- border-bottom-left-radius: 5px;
648
- border-top-left-radius: 5px;
634
+ .ant-input-number-input-wrap::after {
635
+ content: var(--a1wfy30z-1);
636
+ display: var(--a1wfy30z-2);
637
+ flex: none;
638
+ align-items: center;
639
+ margin-left: 4px;
649
640
  }
650
- &.ant-input-group.ant-input-group-compact > *:last-child,
651
- &.ant-input-group.ant-input-group-compact
652
- > .ant-select:last-child
653
- > .ant-select-selector,
654
- &.ant-input-group.ant-input-group-compact
655
- > .ant-calendar-picker:last-child
656
- .ant-input,
657
- &.ant-input-group.ant-input-group-compact
658
- > .ant-select-auto-complete:last-child
659
- .ant-input,
660
- &.ant-input-group.ant-input-group-compact
661
- > .ant-cascader-picker:last-child
662
- .ant-input,
663
- &.ant-input-group.ant-input-group-compact
664
- > .ant-cascader-picker-focused:last-child
665
- .ant-input,
666
- &.ant-input-group.ant-input-group-compact
667
- > .ant-mention-wrapper:last-child
668
- .ant-mention-editor,
669
- &.ant-input-group.ant-input-group-compact
670
- > .ant-time-picker:last-child
671
- .ant-time-picker-input {
672
- border-bottom-right-radius: 5px;
673
- border-top-right-radius: 5px;
641
+
642
+ .ant-input-number-input-wrap::before {
643
+ content: var(--a1wfy30z-3);
644
+ display: var(--a1wfy30z-4);
645
+ flex: none;
646
+ align-items: center;
647
+ margin-right: 4px;
648
+ cursor: auto;
649
+ }
650
+
651
+ .ant-input-number-input {
652
+ padding: 0;
653
+ margin: 0;
654
+ height: auto;
655
+ font-size: inherit;
674
656
  }
675
657
  }
676
658
 
677
659
 
660
+ .E_i1inqkme {
661
+ height: 18px;
662
+ line-height: 18px;
663
+ padding: 0 4px;
664
+ border-radius: 4px;
665
+ background: rgba(235, 239, 245, 0.6);
666
+ border: 1px solid rgba(223, 228, 235, 0.6);
667
+ display: flex;
668
+ align-items: center;
669
+ white-space: nowrap;
670
+ margin-right: 4px;
671
+ }
672
+
673
+
678
674
  .E_sx1bpnu {
679
675
  .ant-input-sm {
680
676
  line-height: 18px;
@@ -704,16 +700,6 @@
704
700
  }
705
701
 
706
702
 
707
- .E_atcz0kf {
708
- .ant-input-suffix {
709
- margin-left: 8px;
710
- }
711
- &.ant-input-affix-wrapper.ant-input-affix-wrapper-sm {
712
- padding: 2px 7px 2px 12px;
713
- }
714
- }
715
-
716
-
717
703
  .E_f7pxqmh {
718
704
  width: 100%;
719
705
  margin-bottom: 0 !important;
@@ -756,64 +742,68 @@
756
742
  }
757
743
 
758
744
 
759
- .E_i1inqkme {
760
- height: 18px;
761
- line-height: 18px;
762
- padding: 0 4px;
763
- border-radius: 4px;
764
- background: rgba(235, 239, 245, 0.6);
765
- border: 1px solid rgba(223, 228, 235, 0.6);
766
- display: flex;
767
- align-items: center;
768
- white-space: nowrap;
769
- margin-right: 4px;
770
- }
771
-
772
-
773
- .E_a1wfy30z {
774
- .ant-input-number-handler-wrap {
775
- display: var(--a1wfy30z-0);
745
+ .E_atcz0kf {
746
+ .ant-input-suffix {
747
+ margin-left: 8px;
776
748
  }
777
- .ant-input-number-input-wrap {
778
- padding: 4px 11px;
779
- display: inline-flex;
780
- line-height: 1.5715;
781
- height: inherit;
749
+ &.ant-input-affix-wrapper.ant-input-affix-wrapper-sm {
750
+ padding: 2px 7px 2px 12px;
782
751
  }
752
+ }
783
753
 
784
- .ant-input-number-input-wrap::after {
785
- content: var(--a1wfy30z-1);
786
- display: var(--a1wfy30z-2);
787
- flex: none;
788
- align-items: center;
789
- margin-left: 4px;
790
- }
791
754
 
792
- .ant-input-number-input-wrap::before {
793
- content: var(--a1wfy30z-3);
794
- display: var(--a1wfy30z-4);
795
- flex: none;
796
- align-items: center;
797
- margin-right: 4px;
798
- cursor: auto;
755
+ .E_itxley7 {
756
+ &.ant-input-group.ant-input-group-compact {
757
+ display: flex;
799
758
  }
800
759
 
801
- .ant-input-number-input {
802
- padding: 0;
803
- margin: 0;
804
- height: auto;
805
- font-size: inherit;
760
+ &.ant-input-group.ant-input-group-compact > *:first-child,
761
+ &.ant-input-group.ant-input-group-compact
762
+ > .ant-select:first-child
763
+ > .ant-select-selector,
764
+ &.ant-input-group.ant-input-group-compact
765
+ > .ant-calendar-picker:first-child
766
+ .ant-input,
767
+ &.ant-input-group.ant-input-group-compact
768
+ > .ant-select-auto-complete:first-child
769
+ .ant-input,
770
+ &.ant-input-group.ant-input-group-compact
771
+ > .ant-cascader-picker:first-child
772
+ .ant-input,
773
+ &.ant-input-group.ant-input-group-compact
774
+ > .ant-mention-wrapper:first-child
775
+ .ant-mention-editor,
776
+ &.ant-input-group.ant-input-group-compact
777
+ > .ant-time-picker:first-child
778
+ .ant-time-picker-input {
779
+ border-bottom-left-radius: 5px;
780
+ border-top-left-radius: 5px;
781
+ }
782
+ &.ant-input-group.ant-input-group-compact > *:last-child,
783
+ &.ant-input-group.ant-input-group-compact
784
+ > .ant-select:last-child
785
+ > .ant-select-selector,
786
+ &.ant-input-group.ant-input-group-compact
787
+ > .ant-calendar-picker:last-child
788
+ .ant-input,
789
+ &.ant-input-group.ant-input-group-compact
790
+ > .ant-select-auto-complete:last-child
791
+ .ant-input,
792
+ &.ant-input-group.ant-input-group-compact
793
+ > .ant-cascader-picker:last-child
794
+ .ant-input,
795
+ &.ant-input-group.ant-input-group-compact
796
+ > .ant-cascader-picker-focused:last-child
797
+ .ant-input,
798
+ &.ant-input-group.ant-input-group-compact
799
+ > .ant-mention-wrapper:last-child
800
+ .ant-mention-editor,
801
+ &.ant-input-group.ant-input-group-compact
802
+ > .ant-time-picker:last-child
803
+ .ant-time-picker-input {
804
+ border-bottom-right-radius: 5px;
805
+ border-top-right-radius: 5px;
806
806
  }
807
- }
808
-
809
-
810
- .E_owd0kml {
811
- display: inline-block;
812
- }
813
-
814
- .E_h1jsgezc {
815
- visibility: hidden;
816
- position: absolute;
817
807
  }
818
808
 
819
809
 
@@ -898,73 +888,6 @@
898
888
  }
899
889
 
900
890
 
901
- .E_phljevk {
902
- display: flex;
903
- justify-content: space-between;
904
- align-items: center;
905
- padding: 10px 0;
906
- color: $text-light-secondary;
907
- font-size: 12px;
908
- line-height: 24px;
909
-
910
- .pagination-left {
911
- padding: 2px 8px;
912
- }
913
-
914
- .dropdown-trigger {
915
- display: flex;
916
- align-items: center;
917
- border-radius: 6px;
918
- cursor: pointer;
919
- transition: all 0.3s ease;
920
-
921
- &:hover {
922
- background: $fills-interaction-light-general-hover;
923
- color: $text-light-general;
924
- }
925
- .icon-inner {
926
- margin-left: 4px;
927
- }
928
- }
929
-
930
- .pagination-right {
931
- display: flex;
932
- align-items: center;
933
- color: $blue-60;
934
- font-weight: bold;
935
- .icon-inner {
936
- margin-left: 4px;
937
- }
938
- .prev-btn,
939
- .next-btn {
940
- padding: 0 8px;
941
- > span {
942
- color: $text-light-general;
943
- }
944
- }
945
-
946
- .next-btn {
947
- .icon-inner {
948
- transform: rotate(180deg);
949
- }
950
- }
951
- }
952
- }
953
-
954
- .E_d12rtyeg {
955
- &.ant-dropdown .ant-dropdown-menu {
956
- max-height: calc(100vh - 128px);
957
- overflow-y: auto;
958
-
959
- .ant-dropdown-menu-item {
960
- padding: 4px 20px;
961
- font-size: 12px;
962
- line-height: 18px;
963
- }
964
- }
965
- }
966
-
967
-
968
891
  .E_c1bus5hc {
969
892
  --color: white;
970
893
  height: 14px;
@@ -1052,11 +975,252 @@
1052
975
  }
1053
976
 
1054
977
 
1055
- .E_cnujxq2 {
1056
- display: flex;
1057
- flex-direction: column;
1058
- }
1059
-
978
+ .E_rapgekc {
979
+ &.ant-radio-wrapper {
980
+ display: inline-flex;
981
+ align-items: baseline;
982
+ white-space: pre-wrap;
983
+
984
+ .ant-radio {
985
+ position: relative;
986
+ top: 3px;
987
+
988
+ .ant-radio-inner {
989
+ border-color: $strokes-light-trans-4;
990
+ }
991
+
992
+ &:hover .ant-radio-inner {
993
+ border-color: $blue-60;
994
+ }
995
+
996
+ &.ant-radio-checked .ant-radio-inner {
997
+ border-color: $blue-60;
998
+ background: $blue-60;
999
+ &::after {
1000
+ top: 4px;
1001
+ left: 4px;
1002
+ width: 6px;
1003
+ height: 6px;
1004
+ background: $white;
1005
+ }
1006
+ }
1007
+
1008
+ &.ant-radio-disabled {
1009
+ opacity: 0.5;
1010
+
1011
+ .ant-radio-inner {
1012
+ border-color: $strokes-light-trans-4;
1013
+ background: $fills-light-trans-3;
1014
+ &::after {
1015
+ background: $text-light-primary;
1016
+ }
1017
+ }
1018
+
1019
+ & + span {
1020
+ color: $text-light-primary;
1021
+ opacity: 0.5;
1022
+
1023
+ .radio-description {
1024
+ color: $text-light-primary;
1025
+ }
1026
+ }
1027
+ }
1028
+
1029
+ & + span {
1030
+ display: inline-block;
1031
+ padding: 0;
1032
+ padding-left: 10px;
1033
+
1034
+ .radio-description {
1035
+ margin-bottom: 0;
1036
+ white-space: pre-wrap;
1037
+ color: $text-secondary-light;
1038
+ }
1039
+ }
1040
+ }
1041
+ }
1042
+
1043
+ &.ant-radio-wrapper.compact {
1044
+ .ant-radio + span {
1045
+ padding-left: 8px;
1046
+ }
1047
+ }
1048
+ }
1049
+
1050
+ .E_rp906go {
1051
+ & .ant-radio-button-wrapper:first-child {
1052
+ border-radius: 5px 0 0 5px;
1053
+ }
1054
+ & .ant-radio-button-wrapper:last-child {
1055
+ border-radius: 0 5px 5px 0;
1056
+ }
1057
+ }
1058
+
1059
+ .E_rcc63c8 {
1060
+ color: $text-light-primary;
1061
+ border-color: $strokes-light-opaque-3;
1062
+
1063
+ &:first-child {
1064
+ border-color: $strokes-light-opaque-4;
1065
+ }
1066
+
1067
+ &.ant-radio-button-wrapper {
1068
+ padding: 0 12px;
1069
+ line-height: 32px;
1070
+ height: 32px;
1071
+
1072
+ > span + span {
1073
+ white-space: nowrap;
1074
+ }
1075
+ }
1076
+
1077
+ .ant-radio-group-small &.ant-radio-button-wrapper {
1078
+ height: 22px;
1079
+ padding: 0 7px;
1080
+ line-height: 20px;
1081
+ }
1082
+
1083
+ &.ant-radio-button-wrapper:not(:first-child)::before {
1084
+ background: $strokes-light-opaque-3;
1085
+ }
1086
+
1087
+ &.ant-radio-button-wrapper-checked:not(:first-child)::before {
1088
+ background: $fills-light-general-general;
1089
+ }
1090
+
1091
+ &.ant-radio-button-wrapper-disabled:not(:first-child)::before {
1092
+ background: $strokes-light-opaque-3;
1093
+ opacity: 0.5;
1094
+ }
1095
+
1096
+ &.ant-radio-button-wrapper-checked:not(
1097
+ [class*=" ant-radio-button-wrapper-disabled"]
1098
+ ).ant-radio-button-wrapper:first-child {
1099
+ border-right-color: $fills-light-general-general;
1100
+ }
1101
+
1102
+ &.ant-radio-button-wrapper-checked:not(
1103
+ .ant-radio-button-wrapper-disabled
1104
+ ):first-child {
1105
+ border-color: $fills-light-general-general;
1106
+ }
1107
+
1108
+ &.ant-radio-button-wrapper-checked {
1109
+ background: $fills-light-general-general-light;
1110
+ }
1111
+
1112
+ &.ant-radio-button-wrapper-disabled {
1113
+ background: $fills-light-trans-3;
1114
+ border-color: $strokes-light-opaque-3;
1115
+ opacity: 0.5;
1116
+ &:hover {
1117
+ color: $text-light-primary;
1118
+ border-color: $strokes-light-opaque-3;
1119
+ }
1120
+ }
1121
+
1122
+ &.ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
1123
+ color: $text-light-primary;
1124
+ border-color: $strokes-light-opaque-3;
1125
+ background: $fills-light-trans-5;
1126
+ }
1127
+
1128
+ & .ant-radio-button-input {
1129
+ margin-right: 8px;
1130
+ display: inline;
1131
+ border: none;
1132
+ padding: 0;
1133
+ width: 36px;
1134
+ background: transparent;
1135
+ &:focus {
1136
+ box-shadow: none;
1137
+ }
1138
+ }
1139
+ & .ant-radio-button-input.ant-input-number {
1140
+ margin-right: 0;
1141
+ width: initial;
1142
+ box-shadow: none;
1143
+ }
1144
+ & .ant-radio-button-input .ant-input-number-handler-wrap {
1145
+ display: none;
1146
+ }
1147
+ & .ant-radio-button-input .ant-input-number-input-wrap {
1148
+ display: inline;
1149
+ }
1150
+ & .ant-radio-button-input .ant-input-number-input-wrap input {
1151
+ display: inline;
1152
+ margin-right: 8px;
1153
+ padding: 0;
1154
+ width: 36px;
1155
+ }
1156
+ }
1157
+
1158
+
1159
+ .E_s1dizucg {
1160
+ &.ant-switch {
1161
+ min-width: 40px;
1162
+ height: 24px;
1163
+ background: $fills-trans-quinary-light;
1164
+ overflow: hidden;
1165
+ &:focus {
1166
+ box-shadow: 0 0 0 2px $strokes-light-trans-1;
1167
+ }
1168
+ }
1169
+ &.ant-switch-small {
1170
+ min-width: 26px;
1171
+ height: 16px;
1172
+ }
1173
+ &.ant-switch-large {
1174
+ min-width: 52px;
1175
+ height: 32px;
1176
+ }
1177
+
1178
+ &.ant-switch .ant-switch-handle {
1179
+ height: 20px;
1180
+ width: 20px;
1181
+ &::before {
1182
+ border-radius: 10px;
1183
+ transition-delay: 120ms;
1184
+ }
1185
+ }
1186
+ &.ant-switch-small .ant-switch-handle {
1187
+ height: 14px;
1188
+ width: 14px;
1189
+ top: 1px;
1190
+ left: 1px;
1191
+ }
1192
+ &.ant-switch-large .ant-switch-handle {
1193
+ height: 28px;
1194
+ width: 28px;
1195
+ &::before {
1196
+ border-radius: 14px;
1197
+ }
1198
+ }
1199
+
1200
+ &.ant-switch-checked {
1201
+ background-color: $green-60;
1202
+ }
1203
+ &.ant-switch-checked .ant-switch-handle {
1204
+ left: calc(100% - 20px - 2px);
1205
+ }
1206
+ &.ant-switch-small.ant-switch-checked .ant-switch-handle {
1207
+ left: calc(100% - 14px - 1px);
1208
+ }
1209
+ &.ant-switch-large.ant-switch-checked .ant-switch-handle {
1210
+ left: calc(100% - 28px - 2px);
1211
+ }
1212
+ }
1213
+
1214
+ .E_c1up6e3y {
1215
+ margin-left: 5px;
1216
+ }
1217
+
1218
+
1219
+ .E_cnujxq2 {
1220
+ display: flex;
1221
+ flex-direction: column;
1222
+ }
1223
+
1060
1224
  .E_m7s48ia {
1061
1225
  max-width: 1120px;
1062
1226
  width: 100%;
@@ -1865,244 +2029,80 @@
1865
2029
  }
1866
2030
 
1867
2031
 
1868
- .E_s1dizucg {
1869
- &.ant-switch {
1870
- min-width: 40px;
1871
- height: 24px;
1872
- background: $fills-trans-quinary-light;
1873
- overflow: hidden;
1874
- &:focus {
1875
- box-shadow: 0 0 0 2px $strokes-light-trans-1;
1876
- }
1877
- }
1878
- &.ant-switch-small {
1879
- min-width: 26px;
1880
- height: 16px;
1881
- }
1882
- &.ant-switch-large {
1883
- min-width: 52px;
1884
- height: 32px;
1885
- }
2032
+ .E_phljevk {
2033
+ display: flex;
2034
+ justify-content: space-between;
2035
+ align-items: center;
2036
+ padding: 10px 0;
2037
+ color: $text-light-secondary;
2038
+ font-size: 12px;
2039
+ line-height: 24px;
1886
2040
 
1887
- &.ant-switch .ant-switch-handle {
1888
- height: 20px;
1889
- width: 20px;
1890
- &::before {
1891
- border-radius: 10px;
1892
- transition-delay: 120ms;
1893
- }
1894
- }
1895
- &.ant-switch-small .ant-switch-handle {
1896
- height: 14px;
1897
- width: 14px;
1898
- top: 1px;
1899
- left: 1px;
1900
- }
1901
- &.ant-switch-large .ant-switch-handle {
1902
- height: 28px;
1903
- width: 28px;
1904
- &::before {
1905
- border-radius: 14px;
1906
- }
2041
+ .pagination-left {
2042
+ padding: 2px 8px;
1907
2043
  }
1908
2044
 
1909
- &.ant-switch-checked {
1910
- background-color: $green-60;
1911
- }
1912
- &.ant-switch-checked .ant-switch-handle {
1913
- left: calc(100% - 20px - 2px);
1914
- }
1915
- &.ant-switch-small.ant-switch-checked .ant-switch-handle {
1916
- left: calc(100% - 14px - 1px);
1917
- }
1918
- &.ant-switch-large.ant-switch-checked .ant-switch-handle {
1919
- left: calc(100% - 28px - 2px);
1920
- }
1921
- }
2045
+ .dropdown-trigger {
2046
+ display: flex;
2047
+ align-items: center;
2048
+ border-radius: 6px;
2049
+ cursor: pointer;
2050
+ transition: all 0.3s ease;
1922
2051
 
1923
- .E_c1up6e3y {
1924
- margin-left: 5px;
2052
+ &:hover {
2053
+ background: $fills-interaction-light-general-hover;
2054
+ color: $text-light-general;
2055
+ }
2056
+ .icon-inner {
2057
+ margin-left: 4px;
2058
+ }
1925
2059
  }
1926
2060
 
1927
-
1928
- .E_rapgekc {
1929
- &.ant-radio-wrapper {
1930
- display: inline-flex;
1931
- align-items: baseline;
1932
- white-space: pre-wrap;
1933
-
1934
- .ant-radio {
1935
- position: relative;
1936
- top: 3px;
1937
-
1938
- .ant-radio-inner {
1939
- border-color: $strokes-light-trans-4;
1940
- }
1941
-
1942
- &:hover .ant-radio-inner {
1943
- border-color: $blue-60;
1944
- }
1945
-
1946
- &.ant-radio-checked .ant-radio-inner {
1947
- border-color: $blue-60;
1948
- background: $blue-60;
1949
- &::after {
1950
- top: 4px;
1951
- left: 4px;
1952
- width: 6px;
1953
- height: 6px;
1954
- background: $white;
1955
- }
1956
- }
1957
-
1958
- &.ant-radio-disabled {
1959
- opacity: 0.5;
1960
-
1961
- .ant-radio-inner {
1962
- border-color: $strokes-light-trans-4;
1963
- background: $fills-light-trans-3;
1964
- &::after {
1965
- background: $text-light-primary;
1966
- }
1967
- }
1968
-
1969
- & + span {
1970
- color: $text-light-primary;
1971
- opacity: 0.5;
1972
-
1973
- .radio-description {
1974
- color: $text-light-primary;
1975
- }
1976
- }
1977
- }
1978
-
1979
- & + span {
1980
- display: inline-block;
1981
- padding: 0;
1982
- padding-left: 10px;
1983
-
1984
- .radio-description {
1985
- margin-bottom: 0;
1986
- white-space: pre-wrap;
1987
- color: $text-secondary-light;
1988
- }
2061
+ .pagination-right {
2062
+ display: flex;
2063
+ align-items: center;
2064
+ color: $blue-60;
2065
+ font-weight: bold;
2066
+ .icon-inner {
2067
+ margin-left: 4px;
2068
+ }
2069
+ .prev-btn,
2070
+ .next-btn {
2071
+ padding: 0 8px;
2072
+ > span {
2073
+ color: $text-light-general;
1989
2074
  }
1990
2075
  }
1991
- }
1992
2076
 
1993
- &.ant-radio-wrapper.compact {
1994
- .ant-radio + span {
1995
- padding-left: 8px;
2077
+ .next-btn {
2078
+ .icon-inner {
2079
+ transform: rotate(180deg);
2080
+ }
1996
2081
  }
1997
2082
  }
1998
2083
  }
1999
2084
 
2000
- .E_rp906go {
2001
- & .ant-radio-button-wrapper:first-child {
2002
- border-radius: 5px 0 0 5px;
2003
- }
2004
- & .ant-radio-button-wrapper:last-child {
2005
- border-radius: 0 5px 5px 0;
2006
- }
2007
- }
2008
-
2009
- .E_rcc63c8 {
2010
- color: $text-light-primary;
2011
- border-color: $strokes-light-opaque-3;
2012
-
2013
- &:first-child {
2014
- border-color: $strokes-light-opaque-4;
2015
- }
2016
-
2017
- &.ant-radio-button-wrapper {
2018
- padding: 0 12px;
2019
- line-height: 32px;
2020
- height: 32px;
2085
+ .E_d12rtyeg {
2086
+ &.ant-dropdown .ant-dropdown-menu {
2087
+ max-height: calc(100vh - 128px);
2088
+ overflow-y: auto;
2021
2089
 
2022
- > span + span {
2023
- white-space: nowrap;
2090
+ .ant-dropdown-menu-item {
2091
+ padding: 4px 20px;
2092
+ font-size: 12px;
2093
+ line-height: 18px;
2024
2094
  }
2025
2095
  }
2096
+ }
2026
2097
 
2027
- .ant-radio-group-small &.ant-radio-button-wrapper {
2028
- height: 22px;
2029
- padding: 0 7px;
2030
- line-height: 20px;
2031
- }
2032
-
2033
- &.ant-radio-button-wrapper:not(:first-child)::before {
2034
- background: $strokes-light-opaque-3;
2035
- }
2036
-
2037
- &.ant-radio-button-wrapper-checked:not(:first-child)::before {
2038
- background: $fills-light-general-general;
2039
- }
2040
-
2041
- &.ant-radio-button-wrapper-disabled:not(:first-child)::before {
2042
- background: $strokes-light-opaque-3;
2043
- opacity: 0.5;
2044
- }
2045
-
2046
- &.ant-radio-button-wrapper-checked:not(
2047
- [class*=" ant-radio-button-wrapper-disabled"]
2048
- ).ant-radio-button-wrapper:first-child {
2049
- border-right-color: $fills-light-general-general;
2050
- }
2051
-
2052
- &.ant-radio-button-wrapper-checked:not(
2053
- .ant-radio-button-wrapper-disabled
2054
- ):first-child {
2055
- border-color: $fills-light-general-general;
2056
- }
2057
-
2058
- &.ant-radio-button-wrapper-checked {
2059
- background: $fills-light-general-general-light;
2060
- }
2061
2098
 
2062
- &.ant-radio-button-wrapper-disabled {
2063
- background: $fills-light-trans-3;
2064
- border-color: $strokes-light-opaque-3;
2065
- opacity: 0.5;
2066
- &:hover {
2067
- color: $text-light-primary;
2068
- border-color: $strokes-light-opaque-3;
2069
- }
2070
- }
2071
-
2072
- &.ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
2073
- color: $text-light-primary;
2074
- border-color: $strokes-light-opaque-3;
2075
- background: $fills-light-trans-5;
2076
- }
2099
+ .E_owd0kml {
2100
+ display: inline-block;
2101
+ }
2077
2102
 
2078
- & .ant-radio-button-input {
2079
- margin-right: 8px;
2080
- display: inline;
2081
- border: none;
2082
- padding: 0;
2083
- width: 36px;
2084
- background: transparent;
2085
- &:focus {
2086
- box-shadow: none;
2087
- }
2088
- }
2089
- & .ant-radio-button-input.ant-input-number {
2090
- margin-right: 0;
2091
- width: initial;
2092
- box-shadow: none;
2093
- }
2094
- & .ant-radio-button-input .ant-input-number-handler-wrap {
2095
- display: none;
2096
- }
2097
- & .ant-radio-button-input .ant-input-number-input-wrap {
2098
- display: inline;
2099
- }
2100
- & .ant-radio-button-input .ant-input-number-input-wrap input {
2101
- display: inline;
2102
- margin-right: 8px;
2103
- padding: 0;
2104
- width: 36px;
2105
- }
2103
+ .E_h1jsgezc {
2104
+ visibility: hidden;
2105
+ position: absolute;
2106
2106
  }
2107
2107
 
2108
2108
 
@@ -2146,112 +2146,6 @@
2146
2146
  }
2147
2147
 
2148
2148
 
2149
- .E_m196gn1d {
2150
- min-width: 1280px;
2151
- }
2152
-
2153
-
2154
- .E_iq1gosr {
2155
- display: inline-block;
2156
- }
2157
-
2158
-
2159
- .E_tju3gfj {
2160
- .date {
2161
- margin-right: 4px;
2162
- }
2163
- }
2164
-
2165
-
2166
- .E_s1dni7lo {
2167
- width: 430px !important;
2168
- }
2169
-
2170
- .E_d1wwmmm5 {
2171
- .ant-select-item-group {
2172
- padding: 8px 16px;
2173
- line-height: 18px;
2174
- border-top: 1px solid rgba(211, 218, 235, 0.6);
2175
- height: 34px;
2176
- min-height: 34px;
2177
- box-sizing: border-box;
2178
- margin-top: 8px;
2179
- }
2180
- }
2181
-
2182
- .E_o1ugr09p {
2183
- display: flex;
2184
- flex-direction: column;
2185
- margin: 1px 8px;
2186
- padding: 8px;
2187
- border-radius: 4px;
2188
-
2189
- .selected-icon {
2190
- display: none;
2191
- }
2192
-
2193
- &.ant-select-item-option-grouped {
2194
- padding-left: 8px;
2195
- }
2196
-
2197
- &.ant-select-item-option-selected {
2198
- background-color: white;
2199
- .timezone-title {
2200
- color: #0080ff;
2201
- }
2202
- .selected-icon {
2203
- display: block;
2204
- }
2205
- }
2206
-
2207
- &.ant-select-item-option-active {
2208
- background: rgba(0, 136, 255, 0.16);
2209
- .timezone-title {
2210
- color: #0080ff;
2211
- }
2212
- .timezone-tag {
2213
- background: rgba(0, 136, 255, 0.1);
2214
- color: #0080ff;
2215
- }
2216
- }
2217
- }
2218
-
2219
- .E_o1ifxsq4 {
2220
- display: flex;
2221
- justify-content: space-between;
2222
- height: 20px;
2223
- line-height: 20px;
2224
-
2225
- .timezone-title {
2226
- color: #2d3a56;
2227
- overflow: hidden;
2228
- text-overflow: ellipsis;
2229
- }
2230
- }
2231
-
2232
- .E_o1zue7 {
2233
- display: flex;
2234
- justify-content: space-between;
2235
- color: $text-light-secondary;
2236
- height: 18px;
2237
- line-height: 18px;
2238
- margin-top: 2px;
2239
- }
2240
-
2241
- .E_tyfmlxg {
2242
- border: none;
2243
- margin-right: 0;
2244
- background: rgba(225, 230, 241, 0.6);
2245
- }
2246
-
2247
- .E_o18uybox {
2248
- pointer-events: none;
2249
- height: 32px;
2250
- width: 100%;
2251
- opacity: 0;
2252
- }
2253
-
2254
-
2255
2149
  .E_s1sck0th {
2256
2150
  padding: 0 8px;
2257
2151
  border-radius: 4px;
@@ -2332,46 +2226,14 @@
2332
2226
  }
2333
2227
  &.ant-tag-purple {
2334
2228
  background-color: $fill-purple-base;
2335
- }
2336
- }
2337
- }
2338
- }
2339
-
2340
-
2341
- .E_a1b5xrg3 {
2342
- .user-icon-inner {
2343
- display: inline-flex;
2344
- align-items: center;
2345
- justify-content: center;
2346
- color: $white;
2347
- font-weight: bold;
2348
- font-size: 12px;
2349
- width: 24px;
2350
- height: 24px;
2351
- border-radius: 50%;
2352
- background: var(--a1b5xrg3-0);
2229
+ }
2230
+ }
2353
2231
  }
2354
- &.btn-item {
2355
- transition: all 160ms ease;
2356
- cursor: pointer;
2357
- width: 56px;
2358
- height: 40px;
2359
- display: inline-flex;
2360
- align-items: center;
2361
- justify-content: center;
2362
- border-radius: 6px;
2232
+ }
2363
2233
 
2364
- &:hover {
2365
- box-shadow:
2366
- 0px 0px 20px rgba(107, 125, 153, 0.18),
2367
- 0px 25px 80px rgba(45, 58, 86, 0.3);
2368
- }
2369
2234
 
2370
- &:active {
2371
- transform: translateY(2px);
2372
- transition: all 320ms ease;
2373
- }
2374
- }
2235
+ .E_iq1gosr {
2236
+ display: inline-block;
2375
2237
  }
2376
2238
 
2377
2239
 
@@ -2729,6 +2591,55 @@
2729
2591
  }
2730
2592
 
2731
2593
 
2594
+ .E_tju3gfj {
2595
+ .date {
2596
+ margin-right: 4px;
2597
+ }
2598
+ }
2599
+
2600
+
2601
+ .E_m196gn1d {
2602
+ min-width: 1280px;
2603
+ }
2604
+
2605
+
2606
+ .E_a1b5xrg3 {
2607
+ .user-icon-inner {
2608
+ display: inline-flex;
2609
+ align-items: center;
2610
+ justify-content: center;
2611
+ color: $white;
2612
+ font-weight: bold;
2613
+ font-size: 12px;
2614
+ width: 24px;
2615
+ height: 24px;
2616
+ border-radius: 50%;
2617
+ background: var(--a1b5xrg3-0);
2618
+ }
2619
+ &.btn-item {
2620
+ transition: all 160ms ease;
2621
+ cursor: pointer;
2622
+ width: 56px;
2623
+ height: 40px;
2624
+ display: inline-flex;
2625
+ align-items: center;
2626
+ justify-content: center;
2627
+ border-radius: 6px;
2628
+
2629
+ &:hover {
2630
+ box-shadow:
2631
+ 0px 0px 20px rgba(107, 125, 153, 0.18),
2632
+ 0px 25px 80px rgba(45, 58, 86, 0.3);
2633
+ }
2634
+
2635
+ &:active {
2636
+ transform: translateY(2px);
2637
+ transition: all 320ms ease;
2638
+ }
2639
+ }
2640
+ }
2641
+
2642
+
2732
2643
  .E_t1m2x205 {
2733
2644
  .ant-tooltip-arrow {
2734
2645
  display: none;
@@ -2743,36 +2654,92 @@
2743
2654
  }
2744
2655
 
2745
2656
 
2746
- .E_suhck3k {
2747
- height: 24px;
2748
- width: 24px;
2749
- border-radius: 6px;
2750
- padding: 4px;
2751
- &:hover {
2752
- background-color: $fill-outstanding-light;
2753
- svg {
2754
- path {
2755
- fill: blue;
2657
+ .E_s1dni7lo {
2658
+ width: 430px !important;
2659
+ }
2660
+
2661
+ .E_d1wwmmm5 {
2662
+ .ant-select-item-group {
2663
+ padding: 8px 16px;
2664
+ line-height: 18px;
2665
+ border-top: 1px solid rgba(211, 218, 235, 0.6);
2666
+ height: 34px;
2667
+ min-height: 34px;
2668
+ box-sizing: border-box;
2669
+ margin-top: 8px;
2670
+ }
2671
+ }
2672
+
2673
+ .E_o1ugr09p {
2674
+ display: flex;
2675
+ flex-direction: column;
2676
+ margin: 1px 8px;
2677
+ padding: 8px;
2678
+ border-radius: 4px;
2679
+
2680
+ .selected-icon {
2681
+ display: none;
2682
+ }
2683
+
2684
+ &.ant-select-item-option-grouped {
2685
+ padding-left: 8px;
2686
+ }
2687
+
2688
+ &.ant-select-item-option-selected {
2689
+ background-color: white;
2690
+ .timezone-title {
2691
+ color: #0080ff;
2692
+ }
2693
+ .selected-icon {
2694
+ display: block;
2695
+ }
2696
+ }
2697
+
2698
+ &.ant-select-item-option-active {
2699
+ background: rgba(0, 136, 255, 0.16);
2700
+ .timezone-title {
2701
+ color: #0080ff;
2702
+ }
2703
+ .timezone-tag {
2704
+ background: rgba(0, 136, 255, 0.1);
2705
+ color: #0080ff;
2756
2706
  }
2757
2707
  }
2758
2708
  }
2759
- }
2760
2709
 
2710
+ .E_o1ifxsq4 {
2711
+ display: flex;
2712
+ justify-content: space-between;
2713
+ height: 20px;
2714
+ line-height: 20px;
2761
2715
 
2762
- .E_ryby9ds {
2763
- display: flex;
2764
- align-items: center;
2765
- .order {
2766
- height: 24px;
2767
- width: 24px;
2768
- border-radius: 20px;
2769
- color: $text-light-general;
2770
- background: $fill-light-element-container-outstanding;
2716
+ .timezone-title {
2717
+ color: #2d3a56;
2718
+ overflow: hidden;
2719
+ text-overflow: ellipsis;
2720
+ }
2721
+ }
2722
+
2723
+ .E_o1zue7 {
2771
2724
  display: flex;
2772
- align-items: center;
2773
- justify-content: center;
2774
- margin-right: 6px;
2725
+ justify-content: space-between;
2726
+ color: $text-light-secondary;
2727
+ height: 18px;
2728
+ line-height: 18px;
2729
+ margin-top: 2px;
2775
2730
  }
2731
+
2732
+ .E_tyfmlxg {
2733
+ border: none;
2734
+ margin-right: 0;
2735
+ background: rgba(225, 230, 241, 0.6);
2736
+ }
2737
+
2738
+ .E_o18uybox {
2739
+ pointer-events: none;
2740
+ height: 32px;
2741
+ width: 100%;
2742
+ opacity: 0;
2776
2743
  }
2777
2744
 
2778
2745
 
@@ -2968,6 +2935,39 @@
2968
2935
  }
2969
2936
 
2970
2937
 
2938
+ .E_suhck3k {
2939
+ height: 24px;
2940
+ width: 24px;
2941
+ border-radius: 6px;
2942
+ padding: 4px;
2943
+ &:hover {
2944
+ background-color: $fill-outstanding-light;
2945
+ svg {
2946
+ path {
2947
+ fill: blue;
2948
+ }
2949
+ }
2950
+ }
2951
+ }
2952
+
2953
+
2954
+ .E_ryby9ds {
2955
+ display: flex;
2956
+ align-items: center;
2957
+ .order {
2958
+ height: 24px;
2959
+ width: 24px;
2960
+ border-radius: 20px;
2961
+ color: $text-light-general;
2962
+ background: $fill-light-element-container-outstanding;
2963
+ display: flex;
2964
+ align-items: center;
2965
+ justify-content: center;
2966
+ margin-right: 6px;
2967
+ }
2968
+ }
2969
+
2970
+
2971
2971
  .E_s17wv897 {
2972
2972
  &.ant-select,
2973
2973
  &.ant-select div.ant-select-selector {
@@ -3299,6 +3299,22 @@
3299
3299
  }
3300
3300
 
3301
3301
 
3302
+ .E_w1dxz879 {
3303
+ display: flex;
3304
+ flex-direction: column;
3305
+ gap: 6px;
3306
+ .ellipsis-tooltip {
3307
+ max-height: var(--w1dxz879-0);
3308
+ text-overflow: clip;
3309
+ overflow: hidden;
3310
+ }
3311
+ .tips {
3312
+ color: #fff;
3313
+ opacity: 0.8;
3314
+ }
3315
+ }
3316
+
3317
+
3302
3318
  .E_h12yihis {
3303
3319
  height: 50px;
3304
3320
  border-bottom: 2px solid #edf0f7;
@@ -3569,22 +3585,6 @@
3569
3585
  }
3570
3586
 
3571
3587
 
3572
- .E_w1dxz879 {
3573
- display: flex;
3574
- flex-direction: column;
3575
- gap: 6px;
3576
- .ellipsis-tooltip {
3577
- max-height: var(--w1dxz879-0);
3578
- text-overflow: clip;
3579
- overflow: hidden;
3580
- }
3581
- .tips {
3582
- color: #fff;
3583
- opacity: 0.8;
3584
- }
3585
- }
3586
-
3587
-
3588
3588
  .E_b14q2gmw {
3589
3589
  box-shadow: 0px 0.119595px 0.438513px rgba(129, 138, 153, 0.14),
3590
3590
  0px 0.271728px 0.996336px rgba(129, 138, 153, 0.106447),
@@ -3602,12 +3602,33 @@
3602
3602
  &.hoverable {
3603
3603
  cursor: pointer;
3604
3604
 
3605
- &:hover {
3606
- transition: all 200ms ease;
3607
- box-shadow: 0px 9px 22px rgb(107 125 153 / 23%),
3608
- 0px 1.12694px 2.75474px rgb(107 125 153 / 12%);
3609
- transform: translateY(-4px);
3610
- }
3605
+ &:hover {
3606
+ transition: all 200ms ease;
3607
+ box-shadow: 0px 9px 22px rgb(107 125 153 / 23%),
3608
+ 0px 1.12694px 2.75474px rgb(107 125 153 / 12%);
3609
+ transform: translateY(-4px);
3610
+ }
3611
+ }
3612
+ }
3613
+
3614
+
3615
+ .E_r77hffu {
3616
+ display: flex;
3617
+ align-items: center;
3618
+ justify-content: space-between;
3619
+ column-gap: 6px;
3620
+ }
3621
+
3622
+ .E_p1cmxsf7 {
3623
+ display: flex;
3624
+ flex-direction: column;
3625
+ justify-content: center;
3626
+ row-gap: var(--p1cmxsf7-0);
3627
+
3628
+ .antd5-progress-line {
3629
+ font-size: 0;
3630
+ margin-bottom: unset;
3631
+ margin-inline-end: unset;
3611
3632
  }
3612
3633
  }
3613
3634
 
@@ -3670,27 +3691,6 @@
3670
3691
  }
3671
3692
 
3672
3693
 
3673
- .E_r77hffu {
3674
- display: flex;
3675
- align-items: center;
3676
- justify-content: space-between;
3677
- column-gap: 6px;
3678
- }
3679
-
3680
- .E_p1cmxsf7 {
3681
- display: flex;
3682
- flex-direction: column;
3683
- justify-content: center;
3684
- row-gap: var(--p1cmxsf7-0);
3685
-
3686
- .antd5-progress-line {
3687
- font-size: 0;
3688
- margin-bottom: unset;
3689
- margin-inline-end: unset;
3690
- }
3691
- }
3692
-
3693
-
3694
3694
  .E_c1yd35n {
3695
3695
  padding: 0 12px 14px 12px;
3696
3696
  }
@@ -4369,266 +4369,62 @@
4369
4369
  .ant-checkbox-wrapper {
4370
4370
  position: absolute;
4371
4371
  left: 50%;
4372
- top: 50%;
4373
- transform: translate(-50%, -50%);
4374
- }
4375
- &:after {
4376
- display: none;
4377
- }
4378
- }
4379
-
4380
- .ant-table-hide-scrollbar {
4381
- background: $white;
4382
- }
4383
- .ant-table-placeholder {
4384
- background: inherit;
4385
-
4386
- td {
4387
- position: static;
4388
- border: none;
4389
- background: inherit !important;
4390
- height: 100px;
4391
- vertical-align: middle;
4392
- }
4393
-
4394
- .table-default-empty,
4395
- .ant-table-expanded-row-fixed {
4396
- font-weight: bold;
4397
- font-size: 20px;
4398
- color: $text-terdiary-light;
4399
- }
4400
- }
4401
- th.ant-table-cell-scrollbar,
4402
- th.cell__action_ {
4403
- z-index: 10;
4404
- }
4405
- td.cell__action_ {
4406
- padding: 0 !important;
4407
- position: relative;
4408
- background: $white;
4409
- > * {
4410
- height: 100%;
4411
- display: flex;
4412
- align-items: center;
4413
- justify-content: flex-end;
4414
- padding-right: 8px;
4415
- }
4416
- .menu-button {
4417
- width: 24px;
4418
- height: 24px;
4419
- cursor: pointer;
4420
- justify-content: center;
4421
- border-radius: 4px;
4422
-
4423
- &:hover {
4424
- background: $white;
4425
- }
4426
- }
4427
- }
4428
- }
4429
- }
4430
-
4431
-
4432
- .E_t1gvlxt5 {
4433
- min-width: 0;
4434
- flex: 1;
4435
- .tag {
4436
- flex: 0 0 auto;
4437
- }
4438
- .progress-title {
4439
- flex: 2;
4440
- max-width: fit-content;
4441
- }
4442
- .progress-desc {
4443
- flex: 1;
4444
- max-width: fit-content;
4445
- }
4446
- }
4447
-
4448
- .E_a1ji6r68 {
4449
- display: flex;
4450
- align-items: center;
4451
- column-gap: var(--a1ji6r68-0);
4452
- }
4453
-
4454
-
4455
- .E_msn7nxt {
4456
- color: $text-light-secondary;
4457
- text-align: center;
4458
-
4459
- display: flex;
4460
- align-items: center;
4461
- justify-content: center;
4462
- flex-direction: column;
4463
- height: 100%;
4464
-
4465
- .link {
4466
- color: $text-light-general;
4467
- cursor: pointer;
4468
- }
4469
- }
4470
-
4471
- .E_mp64wfi {
4472
- width: 100%;
4473
- height: 100%;
4474
- display: flex;
4475
- flex-direction: column;
4476
-
4477
- .name-toolbar {
4478
- width: 100%;
4479
- display: flex;
4480
- line-height: 30px;
4481
- padding: 0 16px;
4482
- justify-content: space-between;
4483
- .metric-extra {
4484
- display: flex;
4485
- font-size: 12px;
4486
- align-items: center;
4487
-
4488
- .info-item {
4489
- color: $gray-60;
4490
- }
4491
- .info-item + .info-item {
4492
- margin-left: 10px;
4493
- }
4494
-
4495
- .menu-trigger {
4496
- margin-left: 10px;
4497
- cursor: pointer;
4498
- }
4499
- }
4500
- }
4501
-
4502
- .content {
4503
- flex: 1;
4504
- width: 100%;
4505
- display: flex;
4506
- justify-content: center;
4507
- align-items: center;
4508
- }
4509
- .single-content {
4510
- height: 65px;
4511
- }
4512
- }
4513
-
4514
- .E_l1oyigan {
4515
- display: flex;
4516
- align-items: center;
4517
- white-space: nowrap;
4518
- overflow: hidden;
4519
- width: 100%;
4520
-
4521
- .ant-dropdown-trigger {
4522
- margin-left: auto;
4523
- font-size: 12px;
4524
- }
4525
- }
4526
-
4527
- .E_l1noi4n1 {
4528
- display: flex;
4529
- justify-content: flex-start;
4530
- align-items: center;
4531
- font-size: 12px;
4532
- cursor: pointer;
4533
-
4534
- &:not(:last-child) {
4535
- margin-right: 20px;
4536
- }
4537
- &.deselected {
4538
- opacity: 0.4;
4539
-
4540
- .color-block {
4541
- background: #b4beca !important;
4542
- }
4543
- }
4544
- }
4545
-
4546
- .E_cz19rz6 {
4547
- display: inline-block;
4548
- height: 8px;
4549
- width: 8px;
4550
- margin-right: 8px;
4551
- }
4552
-
4553
- .E_e17r5r9c {
4554
- .ant-dropdown-menu-item {
4555
- display: flex;
4556
- align-items: center;
4557
- font-size: 12px;
4558
- margin: 0;
4559
- }
4560
- }
4561
-
4562
- .E_m1y1hhnr {
4563
- position: relative;
4564
-
4565
- &.hidden-xaxis .pointer-wrapper {
4566
- bottom: -12px;
4567
- }
4568
-
4569
- .metric-toolbar {
4570
- display: flex;
4571
- justify-content: space-between;
4572
- line-height: 30px;
4573
- margin: 0 16px;
4574
-
4575
- .metric-extra {
4576
- display: flex;
4577
- font-size: 12px;
4578
- align-items: center;
4579
-
4580
- .info-item {
4581
- color: $gray-60;
4582
- }
4583
- .info-item + .info-item {
4584
- margin-left: 10px;
4585
- }
4586
-
4587
- .menu-trigger {
4588
- margin-left: 10px;
4589
- cursor: pointer;
4372
+ top: 50%;
4373
+ transform: translate(-50%, -50%);
4374
+ }
4375
+ &:after {
4376
+ display: none;
4590
4377
  }
4591
4378
  }
4592
- }
4593
-
4594
- .recharts-xAxis {
4595
- font-size: 12px;
4596
- }
4597
4379
 
4598
- .pointer-wrapper {
4599
- position: absolute;
4600
- bottom: 10px;
4601
- padding: 0 8px;
4602
- border-radius: 4px;
4603
- font-size: 12px;
4604
- color: $white;
4605
- background: rgba(0, 0, 0, 0.75);
4606
- transform: translateX(-50%);
4607
- }
4608
- }
4380
+ .ant-table-hide-scrollbar {
4381
+ background: $white;
4382
+ }
4383
+ .ant-table-placeholder {
4384
+ background: inherit;
4609
4385
 
4610
- .E_tnvijvs {
4611
- min-width: 200px;
4612
- }
4386
+ td {
4387
+ position: static;
4388
+ border: none;
4389
+ background: inherit !important;
4390
+ height: 100px;
4391
+ vertical-align: middle;
4392
+ }
4613
4393
 
4614
- .E_t1ub2aex {
4615
- display: flex;
4616
- align-items: center;
4617
- justify-content: space-between;
4618
- background-color: rgba(0, 0, 0, 0.75);
4619
- color: #b4beca;
4620
- font-size: 12px;
4621
- padding: 3px 6px;
4394
+ .table-default-empty,
4395
+ .ant-table-expanded-row-fixed {
4396
+ font-weight: bold;
4397
+ font-size: 20px;
4398
+ color: $text-terdiary-light;
4399
+ }
4400
+ }
4401
+ th.ant-table-cell-scrollbar,
4402
+ th.cell__action_ {
4403
+ z-index: 10;
4404
+ }
4405
+ td.cell__action_ {
4406
+ padding: 0 !important;
4407
+ position: relative;
4408
+ background: $white;
4409
+ > * {
4410
+ height: 100%;
4411
+ display: flex;
4412
+ align-items: center;
4413
+ justify-content: flex-end;
4414
+ padding-right: 8px;
4415
+ }
4416
+ .menu-button {
4417
+ width: 24px;
4418
+ height: 24px;
4419
+ cursor: pointer;
4420
+ justify-content: center;
4421
+ border-radius: 4px;
4622
4422
 
4623
- &:first-child {
4624
- padding-top: 3px;
4625
- }
4626
- &:last-child {
4627
- padding-bottom: 3px;
4628
- }
4629
- .column-value {
4630
- color: $white;
4631
- margin-left: 8px;
4423
+ &:hover {
4424
+ background: $white;
4425
+ }
4426
+ }
4427
+ }
4632
4428
  }
4633
4429
  }
4634
4430
 
@@ -4895,63 +4691,223 @@
4895
4691
  animation: loading-indicator2 1100ms ease-out infinite;
4896
4692
  }
4897
4693
 
4898
- .E_l17lbdo6 {
4899
- position: absolute;
4900
- width: 5px;
4901
- height: 48px;
4902
- left: 52.9px;
4903
- top: 51.8px;
4904
-
4905
- background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
4906
- border-radius: 5px;
4907
- transform: rotate(112deg);
4908
- transform-origin: top left;
4909
-
4910
- animation: loading-indicator3 1100ms ease-out infinite;
4694
+ .E_l17lbdo6 {
4695
+ position: absolute;
4696
+ width: 5px;
4697
+ height: 48px;
4698
+ left: 52.9px;
4699
+ top: 51.8px;
4700
+
4701
+ background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
4702
+ border-radius: 5px;
4703
+ transform: rotate(112deg);
4704
+ transform-origin: top left;
4705
+
4706
+ animation: loading-indicator3 1100ms ease-out infinite;
4707
+ }
4708
+
4709
+
4710
+ .E_msn7nxt {
4711
+ color: $text-light-secondary;
4712
+ text-align: center;
4713
+
4714
+ display: flex;
4715
+ align-items: center;
4716
+ justify-content: center;
4717
+ flex-direction: column;
4718
+ height: 100%;
4719
+
4720
+ .link {
4721
+ color: $text-light-general;
4722
+ cursor: pointer;
4723
+ }
4724
+ }
4725
+
4726
+ .E_mp64wfi {
4727
+ width: 100%;
4728
+ height: 100%;
4729
+ display: flex;
4730
+ flex-direction: column;
4731
+
4732
+ .name-toolbar {
4733
+ width: 100%;
4734
+ display: flex;
4735
+ line-height: 30px;
4736
+ padding: 0 16px;
4737
+ justify-content: space-between;
4738
+ .metric-extra {
4739
+ display: flex;
4740
+ font-size: 12px;
4741
+ align-items: center;
4742
+
4743
+ .info-item {
4744
+ color: $gray-60;
4745
+ }
4746
+ .info-item + .info-item {
4747
+ margin-left: 10px;
4748
+ }
4749
+
4750
+ .menu-trigger {
4751
+ margin-left: 10px;
4752
+ cursor: pointer;
4753
+ }
4754
+ }
4755
+ }
4756
+
4757
+ .content {
4758
+ flex: 1;
4759
+ width: 100%;
4760
+ display: flex;
4761
+ justify-content: center;
4762
+ align-items: center;
4763
+ }
4764
+ .single-content {
4765
+ height: 65px;
4766
+ }
4767
+ }
4768
+
4769
+ .E_l1oyigan {
4770
+ display: flex;
4771
+ align-items: center;
4772
+ white-space: nowrap;
4773
+ overflow: hidden;
4774
+ width: 100%;
4775
+
4776
+ .ant-dropdown-trigger {
4777
+ margin-left: auto;
4778
+ font-size: 12px;
4779
+ }
4780
+ }
4781
+
4782
+ .E_l1noi4n1 {
4783
+ display: flex;
4784
+ justify-content: flex-start;
4785
+ align-items: center;
4786
+ font-size: 12px;
4787
+ cursor: pointer;
4788
+
4789
+ &:not(:last-child) {
4790
+ margin-right: 20px;
4791
+ }
4792
+ &.deselected {
4793
+ opacity: 0.4;
4794
+
4795
+ .color-block {
4796
+ background: #b4beca !important;
4797
+ }
4798
+ }
4799
+ }
4800
+
4801
+ .E_cz19rz6 {
4802
+ display: inline-block;
4803
+ height: 8px;
4804
+ width: 8px;
4805
+ margin-right: 8px;
4806
+ }
4807
+
4808
+ .E_e17r5r9c {
4809
+ .ant-dropdown-menu-item {
4810
+ display: flex;
4811
+ align-items: center;
4812
+ font-size: 12px;
4813
+ margin: 0;
4814
+ }
4815
+ }
4816
+
4817
+ .E_m1y1hhnr {
4818
+ position: relative;
4819
+
4820
+ &.hidden-xaxis .pointer-wrapper {
4821
+ bottom: -12px;
4822
+ }
4823
+
4824
+ .metric-toolbar {
4825
+ display: flex;
4826
+ justify-content: space-between;
4827
+ line-height: 30px;
4828
+ margin: 0 16px;
4829
+
4830
+ .metric-extra {
4831
+ display: flex;
4832
+ font-size: 12px;
4833
+ align-items: center;
4834
+
4835
+ .info-item {
4836
+ color: $gray-60;
4837
+ }
4838
+ .info-item + .info-item {
4839
+ margin-left: 10px;
4840
+ }
4841
+
4842
+ .menu-trigger {
4843
+ margin-left: 10px;
4844
+ cursor: pointer;
4845
+ }
4846
+ }
4847
+ }
4848
+
4849
+ .recharts-xAxis {
4850
+ font-size: 12px;
4851
+ }
4852
+
4853
+ .pointer-wrapper {
4854
+ position: absolute;
4855
+ bottom: 10px;
4856
+ padding: 0 8px;
4857
+ border-radius: 4px;
4858
+ font-size: 12px;
4859
+ color: $white;
4860
+ background: rgba(0, 0, 0, 0.75);
4861
+ transform: translateX(-50%);
4862
+ }
4863
+ }
4864
+
4865
+ .E_tnvijvs {
4866
+ min-width: 200px;
4911
4867
  }
4912
4868
 
4869
+ .E_t1ub2aex {
4870
+ display: flex;
4871
+ align-items: center;
4872
+ justify-content: space-between;
4873
+ background-color: rgba(0, 0, 0, 0.75);
4874
+ color: #b4beca;
4875
+ font-size: 12px;
4876
+ padding: 3px 6px;
4913
4877
 
4914
- .E_w7ob4th {
4915
- &.outside-tag {
4916
- padding-left: 0;
4917
- .inside-tag {
4918
- border-radius: 4px 0 0 4px;
4919
- padding-right: 4px;
4920
- margin-right: 4px;
4921
- }
4878
+ &:first-child {
4879
+ padding-top: 3px;
4880
+ }
4881
+ &:last-child {
4882
+ padding-bottom: 3px;
4883
+ }
4884
+ .column-value {
4885
+ color: $white;
4886
+ margin-left: 8px;
4922
4887
  }
4923
4888
  }
4924
4889
 
4925
4890
 
4926
- .E_slr2ynn {
4927
- padding: 0 8px;
4928
- height: 18px;
4891
+ .E_t1gvlxt5 {
4892
+ min-width: 0;
4893
+ flex: 1;
4894
+ .tag {
4895
+ flex: 0 0 auto;
4929
4896
  }
4930
-
4931
- .E_m140wbb6 {
4932
- padding: 2px 8px;
4933
- height: 24px;
4897
+ .progress-title {
4898
+ flex: 2;
4899
+ max-width: fit-content;
4900
+ }
4901
+ .progress-desc {
4902
+ flex: 1;
4903
+ max-width: fit-content;
4934
4904
  }
4935
-
4936
- .E_t1fozc1i {
4937
- margin: 0;
4938
- }
4939
-
4940
- .E_i1vxv4ln {
4941
- margin-right: 4px;
4942
- height: 16px;
4943
4905
  }
4944
4906
 
4945
- .E_n1afl31m {
4946
- &.ant-tag.ant-tag-gray {
4947
- font-weight: 700;
4948
- color: $text-neutral-primary;
4949
- background-color: $fill-neutral-trans-1;
4950
- border: 1px solid $stroke-neutral-trans-2;
4951
- word-break: break-all;
4952
- display: inline;
4953
- white-space: normal;
4954
- }
4907
+ .E_a1ji6r68 {
4908
+ display: flex;
4909
+ align-items: center;
4910
+ column-gap: var(--a1ji6r68-0);
4955
4911
  }
4956
4912
 
4957
4913
 
@@ -5396,6 +5352,18 @@
5396
5352
  }
5397
5353
 
5398
5354
 
5355
+ .E_w7ob4th {
5356
+ &.outside-tag {
5357
+ padding-left: 0;
5358
+ .inside-tag {
5359
+ border-radius: 4px 0 0 4px;
5360
+ padding-right: 4px;
5361
+ margin-right: 4px;
5362
+ }
5363
+ }
5364
+ }
5365
+
5366
+
5399
5367
  .E_t13ef470 {
5400
5368
  height: 100%;
5401
5369
  .table-loading-item {
@@ -5431,6 +5399,38 @@
5431
5399
  }
5432
5400
 
5433
5401
 
5402
+ .E_slr2ynn {
5403
+ padding: 0 8px;
5404
+ height: 18px;
5405
+ }
5406
+
5407
+ .E_m140wbb6 {
5408
+ padding: 2px 8px;
5409
+ height: 24px;
5410
+ }
5411
+
5412
+ .E_t1fozc1i {
5413
+ margin: 0;
5414
+ }
5415
+
5416
+ .E_i1vxv4ln {
5417
+ margin-right: 4px;
5418
+ height: 16px;
5419
+ }
5420
+
5421
+ .E_n1afl31m {
5422
+ &.ant-tag.ant-tag-gray {
5423
+ font-weight: 700;
5424
+ color: $text-neutral-primary;
5425
+ background-color: $fill-neutral-trans-1;
5426
+ border: 1px solid $stroke-neutral-trans-2;
5427
+ word-break: break-all;
5428
+ display: inline;
5429
+ white-space: normal;
5430
+ }
5431
+ }
5432
+
5433
+
5434
5434
  .E_i1g85yz3 {
5435
5435
  margin-right: 4px;
5436
5436
  height: 16px;
@@ -5664,82 +5664,6 @@
5664
5664
  }
5665
5665
 
5666
5666
 
5667
- .E_s1ebs0ra {
5668
- display: flex;
5669
- align-items: center;
5670
- justify-content: space-between;
5671
- background: $backgrounds-light-grouped;
5672
- padding: 8px 12px;
5673
- position: sticky;
5674
- top: 0;
5675
- z-index: 1;
5676
- margin-bottom: -52px;
5677
-
5678
- .select-total {
5679
- display: flex;
5680
- align-items: center;
5681
- font-weight: 700;
5682
- flex-shrink: 0;
5683
-
5684
- .icon-wrapper {
5685
- cursor: pointer;
5686
- margin-left: 8px;
5687
- width: 32px;
5688
- height: 32px;
5689
- border-radius: 50%;
5690
- justify-content: center;
5691
-
5692
- &:hover {
5693
- background: $fills-light-trans-2;
5694
- }
5695
- }
5696
- }
5697
- .action-group {
5698
- flex: 1;
5699
- margin-left: 88px;
5700
- white-space: nowrap;
5701
- text-align: right;
5702
- position: relative;
5703
- padding: 4px 0;
5704
- margin-top: -4px;
5705
- overflow: hidden;
5706
- .sub-menu-delete {
5707
- transform: translateY(-4px);
5708
- }
5709
- button {
5710
- border: none;
5711
- }
5712
- > *:not(:last-child) {
5713
- margin-right: 8px;
5714
- }
5715
-
5716
- > button:last-child {
5717
- margin-right: 4px;
5718
- }
5719
- .more-btn {
5720
- cursor: pointer;
5721
- width: 32px;
5722
- height: 32px;
5723
- justify-content: center;
5724
- border-radius: 50%;
5725
-
5726
- &:hover {
5727
- background: $white;
5728
- }
5729
- }
5730
- }
5731
- }
5732
-
5733
-
5734
- .E_tqjc4ui {
5735
- @at-root {
5736
- span#{&} {
5737
- margin: 0 2px;
5738
- }
5739
- }
5740
- }
5741
-
5742
-
5743
5667
  .E_c18bcrac {
5744
5668
  display: inline-block;
5745
5669
  width: 100%;
@@ -5797,18 +5721,107 @@
5797
5721
  font-size: 12px;
5798
5722
  line-height: 18px;
5799
5723
 
5800
- &:not(:last-child) {
5801
- margin-bottom: 4px;
5724
+ &:not(:last-child) {
5725
+ margin-bottom: 4px;
5726
+ }
5727
+ }
5728
+
5729
+ .E_tf5bynu {
5730
+ margin: 0 3px;
5731
+ }
5732
+
5733
+ .E_tcckoz1 {
5734
+ max-height: 400px;
5735
+ overflow: auto;
5736
+ }
5737
+
5738
+
5739
+ .E_tqjc4ui {
5740
+ @at-root {
5741
+ span#{&} {
5742
+ margin: 0 2px;
5743
+ }
5744
+ }
5745
+ }
5746
+
5747
+
5748
+ .E_gmyahx3 {
5749
+ cursor: pointer;
5750
+
5751
+ .link-text {
5752
+ color: $text-light-tertiary;
5753
+ }
5754
+
5755
+ &:hover .link-text {
5756
+ color: $text-light-general;
5757
+ }
5758
+ }
5759
+
5760
+
5761
+ .E_s1ebs0ra {
5762
+ display: flex;
5763
+ align-items: center;
5764
+ justify-content: space-between;
5765
+ background: $backgrounds-light-grouped;
5766
+ padding: 8px 12px;
5767
+ position: sticky;
5768
+ top: 0;
5769
+ z-index: 1;
5770
+ margin-bottom: -52px;
5771
+
5772
+ .select-total {
5773
+ display: flex;
5774
+ align-items: center;
5775
+ font-weight: 700;
5776
+ flex-shrink: 0;
5777
+
5778
+ .icon-wrapper {
5779
+ cursor: pointer;
5780
+ margin-left: 8px;
5781
+ width: 32px;
5782
+ height: 32px;
5783
+ border-radius: 50%;
5784
+ justify-content: center;
5785
+
5786
+ &:hover {
5787
+ background: $fills-light-trans-2;
5788
+ }
5789
+ }
5802
5790
  }
5803
- }
5791
+ .action-group {
5792
+ flex: 1;
5793
+ margin-left: 88px;
5794
+ white-space: nowrap;
5795
+ text-align: right;
5796
+ position: relative;
5797
+ padding: 4px 0;
5798
+ margin-top: -4px;
5799
+ overflow: hidden;
5800
+ .sub-menu-delete {
5801
+ transform: translateY(-4px);
5802
+ }
5803
+ button {
5804
+ border: none;
5805
+ }
5806
+ > *:not(:last-child) {
5807
+ margin-right: 8px;
5808
+ }
5804
5809
 
5805
- .E_tf5bynu {
5806
- margin: 0 3px;
5807
- }
5810
+ > button:last-child {
5811
+ margin-right: 4px;
5812
+ }
5813
+ .more-btn {
5814
+ cursor: pointer;
5815
+ width: 32px;
5816
+ height: 32px;
5817
+ justify-content: center;
5818
+ border-radius: 50%;
5808
5819
 
5809
- .E_tcckoz1 {
5810
- max-height: 400px;
5811
- overflow: auto;
5820
+ &:hover {
5821
+ background: $white;
5822
+ }
5823
+ }
5824
+ }
5812
5825
  }
5813
5826
 
5814
5827
 
@@ -5976,15 +5989,32 @@
5976
5989
  }
5977
5990
 
5978
5991
 
5979
- .E_gmyahx3 {
5980
- cursor: pointer;
5992
+ .E_ou7iq30 {
5993
+ overflow: hidden;
5994
+ text-overflow: ellipsis;
5995
+ }
5981
5996
 
5982
- .link-text {
5983
- color: $text-light-tertiary;
5984
- }
5997
+ .E_s1tui002 {
5998
+ white-space: nowrap;
5999
+ }
5985
6000
 
5986
- &:hover .link-text {
5987
- color: $text-light-general;
6001
+ .E_mxrc2zg {
6002
+ display: -webkit-box;
6003
+ -webkit-line-clamp: var(--mxrc2zg-0);
6004
+ -webkit-box-orient: vertical;
6005
+ word-break: break-all;
6006
+ }
6007
+
6008
+ .E_t1vv6d68 {
6009
+ .ant-tooltip-arrow {
6010
+ display: none;
6011
+ }
6012
+ .ant-tooltip-inner {
6013
+ background: $gray-a80-9;
6014
+ border-radius: 4px;
6015
+ &:has(.eagle-ellipsis-content) {
6016
+ visibility: hidden;
6017
+ }
5988
6018
  }
5989
6019
  }
5990
6020
 
@@ -6087,563 +6117,533 @@
6087
6117
  }
6088
6118
 
6089
6119
 
6090
- .E_ou7iq30 {
6091
- overflow: hidden;
6092
- text-overflow: ellipsis;
6093
- }
6094
-
6095
- .E_s1tui002 {
6096
- white-space: nowrap;
6097
- }
6120
+ .E_t1sqg15u {
6121
+ background: white;
6098
6122
 
6099
- .E_mxrc2zg {
6100
- display: -webkit-box;
6101
- -webkit-line-clamp: var(--mxrc2zg-0);
6102
- -webkit-box-orient: vertical;
6103
- word-break: break-all;
6104
- }
6123
+ &.inline {
6124
+ .table-row {
6125
+ flex-direction: column;
6105
6126
 
6106
- .E_t1vv6d68 {
6107
- .ant-tooltip-arrow {
6108
- display: none;
6109
- }
6110
- .ant-tooltip-inner {
6111
- background: $gray-a80-9;
6112
- border-radius: 4px;
6113
- &:has(.eagle-ellipsis-content) {
6114
- visibility: hidden;
6127
+ > label {
6128
+ padding: 0 16px 7px 0;
6129
+ }
6115
6130
  }
6116
6131
  }
6117
- }
6118
6132
 
6133
+ &.has-border {
6134
+ .table-header {
6135
+ border-bottom: 1px solid $strokes-light-trans-1;
6136
+ }
6119
6137
 
6120
- .E_t160l1cm {
6121
- display: flex;
6122
- flex-direction: column;
6123
- flex: 1;
6138
+ .hiddenBorder {
6139
+ border-top: none !important;
6140
+ }
6124
6141
 
6125
- .tab-bar {
6126
- flex-shrink: 0;
6127
- display: flex;
6128
- border-bottom: 1px solid $strokes-translucent-1-light;
6129
- }
6142
+ .table-row + .table-row {
6143
+ border-top: 1px solid $strokes-light-trans-1;
6144
+ }
6130
6145
 
6131
- .tab-content {
6132
- height: 100%;
6146
+ .table-row:last-of-type {
6147
+ padding-bottom: 0;
6148
+ }
6133
6149
  }
6134
6150
 
6135
- .tab-menu-item {
6136
- margin-right: 2px;
6137
- padding: 1px 12px;
6138
- line-height: 24px;
6139
- height: 24px;
6140
- color: $text-secondary-light;
6141
- border-radius: 4px 4px 0 0;
6142
- cursor: pointer;
6143
- transition:
6144
- color 100ms ease-out,
6145
- background-color 100ms ease-out,
6146
- padding-left 320ms ease 80ms;
6147
-
6148
- &:first-child {
6149
- padding-left: 0;
6151
+ &.align-right {
6152
+ .content {
6153
+ text-align: right;
6154
+ }
6155
+ }
6156
+ .uuid-row {
6157
+ display: flex;
6158
+ justify-content: space-between;
6150
6159
 
6151
- &:hover,
6152
- &.tab-menu-item-selected {
6153
- padding-left: 12px;
6154
- }
6160
+ .id-text {
6161
+ white-space: nowrap;
6162
+ overflow: hidden;
6163
+ text-overflow: ellipsis;
6155
6164
  }
6165
+ }
6166
+ }
6156
6167
 
6157
- &:hover {
6158
- color: $blue-60;
6159
- background: $fills-trans-terdiary-light;
6168
+ .E_t4zczcp {
6169
+ display: flex;
6170
+ justify-content: space-between;
6171
+ align-items: center;
6172
+ padding: 8px;
6173
+ min-height: 32px;
6160
6174
 
6161
- .expand-arrow path {
6162
- fill: $blue-60;
6163
- }
6164
- }
6175
+ .table-title {
6176
+ color: $text-secondary-light;
6177
+ font-weight: 600;
6178
+ font-size: 12px;
6179
+ line-height: 8px;
6180
+ }
6165
6181
 
6166
- &:active {
6167
- background: $fills-trans-quaternary-light;
6168
- }
6182
+ .edit-icon {
6183
+ font-size: 16px;
6184
+ color: $strokes-translucent-2-light;
6185
+ cursor: pointer;
6186
+ }
6187
+ }
6169
6188
 
6170
- &.ant-dropdown-open {
6171
- color: $blue-60;
6172
- background: $fills-trans-terdiary-light;
6189
+ .E_t1s7goww {
6190
+ font-size: 12px;
6191
+ line-height: 18px;
6192
+ }
6173
6193
 
6174
- &:active {
6175
- background: $fills-trans-quaternary-light;
6176
- }
6194
+ .E_t93e4cf {
6195
+ display: flex;
6196
+ padding: 8px 0;
6197
+ color: $text-primary-light;
6177
6198
 
6178
- &.tab-menu-item-selected {
6179
- background: rgba($blue-60, 0.16);
6180
- }
6199
+ .hidden {
6200
+ display: none;
6201
+ }
6181
6202
 
6182
- .expand-arrow path {
6183
- fill: $blue-60;
6184
- }
6185
- }
6203
+ .ant-btn.ant-btn-link {
6204
+ height: auto;
6205
+ }
6186
6206
 
6187
- &.tab-menu-item-selected {
6188
- color: $blue-60;
6189
- background: rgba($blue-60, 0.1);
6207
+ .content {
6208
+ overflow: hidden;
6209
+ overflow-x: auto;
6210
+ width: 100%;
6211
+ white-space: pre-wrap;
6190
6212
 
6191
- &:hover {
6192
- background: rgba($blue-60, 0.16);
6193
- }
6213
+ .ant-btn {
6214
+ white-space: pre-wrap;
6215
+ text-align: left;
6216
+ }
6194
6217
 
6195
- .expand-arrow path {
6196
- fill: $blue-100;
6197
- }
6218
+ .unit-chart {
6219
+ justify-content: flex-start;
6198
6220
  }
6221
+ }
6222
+ }
6223
+
6224
+ .E_rhz2uv5 {
6225
+ width: var(--rhz2uv5-0);
6226
+ flex-shrink: 0;
6227
+ color: $text-secondary-light;
6228
+ padding-right: 12px;
6229
+ }
6199
6230
 
6200
- .expand-arrow {
6201
- margin-left: 8px;
6202
- height: 22px;
6203
- }
6204
- .expand-arrow path {
6205
- fill: $text-secondary-light;
6206
- }
6231
+
6232
+ .E_s1at6qmn {
6233
+ &.ant-layout-sider {
6234
+ background: $backgrounds-light-grouped;
6235
+ padding: 32px 8px;
6236
+ overflow: auto;
6207
6237
  }
6208
6238
 
6209
- .tab-menu-item-group {
6210
- padding: 0;
6239
+ .ant-layout-sider-children {
6211
6240
  display: flex;
6212
- align-items: center;
6213
- overflow: hidden;
6214
-
6215
- .main-title {
6216
- opacity: 0;
6217
- max-width: 0;
6218
- transition:
6219
- max-width 320ms ease,
6220
- opacity 240ms ease;
6221
- }
6241
+ flex-direction: column;
6242
+ justify-content: space-between;
6243
+ }
6222
6244
 
6223
- .sub-title {
6224
- padding: 1px 12px;
6225
- position: relative;
6226
- display: flex;
6245
+ footer {
6246
+ display: flex;
6247
+ }
6227
6248
 
6228
- > .slash-arrow {
6229
- opacity: 0;
6230
- position: absolute;
6231
- top: 50%;
6232
- left: 0;
6233
- transform: translate(-50%, -50%);
6234
- transition: opacity 100ms linear;
6235
- fill: rgba($blue-60, 0.2);
6236
- }
6249
+ .ant-menu {
6250
+ background: $backgrounds-light-grouped;
6251
+ a {
6252
+ color: $text-light-primary;
6253
+ width: 180px;
6254
+ overflow: hidden;
6255
+ text-overflow: ellipsis;
6237
6256
  }
6257
+ }
6238
6258
 
6239
- &.tab-menu-item-selected {
6240
- color: $blue-60;
6259
+ .ant-menu-vertical {
6260
+ margin-bottom: 24px;
6241
6261
 
6242
- .main-title {
6243
- padding: 1px 12px;
6244
- display: inline-block;
6245
- opacity: 1;
6246
- max-width: 160px;
6262
+ .ant-menu-item-group {
6263
+ .ant-menu-item {
6264
+ margin: 0;
6247
6265
  }
6266
+ .ant-menu-item-group-title {
6267
+ font-size: 12px;
6268
+ padding: 0 8px 4px;
6269
+ line-height: 18px;
6248
6270
 
6249
- .sub-title {
6250
- padding: 1px 12px;
6251
- color: $blue-80;
6252
-
6253
- > .slash-arrow {
6254
- opacity: 1;
6271
+ &:empty {
6272
+ padding: 0;
6255
6273
  }
6256
6274
  }
6257
-
6258
- &:hover,
6259
- &:active {
6260
- .sub-title {
6261
- background: rgba($blue-60, 0.16);
6262
- }
6263
- .sub-title > .slash-arrow {
6264
- opacity: 0;
6275
+ &:not(:last-child) {
6276
+ padding-bottom: 24px;
6277
+ &.split {
6278
+ margin-bottom: 24px;
6279
+ border-bottom: 1px solid rgba(211, 218, 235, 0.6);
6265
6280
  }
6266
6281
  }
6267
6282
  }
6268
- }
6269
6283
 
6270
- .tab-menu-item-medium {
6271
- &.tab-menu-item {
6272
- padding: 4px 16px;
6284
+ .ant-menu-item {
6285
+ transition: none;
6286
+ display: flex;
6287
+ align-items: center;
6273
6288
  height: 32px;
6274
- border-radius: 6px 6px 0 0;
6289
+ line-height: 22px;
6290
+ padding: 0 8px;
6275
6291
 
6276
- &:first-child {
6277
- padding-left: 0;
6278
- }
6279
- &:first-child:hover,
6280
- &.tab-menu-item-selected:first-child {
6281
- padding-left: 16px;
6292
+ > .icon-wrapper {
6293
+ margin-right: 12px;
6282
6294
  }
6283
6295
 
6284
- .expand-arrow {
6285
- margin-left: 11px;
6286
- height: 24px;
6296
+ &:not(:last-child) {
6297
+ margin: 0;
6298
+ margin-bottom: 2px;
6287
6299
  }
6288
- }
6289
-
6290
- &.tab-menu-item-group {
6291
- padding: 0;
6292
-
6293
- .sub-title {
6294
- padding: 4px 16px;
6300
+ &.ant-menu-item-selected {
6301
+ background: $background-selected;
6302
+ box-shadow: $box-shadow-light-selected;
6303
+ border-radius: 6px;
6304
+ color: $text-light-on-tint;
6305
+ a {
6306
+ color: $text-light-on-tint;
6307
+ }
6295
6308
  }
6296
-
6297
- &.tab-menu-item-selected .sub-title,
6298
- &.tab-menu-item-selected .main-title {
6299
- padding: 4px 16px;
6309
+ &:not(.ant-menu-item-selected) {
6310
+ &.ant-menu-item:hover,
6311
+ &.ant-menu-item-active {
6312
+ background: $background-onhover;
6313
+ box-shadow: $box-shadow-light-onhover;
6314
+ border-radius: 6px;
6315
+ }
6300
6316
  }
6301
6317
  }
6302
6318
  }
6319
+ }
6303
6320
 
6304
- .tab-menu-item-light {
6305
- &:hover,
6306
- &:active {
6307
- background: $white;
6308
- }
6321
+ .E_s1wu0lms {
6322
+ .ant-menu-item-group-title {
6323
+ white-space: nowrap;
6324
+ transition: all 0s;
6325
+ }
6309
6326
 
6310
- &:active {
6311
- color: $blue-80;
6312
- }
6327
+ &.shrink {
6328
+ transition: all 0s;
6329
+ overflow: hidden;
6313
6330
 
6314
- &.tab-menu-item.tab-menu-item-selected {
6315
- background: $white;
6316
- color: $blue-100;
6331
+ .ant-menu-item-group-title {
6332
+ visibility: hidden;
6317
6333
  }
6318
6334
 
6319
- &.tab-menu-item-group.tab-menu-item-selected {
6320
- .main-title {
6321
- color: rgba($gray-80, 0.6);
6322
- }
6323
-
6324
- .sub-title {
6325
- color: $blue-100;
6326
- }
6327
-
6328
- .sub-title > .slash-arrow {
6329
- fill: $fills-opaque-quaternary-light;
6330
- }
6331
-
6332
- .sub-title > .expand-arrow path {
6333
- fill: $blue-100;
6334
- }
6335
+ .ant-menu-item {
6336
+ width: 36px;
6337
+ padding: 0 6px;
6335
6338
  }
6336
6339
  }
6337
-
6338
- .tab-content {
6339
- flex: 1;
6340
- display: flex;
6341
- flex-direction: column;
6342
- }
6343
-
6344
- /* FIXME:(yanzhen) do this better */
6345
- &.is-overview .tab-content {
6346
- overflow: visible;
6347
- }
6348
6340
  }
6349
6341
 
6350
- .E_t14npdqr {
6351
- max-width: 240px;
6352
- animation: none;
6342
+ .E_n1ugzfva {
6343
+ display: flex;
6344
+ place-items: center;
6345
+ width: 100% !important;
6353
6346
 
6354
- &.ant-dropdown .ant-dropdown-menu {
6355
- border: 1px solid $blue-60;
6356
- padding: 0;
6347
+ &[disabled] {
6348
+ color: rgba(0, 0, 0, 0.25) !important;
6349
+ opacity: 1 !important;
6350
+ }
6357
6351
 
6358
- .ant-dropdown-menu-item {
6359
- margin: 0;
6360
- height: 32px;
6361
- line-height: 32px;
6362
- font-size: 13px;
6363
- padding: 0 10px;
6364
- display: block;
6365
- overflow: hidden;
6366
- text-overflow: ellipsis;
6367
- white-space: nowrap;
6352
+ &.ant-btn {
6353
+ width: 100%;
6354
+ color: $text-light-primary;
6355
+ }
6368
6356
 
6369
- &:not(:first-child) {
6370
- &::before {
6371
- content: " ";
6372
- height: 1px;
6373
- width: calc(100% + 10px);
6374
- background: $strokes-translucent-1-light;
6375
- display: block;
6376
- }
6377
- }
6357
+ .icon-wrapper {
6358
+ margin-right: 12px;
6359
+ }
6378
6360
 
6379
- &.ant-dropdown-menu-item-selected {
6380
- color: $blue-60;
6381
- background: transparent;
6382
- }
6383
- }
6361
+ .link-title {
6362
+ flex: 1;
6363
+ overflow: hidden;
6364
+ white-space: nowrap;
6365
+ text-overflow: ellipsis;
6366
+ text-align: left;
6384
6367
  }
6385
6368
  }
6386
6369
 
6387
6370
 
6388
- .E_s1iv0tp1 {
6389
- .enabled-switch {
6371
+ .E_t160l1cm {
6372
+ display: flex;
6373
+ flex-direction: column;
6374
+ flex: 1;
6375
+
6376
+ .tab-bar {
6377
+ flex-shrink: 0;
6390
6378
  display: flex;
6391
- align-items: center;
6379
+ border-bottom: 1px solid $strokes-translucent-1-light;
6392
6380
  }
6393
6381
 
6394
- .enabled-text {
6395
- margin-right: 8px;
6382
+ .tab-content {
6383
+ height: 100%;
6396
6384
  }
6397
- }
6398
-
6399
6385
 
6400
- .E_t1sqg15u {
6401
- background: white;
6386
+ .tab-menu-item {
6387
+ margin-right: 2px;
6388
+ padding: 1px 12px;
6389
+ line-height: 24px;
6390
+ height: 24px;
6391
+ color: $text-secondary-light;
6392
+ border-radius: 4px 4px 0 0;
6393
+ cursor: pointer;
6394
+ transition:
6395
+ color 100ms ease-out,
6396
+ background-color 100ms ease-out,
6397
+ padding-left 320ms ease 80ms;
6402
6398
 
6403
- &.inline {
6404
- .table-row {
6405
- flex-direction: column;
6399
+ &:first-child {
6400
+ padding-left: 0;
6406
6401
 
6407
- > label {
6408
- padding: 0 16px 7px 0;
6402
+ &:hover,
6403
+ &.tab-menu-item-selected {
6404
+ padding-left: 12px;
6409
6405
  }
6410
6406
  }
6411
- }
6412
-
6413
- &.has-border {
6414
- .table-header {
6415
- border-bottom: 1px solid $strokes-light-trans-1;
6416
- }
6417
-
6418
- .hiddenBorder {
6419
- border-top: none !important;
6420
- }
6421
6407
 
6422
- .table-row + .table-row {
6423
- border-top: 1px solid $strokes-light-trans-1;
6424
- }
6408
+ &:hover {
6409
+ color: $blue-60;
6410
+ background: $fills-trans-terdiary-light;
6425
6411
 
6426
- .table-row:last-of-type {
6427
- padding-bottom: 0;
6412
+ .expand-arrow path {
6413
+ fill: $blue-60;
6414
+ }
6428
6415
  }
6429
- }
6430
6416
 
6431
- &.align-right {
6432
- .content {
6433
- text-align: right;
6417
+ &:active {
6418
+ background: $fills-trans-quaternary-light;
6434
6419
  }
6435
- }
6436
- .uuid-row {
6437
- display: flex;
6438
- justify-content: space-between;
6439
6420
 
6440
- .id-text {
6441
- white-space: nowrap;
6442
- overflow: hidden;
6443
- text-overflow: ellipsis;
6444
- }
6445
- }
6446
- }
6421
+ &.ant-dropdown-open {
6422
+ color: $blue-60;
6423
+ background: $fills-trans-terdiary-light;
6447
6424
 
6448
- .E_t4zczcp {
6449
- display: flex;
6450
- justify-content: space-between;
6451
- align-items: center;
6452
- padding: 8px;
6453
- min-height: 32px;
6425
+ &:active {
6426
+ background: $fills-trans-quaternary-light;
6427
+ }
6454
6428
 
6455
- .table-title {
6456
- color: $text-secondary-light;
6457
- font-weight: 600;
6458
- font-size: 12px;
6459
- line-height: 8px;
6460
- }
6429
+ &.tab-menu-item-selected {
6430
+ background: rgba($blue-60, 0.16);
6431
+ }
6461
6432
 
6462
- .edit-icon {
6463
- font-size: 16px;
6464
- color: $strokes-translucent-2-light;
6465
- cursor: pointer;
6466
- }
6467
- }
6433
+ .expand-arrow path {
6434
+ fill: $blue-60;
6435
+ }
6436
+ }
6468
6437
 
6469
- .E_t1s7goww {
6470
- font-size: 12px;
6471
- line-height: 18px;
6472
- }
6438
+ &.tab-menu-item-selected {
6439
+ color: $blue-60;
6440
+ background: rgba($blue-60, 0.1);
6473
6441
 
6474
- .E_t93e4cf {
6475
- display: flex;
6476
- padding: 8px 0;
6477
- color: $text-primary-light;
6442
+ &:hover {
6443
+ background: rgba($blue-60, 0.16);
6444
+ }
6478
6445
 
6479
- .hidden {
6480
- display: none;
6481
- }
6446
+ .expand-arrow path {
6447
+ fill: $blue-100;
6448
+ }
6449
+ }
6482
6450
 
6483
- .ant-btn.ant-btn-link {
6484
- height: auto;
6451
+ .expand-arrow {
6452
+ margin-left: 8px;
6453
+ height: 22px;
6454
+ }
6455
+ .expand-arrow path {
6456
+ fill: $text-secondary-light;
6457
+ }
6485
6458
  }
6486
6459
 
6487
- .content {
6460
+ .tab-menu-item-group {
6461
+ padding: 0;
6462
+ display: flex;
6463
+ align-items: center;
6488
6464
  overflow: hidden;
6489
- overflow-x: auto;
6490
- width: 100%;
6491
- white-space: pre-wrap;
6492
6465
 
6493
- .ant-btn {
6494
- white-space: pre-wrap;
6495
- text-align: left;
6466
+ .main-title {
6467
+ opacity: 0;
6468
+ max-width: 0;
6469
+ transition:
6470
+ max-width 320ms ease,
6471
+ opacity 240ms ease;
6496
6472
  }
6497
6473
 
6498
- .unit-chart {
6499
- justify-content: flex-start;
6500
- }
6501
- }
6502
- }
6474
+ .sub-title {
6475
+ padding: 1px 12px;
6476
+ position: relative;
6477
+ display: flex;
6503
6478
 
6504
- .E_rhz2uv5 {
6505
- width: var(--rhz2uv5-0);
6506
- flex-shrink: 0;
6507
- color: $text-secondary-light;
6508
- padding-right: 12px;
6509
- }
6479
+ > .slash-arrow {
6480
+ opacity: 0;
6481
+ position: absolute;
6482
+ top: 50%;
6483
+ left: 0;
6484
+ transform: translate(-50%, -50%);
6485
+ transition: opacity 100ms linear;
6486
+ fill: rgba($blue-60, 0.2);
6487
+ }
6488
+ }
6510
6489
 
6490
+ &.tab-menu-item-selected {
6491
+ color: $blue-60;
6511
6492
 
6512
- .E_s1at6qmn {
6513
- &.ant-layout-sider {
6514
- background: $backgrounds-light-grouped;
6515
- padding: 32px 8px;
6516
- overflow: auto;
6517
- }
6493
+ .main-title {
6494
+ padding: 1px 12px;
6495
+ display: inline-block;
6496
+ opacity: 1;
6497
+ max-width: 160px;
6498
+ }
6518
6499
 
6519
- .ant-layout-sider-children {
6520
- display: flex;
6521
- flex-direction: column;
6522
- justify-content: space-between;
6523
- }
6500
+ .sub-title {
6501
+ padding: 1px 12px;
6502
+ color: $blue-80;
6524
6503
 
6525
- footer {
6526
- display: flex;
6527
- }
6504
+ > .slash-arrow {
6505
+ opacity: 1;
6506
+ }
6507
+ }
6528
6508
 
6529
- .ant-menu {
6530
- background: $backgrounds-light-grouped;
6531
- a {
6532
- color: $text-light-primary;
6533
- width: 180px;
6534
- overflow: hidden;
6535
- text-overflow: ellipsis;
6509
+ &:hover,
6510
+ &:active {
6511
+ .sub-title {
6512
+ background: rgba($blue-60, 0.16);
6513
+ }
6514
+ .sub-title > .slash-arrow {
6515
+ opacity: 0;
6516
+ }
6517
+ }
6536
6518
  }
6537
6519
  }
6538
6520
 
6539
- .ant-menu-vertical {
6540
- margin-bottom: 24px;
6521
+ .tab-menu-item-medium {
6522
+ &.tab-menu-item {
6523
+ padding: 4px 16px;
6524
+ height: 32px;
6525
+ border-radius: 6px 6px 0 0;
6541
6526
 
6542
- .ant-menu-item-group {
6543
- .ant-menu-item {
6544
- margin: 0;
6527
+ &:first-child {
6528
+ padding-left: 0;
6529
+ }
6530
+ &:first-child:hover,
6531
+ &.tab-menu-item-selected:first-child {
6532
+ padding-left: 16px;
6545
6533
  }
6546
- .ant-menu-item-group-title {
6547
- font-size: 12px;
6548
- padding: 0 8px 4px;
6549
- line-height: 18px;
6550
6534
 
6551
- &:empty {
6552
- padding: 0;
6553
- }
6535
+ .expand-arrow {
6536
+ margin-left: 11px;
6537
+ height: 24px;
6554
6538
  }
6555
- &:not(:last-child) {
6556
- padding-bottom: 24px;
6557
- &.split {
6558
- margin-bottom: 24px;
6559
- border-bottom: 1px solid rgba(211, 218, 235, 0.6);
6560
- }
6539
+ }
6540
+
6541
+ &.tab-menu-item-group {
6542
+ padding: 0;
6543
+
6544
+ .sub-title {
6545
+ padding: 4px 16px;
6546
+ }
6547
+
6548
+ &.tab-menu-item-selected .sub-title,
6549
+ &.tab-menu-item-selected .main-title {
6550
+ padding: 4px 16px;
6561
6551
  }
6562
6552
  }
6553
+ }
6563
6554
 
6564
- .ant-menu-item {
6565
- transition: none;
6566
- display: flex;
6567
- align-items: center;
6568
- height: 32px;
6569
- line-height: 22px;
6570
- padding: 0 8px;
6555
+ .tab-menu-item-light {
6556
+ &:hover,
6557
+ &:active {
6558
+ background: $white;
6559
+ }
6571
6560
 
6572
- > .icon-wrapper {
6573
- margin-right: 12px;
6561
+ &:active {
6562
+ color: $blue-80;
6563
+ }
6564
+
6565
+ &.tab-menu-item.tab-menu-item-selected {
6566
+ background: $white;
6567
+ color: $blue-100;
6568
+ }
6569
+
6570
+ &.tab-menu-item-group.tab-menu-item-selected {
6571
+ .main-title {
6572
+ color: rgba($gray-80, 0.6);
6574
6573
  }
6575
6574
 
6576
- &:not(:last-child) {
6577
- margin: 0;
6578
- margin-bottom: 2px;
6575
+ .sub-title {
6576
+ color: $blue-100;
6579
6577
  }
6580
- &.ant-menu-item-selected {
6581
- background: $background-selected;
6582
- box-shadow: $box-shadow-light-selected;
6583
- border-radius: 6px;
6584
- color: $text-light-on-tint;
6585
- a {
6586
- color: $text-light-on-tint;
6587
- }
6578
+
6579
+ .sub-title > .slash-arrow {
6580
+ fill: $fills-opaque-quaternary-light;
6588
6581
  }
6589
- &:not(.ant-menu-item-selected) {
6590
- &.ant-menu-item:hover,
6591
- &.ant-menu-item-active {
6592
- background: $background-onhover;
6593
- box-shadow: $box-shadow-light-onhover;
6594
- border-radius: 6px;
6595
- }
6582
+
6583
+ .sub-title > .expand-arrow path {
6584
+ fill: $blue-100;
6596
6585
  }
6597
6586
  }
6598
6587
  }
6599
- }
6600
6588
 
6601
- .E_s1wu0lms {
6602
- .ant-menu-item-group-title {
6603
- white-space: nowrap;
6604
- transition: all 0s;
6589
+ .tab-content {
6590
+ flex: 1;
6591
+ display: flex;
6592
+ flex-direction: column;
6605
6593
  }
6606
6594
 
6607
- &.shrink {
6608
- transition: all 0s;
6609
- overflow: hidden;
6610
-
6611
- .ant-menu-item-group-title {
6612
- visibility: hidden;
6613
- }
6614
-
6615
- .ant-menu-item {
6616
- width: 36px;
6617
- padding: 0 6px;
6618
- }
6595
+ /* FIXME:(yanzhen) do this better */
6596
+ &.is-overview .tab-content {
6597
+ overflow: visible;
6619
6598
  }
6620
6599
  }
6621
6600
 
6622
- .E_n1ugzfva {
6623
- display: flex;
6624
- place-items: center;
6625
- width: 100% !important;
6601
+ .E_t14npdqr {
6602
+ max-width: 240px;
6603
+ animation: none;
6626
6604
 
6627
- &[disabled] {
6628
- color: rgba(0, 0, 0, 0.25) !important;
6629
- opacity: 1 !important;
6630
- }
6605
+ &.ant-dropdown .ant-dropdown-menu {
6606
+ border: 1px solid $blue-60;
6607
+ padding: 0;
6631
6608
 
6632
- &.ant-btn {
6633
- width: 100%;
6634
- color: $text-light-primary;
6609
+ .ant-dropdown-menu-item {
6610
+ margin: 0;
6611
+ height: 32px;
6612
+ line-height: 32px;
6613
+ font-size: 13px;
6614
+ padding: 0 10px;
6615
+ display: block;
6616
+ overflow: hidden;
6617
+ text-overflow: ellipsis;
6618
+ white-space: nowrap;
6619
+
6620
+ &:not(:first-child) {
6621
+ &::before {
6622
+ content: " ";
6623
+ height: 1px;
6624
+ width: calc(100% + 10px);
6625
+ background: $strokes-translucent-1-light;
6626
+ display: block;
6627
+ }
6628
+ }
6629
+
6630
+ &.ant-dropdown-menu-item-selected {
6631
+ color: $blue-60;
6632
+ background: transparent;
6633
+ }
6634
+ }
6635
6635
  }
6636
+ }
6636
6637
 
6637
- .icon-wrapper {
6638
- margin-right: 12px;
6638
+
6639
+ .E_s1iv0tp1 {
6640
+ .enabled-switch {
6641
+ display: flex;
6642
+ align-items: center;
6639
6643
  }
6640
6644
 
6641
- .link-title {
6642
- flex: 1;
6643
- overflow: hidden;
6644
- white-space: nowrap;
6645
- text-overflow: ellipsis;
6646
- text-align: left;
6645
+ .enabled-text {
6646
+ margin-right: 8px;
6647
6647
  }
6648
6648
  }
6649
6649
 
@@ -6674,6 +6674,13 @@
6674
6674
  }
6675
6675
 
6676
6676
 
6677
+ .E_h1ol2wl7 {
6678
+ font-weight: bold;
6679
+ background-color: unset;
6680
+ padding: unset;
6681
+ }
6682
+
6683
+
6677
6684
  .E_d11hhzf9 {
6678
6685
  width: 492px !important;
6679
6686
  margin: 40px auto !important;
@@ -6719,10 +6726,47 @@
6719
6726
  }
6720
6727
 
6721
6728
 
6722
- .E_h1ol2wl7 {
6723
- font-weight: bold;
6724
- background-color: unset;
6725
- padding: unset;
6729
+ .E_i5w779o {
6730
+ padding: 8px 0;
6731
+
6732
+ .col-label {
6733
+ flex-shrink: unset;
6734
+ * {
6735
+ line-height: 18px;
6736
+ }
6737
+ }
6738
+ .col-content {
6739
+ flex: 1 1 0;
6740
+ display: flex;
6741
+ align-items: center;
6742
+ * {
6743
+ line-height: 18px;
6744
+ }
6745
+ }
6746
+ }
6747
+
6748
+ .E_l18dja44 {
6749
+ padding: 6px 0;
6750
+
6751
+ .col-label * {
6752
+ font-size: 13px;
6753
+ line-height: 20px;
6754
+ }
6755
+ .col-content * {
6756
+ font-size: 14px;
6757
+ line-height: 20px;
6758
+ }
6759
+ }
6760
+
6761
+ .E_c8c2hys {
6762
+ display: flex;
6763
+ justify-content: space-between;
6764
+ flex: 1;
6765
+ min-width: 0;
6766
+ }
6767
+
6768
+ .E_n4m6c4d {
6769
+ color: $text-light-tertiary;
6726
6770
  }
6727
6771
 
6728
6772
 
@@ -6782,50 +6826,6 @@
6782
6826
  }
6783
6827
 
6784
6828
 
6785
- .E_i5w779o {
6786
- padding: 8px 0;
6787
-
6788
- .col-label {
6789
- flex-shrink: unset;
6790
- * {
6791
- line-height: 18px;
6792
- }
6793
- }
6794
- .col-content {
6795
- flex: 1 1 0;
6796
- display: flex;
6797
- align-items: center;
6798
- * {
6799
- line-height: 18px;
6800
- }
6801
- }
6802
- }
6803
-
6804
- .E_l18dja44 {
6805
- padding: 6px 0;
6806
-
6807
- .col-label * {
6808
- font-size: 13px;
6809
- line-height: 20px;
6810
- }
6811
- .col-content * {
6812
- font-size: 14px;
6813
- line-height: 20px;
6814
- }
6815
- }
6816
-
6817
- .E_c8c2hys {
6818
- display: flex;
6819
- justify-content: space-between;
6820
- flex: 1;
6821
- min-width: 0;
6822
- }
6823
-
6824
- .E_n4m6c4d {
6825
- color: $text-light-tertiary;
6826
- }
6827
-
6828
-
6829
6829
  .E_c14ouk5o {
6830
6830
  width: 100%;
6831
6831
  height: 100%;
@@ -6877,6 +6877,16 @@
6877
6877
  }
6878
6878
 
6879
6879
 
6880
+ .E_cevhqx7 {
6881
+ color: $text-light-primary;
6882
+ }
6883
+
6884
+ .E_snbqlt4 {
6885
+ margin-top: 8px;
6886
+ color: $text-light-secondary;
6887
+ }
6888
+
6889
+
6880
6890
  .E_c1kchka8 {
6881
6891
  height: 100%;
6882
6892
  width: 100%;
@@ -7499,16 +7509,6 @@
7499
7509
  }
7500
7510
 
7501
7511
 
7502
- .E_cevhqx7 {
7503
- color: $text-light-primary;
7504
- }
7505
-
7506
- .E_snbqlt4 {
7507
- margin-top: 8px;
7508
- color: $text-light-secondary;
7509
- }
7510
-
7511
-
7512
7512
  .E_l12xdkhl {
7513
7513
  width: 64px;
7514
7514
  height: 64px;