@cloudtower/eagle 0.34.5 → 0.34.6

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,3 +1,56 @@
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
+ .E_c1uzzomf {
30
+ margin-bottom: 16px;
31
+
32
+ .card-title {
33
+ font-size: 16px;
34
+ color: $text-secondary-light;
35
+ font-weight: 700;
36
+ line-height: 32px;
37
+ }
38
+ .card-body {
39
+ padding: 24px;
40
+ border-radius: 8px;
41
+ background: $fills-light-white;
42
+ }
43
+
44
+ .empty {
45
+ font-weight: 700;
46
+ font-size: 14px;
47
+ line-height: 22px;
48
+ color: $text-light-tertiary;
49
+ text-align: center;
50
+ }
51
+ }
52
+
53
+
1
54
  .E_m74vjol {
2
55
  display: flex;
3
56
  justify-content: space-between;
@@ -23,30 +76,231 @@
23
76
  }
24
77
 
25
78
 
26
- .E_c18gxmrl {
27
- border: 1px solid $gray-40;
28
- border-radius: 4px;
79
+ .E_phljevk {
80
+ display: flex;
81
+ justify-content: space-between;
82
+ align-items: center;
83
+ padding: 10px 0;
84
+ color: $text-light-secondary;
85
+ font-size: 12px;
86
+ line-height: 24px;
29
87
 
30
- & + & {
31
- margin-top: 8px;
88
+ .pagination-left {
89
+ padding: 2px 8px;
32
90
  }
33
91
 
34
- &:hover {
35
- border-color: $blue-60;
92
+ .dropdown-trigger {
93
+ display: flex;
94
+ align-items: center;
95
+ border-radius: 6px;
96
+ cursor: pointer;
97
+ transition: all 0.3s ease;
36
98
 
37
- > header {
38
- background: rgba($blue-60, 0.1);
99
+ &:hover {
100
+ background: $fills-interaction-light-general-hover;
101
+ color: $text-light-general;
102
+ }
103
+ .icon-inner {
104
+ margin-left: 4px;
39
105
  }
40
106
  }
41
107
 
42
- &.active {
43
- header {
44
- border-bottom: 1px solid $gray-40;
108
+ .pagination-right {
109
+ display: flex;
110
+ align-items: center;
111
+ color: $blue-60;
112
+ font-weight: bold;
113
+ .icon-inner {
114
+ margin-left: 4px;
115
+ }
116
+ .prev-btn,
117
+ .next-btn {
118
+ padding: 0 8px;
119
+ > span {
120
+ color: $text-light-general;
121
+ }
122
+ }
123
+
124
+ .next-btn {
125
+ .icon-inner {
126
+ transform: rotate(180deg);
127
+ }
45
128
  }
46
129
  }
130
+ }
47
131
 
48
- > header {
49
- padding: 8px 12px;
132
+ .E_d12rtyeg {
133
+ &.ant-dropdown .ant-dropdown-menu {
134
+ max-height: calc(100vh - 128px);
135
+ overflow-y: auto;
136
+
137
+ .ant-dropdown-menu-item {
138
+ padding: 4px 20px;
139
+ font-size: 12px;
140
+ line-height: 18px;
141
+ }
142
+ }
143
+ }
144
+
145
+
146
+ .E_berrcjl {
147
+ color: $text-terdiary-light;
148
+ margin-bottom: 4px;
149
+
150
+ .breadcrumb-link {
151
+ color: $text-terdiary-light;
152
+ cursor: pointer;
153
+ transition: color 160ms ease;
154
+
155
+ &:hover {
156
+ color: $blue-60;
157
+ }
158
+ &:active {
159
+ color: $blue-80;
160
+ }
161
+ }
162
+ }
163
+
164
+
165
+ .E_b1nip9bk {
166
+ padding: 4px 11px;
167
+ }
168
+
169
+ .E_bqamoqe {
170
+ white-space: nowrap;
171
+ filter: drop-shadow(0px 2px 8px rgba(0, 136, 255, 0.1));
172
+
173
+ & > .ant-btn {
174
+ &.ant-btn-ordinary-onTint:not(.ant-btn-dangerous) {
175
+ --color: #{$text-light-general};
176
+
177
+ &[disabled],
178
+ &:hover[disabled] {
179
+ --color: #{$text-light-general};
180
+ }
181
+ }
182
+ }
183
+
184
+ & > .ant-btn:not(:only-child) {
185
+ & + .ant-btn {
186
+ margin-left: 1px;
187
+ }
188
+
189
+ &:first-child {
190
+ border-top-right-radius: 0;
191
+ border-bottom-right-radius: 0;
192
+ }
193
+
194
+ &:last-child {
195
+ border-top-left-radius: 0;
196
+ border-bottom-left-radius: 0;
197
+ }
198
+
199
+ &:not(:first-child, :last-child) {
200
+ border-radius: unset;
201
+ }
202
+ }
203
+ }
204
+
205
+
206
+ .E_ccrbeuz {
207
+ .ant-collapse-item {
208
+ border: 0px;
209
+ background-color: $fills-light-white;
210
+
211
+ .ant-collapse-header {
212
+ padding-top: 0px;
213
+ padding-bottom: 0px;
214
+ padding-left: 0px !important;
215
+ padding-right: 24px;
216
+ .ant-collapse-arrow {
217
+ right: 0px;
218
+ }
219
+ }
220
+ .ant-collapse-content {
221
+ .ant-collapse-content-box {
222
+ padding: 0px;
223
+ }
224
+ }
225
+ }
226
+ }
227
+
228
+ .E_c1fljvag {
229
+ .ant-collapse-item {
230
+ .ant-collapse-header {
231
+ padding-right: 0px;
232
+ cursor: default;
233
+ }
234
+ }
235
+ }
236
+
237
+
238
+ .E_c1yyuluq {
239
+ border-radius: 8px;
240
+ .ant-card-body {
241
+ padding: 20px 24px 24px 24px;
242
+ }
243
+ }
244
+
245
+
246
+ .E_itxley7 {
247
+ &.ant-input-group.ant-input-group-compact {
248
+ display: flex;
249
+ }
250
+
251
+ &.ant-input-group.ant-input-group-compact > *:first-child,
252
+ &.ant-input-group.ant-input-group-compact
253
+ > .ant-select:first-child
254
+ > .ant-select-selector,
255
+ &.ant-input-group.ant-input-group-compact
256
+ > .ant-calendar-picker:first-child
257
+ .ant-input,
258
+ &.ant-input-group.ant-input-group-compact
259
+ > .ant-select-auto-complete:first-child
260
+ .ant-input,
261
+ &.ant-input-group.ant-input-group-compact
262
+ > .ant-cascader-picker:first-child
263
+ .ant-input,
264
+ &.ant-input-group.ant-input-group-compact
265
+ > .ant-mention-wrapper:first-child
266
+ .ant-mention-editor,
267
+ &.ant-input-group.ant-input-group-compact
268
+ > .ant-time-picker:first-child
269
+ .ant-time-picker-input {
270
+ border-bottom-left-radius: 5px;
271
+ border-top-left-radius: 5px;
272
+ }
273
+ &.ant-input-group.ant-input-group-compact > *:last-child,
274
+ &.ant-input-group.ant-input-group-compact
275
+ > .ant-select:last-child
276
+ > .ant-select-selector,
277
+ &.ant-input-group.ant-input-group-compact
278
+ > .ant-calendar-picker:last-child
279
+ .ant-input,
280
+ &.ant-input-group.ant-input-group-compact
281
+ > .ant-select-auto-complete:last-child
282
+ .ant-input,
283
+ &.ant-input-group.ant-input-group-compact
284
+ > .ant-cascader-picker:last-child
285
+ .ant-input,
286
+ &.ant-input-group.ant-input-group-compact
287
+ > .ant-cascader-picker-focused:last-child
288
+ .ant-input,
289
+ &.ant-input-group.ant-input-group-compact
290
+ > .ant-mention-wrapper:last-child
291
+ .ant-mention-editor,
292
+ &.ant-input-group.ant-input-group-compact
293
+ > .ant-time-picker:last-child
294
+ .ant-time-picker-input {
295
+ border-bottom-right-radius: 5px;
296
+ border-top-right-radius: 5px;
297
+ }
298
+ }
299
+
300
+
301
+ .E_sx1bpnu {
302
+ .ant-input-sm {
303
+ line-height: 18px;
50
304
  }
51
305
  }
52
306
 
@@ -402,94 +656,41 @@
402
656
  margin-left: 8px;
403
657
  display: inline-flex;
404
658
  }
405
- .icon-wrapper {
406
- display: flex;
407
- justify-content: center;
408
- }
409
- }
410
-
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_b1nip9bk {
432
- padding: 4px 11px;
433
- }
434
-
435
- .E_bqamoqe {
436
- white-space: nowrap;
437
- filter: drop-shadow(0px 2px 8px rgba(0, 136, 255, 0.1));
438
-
439
- & > .ant-btn {
440
- &.ant-btn-ordinary-onTint:not(.ant-btn-dangerous) {
441
- --color: #{$text-light-general};
442
-
443
- &[disabled],
444
- &:hover[disabled] {
445
- --color: #{$text-light-general};
446
- }
447
- }
659
+ .icon-wrapper {
660
+ display: flex;
661
+ justify-content: center;
448
662
  }
663
+ }
449
664
 
450
- & > .ant-btn:not(:only-child) {
451
- & + .ant-btn {
452
- margin-left: 1px;
453
- }
454
-
455
- &:first-child {
456
- border-top-right-radius: 0;
457
- border-bottom-right-radius: 0;
458
- }
459
-
460
- &:last-child {
461
- border-top-left-radius: 0;
462
- border-bottom-left-radius: 0;
463
- }
464
665
 
465
- &:not(:first-child, :last-child) {
466
- border-radius: unset;
467
- }
666
+ .E_i11gg7mj {
667
+ .ant-input-prefix {
668
+ margin-right: 8px;
669
+ }
670
+ .ant-input-suffix {
671
+ margin-left: 8px;
468
672
  }
469
673
  }
470
674
 
675
+ .E_cc368xp {
676
+ color: $gray-120;
677
+ border-right: 1px solid $gray-a60-5;
678
+ margin-right: 8px;
679
+ padding-right: 8px;
680
+ }
471
681
 
472
- .E_c1uzzomf {
473
- margin-bottom: 16px;
682
+ .E_i11o6xqj {
683
+ display: flex;
684
+ gap: 4px;
474
685
 
475
- .card-title {
476
- font-size: 16px;
477
- color: $text-secondary-light;
478
- font-weight: 700;
479
- line-height: 32px;
480
- }
481
- .card-body {
482
- padding: 24px;
483
- border-radius: 8px;
484
- background: $fills-light-white;
686
+ .icon-wrapper {
687
+ cursor: pointer;
485
688
  }
689
+ }
486
690
 
487
- .empty {
488
- font-weight: 700;
489
- font-size: 14px;
490
- line-height: 22px;
491
- color: $text-light-tertiary;
492
- text-align: center;
691
+ .E_d19ruhdj {
692
+ &.icon-wrapper {
693
+ cursor: not-allowed;
493
694
  }
494
695
  }
495
696
 
@@ -603,14 +804,6 @@
603
804
  }
604
805
 
605
806
 
606
- .E_c1yyuluq {
607
- border-radius: 8px;
608
- .ant-card-body {
609
- padding: 20px 24px 24px 24px;
610
- }
611
- }
612
-
613
-
614
807
  .E_rapgekc {
615
808
  &.ant-radio-wrapper {
616
809
  display: inline-flex;
@@ -737,250 +930,112 @@
737
930
 
738
931
  &.ant-radio-button-wrapper-checked:not(
739
932
  .ant-radio-button-wrapper-disabled
740
- ):first-child {
741
- border-color: $fills-light-general-general;
742
- }
743
-
744
- &.ant-radio-button-wrapper-checked {
745
- background: $fills-light-general-general-light;
746
- }
747
-
748
- &.ant-radio-button-wrapper-disabled {
749
- background: $fills-light-trans-3;
750
- border-color: $strokes-light-opaque-3;
751
- opacity: 0.5;
752
- &:hover {
753
- color: $text-light-primary;
754
- border-color: $strokes-light-opaque-3;
755
- }
756
- }
757
-
758
- &.ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
759
- color: $text-light-primary;
760
- border-color: $strokes-light-opaque-3;
761
- background: $fills-light-trans-5;
762
- }
763
-
764
- & .ant-radio-button-input {
765
- margin-right: 8px;
766
- display: inline;
767
- border: none;
768
- padding: 0;
769
- width: 36px;
770
- background: transparent;
771
- &:focus {
772
- box-shadow: none;
773
- }
774
- }
775
- & .ant-radio-button-input.ant-input-number {
776
- margin-right: 0;
777
- width: initial;
778
- box-shadow: none;
779
- }
780
- & .ant-radio-button-input .ant-input-number-handler-wrap {
781
- display: none;
782
- }
783
- & .ant-radio-button-input .ant-input-number-input-wrap {
784
- display: inline;
785
- }
786
- & .ant-radio-button-input .ant-input-number-input-wrap input {
787
- display: inline;
788
- margin-right: 8px;
789
- padding: 0;
790
- width: 36px;
791
- }
792
- }
793
-
794
-
795
- .E_itxley7 {
796
- &.ant-input-group.ant-input-group-compact {
797
- display: flex;
798
- }
799
-
800
- &.ant-input-group.ant-input-group-compact > *:first-child,
801
- &.ant-input-group.ant-input-group-compact
802
- > .ant-select:first-child
803
- > .ant-select-selector,
804
- &.ant-input-group.ant-input-group-compact
805
- > .ant-calendar-picker:first-child
806
- .ant-input,
807
- &.ant-input-group.ant-input-group-compact
808
- > .ant-select-auto-complete:first-child
809
- .ant-input,
810
- &.ant-input-group.ant-input-group-compact
811
- > .ant-cascader-picker:first-child
812
- .ant-input,
813
- &.ant-input-group.ant-input-group-compact
814
- > .ant-mention-wrapper:first-child
815
- .ant-mention-editor,
816
- &.ant-input-group.ant-input-group-compact
817
- > .ant-time-picker:first-child
818
- .ant-time-picker-input {
819
- border-bottom-left-radius: 5px;
820
- border-top-left-radius: 5px;
821
- }
822
- &.ant-input-group.ant-input-group-compact > *:last-child,
823
- &.ant-input-group.ant-input-group-compact
824
- > .ant-select:last-child
825
- > .ant-select-selector,
826
- &.ant-input-group.ant-input-group-compact
827
- > .ant-calendar-picker:last-child
828
- .ant-input,
829
- &.ant-input-group.ant-input-group-compact
830
- > .ant-select-auto-complete:last-child
831
- .ant-input,
832
- &.ant-input-group.ant-input-group-compact
833
- > .ant-cascader-picker:last-child
834
- .ant-input,
835
- &.ant-input-group.ant-input-group-compact
836
- > .ant-cascader-picker-focused:last-child
837
- .ant-input,
838
- &.ant-input-group.ant-input-group-compact
839
- > .ant-mention-wrapper:last-child
840
- .ant-mention-editor,
841
- &.ant-input-group.ant-input-group-compact
842
- > .ant-time-picker:last-child
843
- .ant-time-picker-input {
844
- border-bottom-right-radius: 5px;
845
- border-top-right-radius: 5px;
846
- }
847
- }
848
-
849
-
850
- .E_sx1bpnu {
851
- .ant-input-sm {
852
- line-height: 18px;
853
- }
854
- }
855
-
856
-
857
- .E_phljevk {
858
- display: flex;
859
- justify-content: space-between;
860
- align-items: center;
861
- padding: 10px 0;
862
- color: $text-light-secondary;
863
- font-size: 12px;
864
- line-height: 24px;
865
-
866
- .pagination-left {
867
- padding: 2px 8px;
868
- }
869
-
870
- .dropdown-trigger {
871
- display: flex;
872
- align-items: center;
873
- border-radius: 6px;
874
- cursor: pointer;
875
- transition: all 0.3s ease;
876
-
877
- &:hover {
878
- background: $fills-interaction-light-general-hover;
879
- color: $text-light-general;
880
- }
881
- .icon-inner {
882
- margin-left: 4px;
883
- }
884
- }
885
-
886
- .pagination-right {
887
- display: flex;
888
- align-items: center;
889
- color: $blue-60;
890
- font-weight: bold;
891
- .icon-inner {
892
- margin-left: 4px;
893
- }
894
- .prev-btn,
895
- .next-btn {
896
- padding: 0 8px;
897
- > span {
898
- color: $text-light-general;
899
- }
900
- }
901
-
902
- .next-btn {
903
- .icon-inner {
904
- transform: rotate(180deg);
905
- }
906
- }
907
- }
908
- }
909
-
910
- .E_d12rtyeg {
911
- &.ant-dropdown .ant-dropdown-menu {
912
- max-height: calc(100vh - 128px);
913
- overflow-y: auto;
914
-
915
- .ant-dropdown-menu-item {
916
- padding: 4px 20px;
917
- font-size: 12px;
918
- line-height: 18px;
919
- }
920
- }
921
- }
922
-
923
-
924
- .E_ccrbeuz {
925
- .ant-collapse-item {
926
- border: 0px;
927
- background-color: $fills-light-white;
933
+ ):first-child {
934
+ border-color: $fills-light-general-general;
935
+ }
928
936
 
929
- .ant-collapse-header {
930
- padding-top: 0px;
931
- padding-bottom: 0px;
932
- padding-left: 0px !important;
933
- padding-right: 24px;
934
- .ant-collapse-arrow {
935
- right: 0px;
936
- }
937
- }
938
- .ant-collapse-content {
939
- .ant-collapse-content-box {
940
- padding: 0px;
941
- }
942
- }
937
+ &.ant-radio-button-wrapper-checked {
938
+ background: $fills-light-general-general-light;
943
939
  }
944
- }
945
940
 
946
- .E_c1fljvag {
947
- .ant-collapse-item {
948
- .ant-collapse-header {
949
- padding-right: 0px;
950
- cursor: default;
941
+ &.ant-radio-button-wrapper-disabled {
942
+ background: $fills-light-trans-3;
943
+ border-color: $strokes-light-opaque-3;
944
+ opacity: 0.5;
945
+ &:hover {
946
+ color: $text-light-primary;
947
+ border-color: $strokes-light-opaque-3;
951
948
  }
952
949
  }
953
- }
954
950
 
951
+ &.ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
952
+ color: $text-light-primary;
953
+ border-color: $strokes-light-opaque-3;
954
+ background: $fills-light-trans-5;
955
+ }
955
956
 
956
- .E_i11gg7mj {
957
- .ant-input-prefix {
957
+ & .ant-radio-button-input {
958
958
  margin-right: 8px;
959
+ display: inline;
960
+ border: none;
961
+ padding: 0;
962
+ width: 36px;
963
+ background: transparent;
964
+ &:focus {
965
+ box-shadow: none;
966
+ }
959
967
  }
960
- .ant-input-suffix {
961
- margin-left: 8px;
968
+ & .ant-radio-button-input.ant-input-number {
969
+ margin-right: 0;
970
+ width: initial;
971
+ box-shadow: none;
972
+ }
973
+ & .ant-radio-button-input .ant-input-number-handler-wrap {
974
+ display: none;
975
+ }
976
+ & .ant-radio-button-input .ant-input-number-input-wrap {
977
+ display: inline;
978
+ }
979
+ & .ant-radio-button-input .ant-input-number-input-wrap input {
980
+ display: inline;
981
+ margin-right: 8px;
982
+ padding: 0;
983
+ width: 36px;
962
984
  }
963
985
  }
964
986
 
965
- .E_cc368xp {
966
- color: $gray-120;
967
- border-right: 1px solid $gray-a60-5;
968
- margin-right: 8px;
969
- padding-right: 8px;
987
+
988
+ .E_ivqqkzv {
989
+ height: 24px;
990
+ width: 56px !important;
991
+ margin-right: 4px;
970
992
  }
971
993
 
972
- .E_i11o6xqj {
994
+ .E_c1wk4q29 {
995
+ color: $text-secondary-light;
996
+ }
997
+
998
+
999
+ .E_c1bus5hc {
1000
+ --color: white;
1001
+ height: 14px;
1002
+ width: 14px;
1003
+ border-radius: 50%;
1004
+ flex-shrink: 0;
973
1005
  display: flex;
974
- gap: 4px;
1006
+ align-items: center;
1007
+ justify-content: center;
1008
+ border: 1px solid var(--color);
975
1009
 
976
- .icon-wrapper {
977
- cursor: pointer;
1010
+ .circle-inner {
1011
+ position: relative;
1012
+ height: 10px;
1013
+ width: 10px;
1014
+ border-radius: 50%;
1015
+ overflow: hidden;
978
1016
  }
979
- }
980
1017
 
981
- .E_d19ruhdj {
982
- &.icon-wrapper {
983
- cursor: not-allowed;
1018
+ .circle-content {
1019
+ position: absolute;
1020
+ height: 100%;
1021
+ width: 100%;
1022
+ left: 0;
1023
+ top: 0;
1024
+ border-radius: 50%;
1025
+ background: linear-gradient(to right, var(--color) 50%, white 50%);
1026
+ transform: rotate(180deg);
1027
+ }
1028
+
1029
+ .circle-child {
1030
+ position: absolute;
1031
+ height: 100%;
1032
+ width: 100%;
1033
+ left: 0;
1034
+ top: 0;
1035
+ margin-left: 50%;
1036
+ transform-origin: left;
1037
+ background: white;
1038
+ transform: rotate(0deg);
984
1039
  }
985
1040
  }
986
1041
 
@@ -1068,148 +1123,33 @@
1068
1123
  &.ant-tag-gray {
1069
1124
  background-color: $gray-70;
1070
1125
  }
1071
- &.ant-tag-purple {
1072
- background-color: $fill-purple-base;
1073
- }
1074
- }
1075
- }
1076
- }
1077
-
1078
-
1079
- .E_ivqqkzv {
1080
- height: 24px;
1081
- width: 56px !important;
1082
- margin-right: 4px;
1083
- }
1084
-
1085
- .E_c1wk4q29 {
1086
- color: $text-secondary-light;
1087
- }
1088
-
1089
-
1090
- .E_tju3gfj {
1091
- .date {
1092
- margin-right: 4px;
1093
- }
1094
- }
1095
-
1096
-
1097
- .E_t1m2x205 {
1098
- .ant-tooltip-arrow {
1099
- display: none;
1100
- }
1101
- .ant-tooltip-inner {
1102
- background: $gray-a80-9;
1103
- border-radius: 4px;
1104
- &:has(.eagle-ellipsis-content) {
1105
- visibility: hidden;
1106
- }
1107
- }
1108
- }
1109
-
1110
-
1111
- .E_c1bus5hc {
1112
- --color: white;
1113
- height: 14px;
1114
- width: 14px;
1115
- border-radius: 50%;
1116
- flex-shrink: 0;
1117
- display: flex;
1118
- align-items: center;
1119
- justify-content: center;
1120
- border: 1px solid var(--color);
1121
-
1122
- .circle-inner {
1123
- position: relative;
1124
- height: 10px;
1125
- width: 10px;
1126
- border-radius: 50%;
1127
- overflow: hidden;
1128
- }
1129
-
1130
- .circle-content {
1131
- position: absolute;
1132
- height: 100%;
1133
- width: 100%;
1134
- left: 0;
1135
- top: 0;
1136
- border-radius: 50%;
1137
- background: linear-gradient(to right, var(--color) 50%, white 50%);
1138
- transform: rotate(180deg);
1139
- }
1140
-
1141
- .circle-child {
1142
- position: absolute;
1143
- height: 100%;
1144
- width: 100%;
1145
- left: 0;
1146
- top: 0;
1147
- margin-left: 50%;
1148
- transform-origin: left;
1149
- background: white;
1150
- transform: rotate(0deg);
1151
- }
1152
- }
1153
-
1154
-
1155
- .E_s1dizucg {
1156
- &.ant-switch {
1157
- min-width: 40px;
1158
- height: 24px;
1159
- background: $fills-trans-quinary-light;
1160
- overflow: hidden;
1161
- &:focus {
1162
- box-shadow: 0 0 0 2px $strokes-light-trans-1;
1163
- }
1164
- }
1165
- &.ant-switch-small {
1166
- min-width: 26px;
1167
- height: 16px;
1168
- }
1169
- &.ant-switch-large {
1170
- min-width: 52px;
1171
- height: 32px;
1172
- }
1173
-
1174
- &.ant-switch .ant-switch-handle {
1175
- height: 20px;
1176
- width: 20px;
1177
- &::before {
1178
- border-radius: 10px;
1179
- transition-delay: 120ms;
1180
- }
1181
- }
1182
- &.ant-switch-small .ant-switch-handle {
1183
- height: 14px;
1184
- width: 14px;
1185
- top: 1px;
1186
- left: 1px;
1187
- }
1188
- &.ant-switch-large .ant-switch-handle {
1189
- height: 28px;
1190
- width: 28px;
1191
- &::before {
1192
- border-radius: 14px;
1193
- }
1194
- }
1195
-
1196
- &.ant-switch-checked {
1197
- background-color: $green-60;
1198
- }
1199
- &.ant-switch-checked .ant-switch-handle {
1200
- left: calc(100% - 20px - 2px);
1126
+ &.ant-tag-purple {
1127
+ background-color: $fill-purple-base;
1128
+ }
1129
+ }
1201
1130
  }
1202
- &.ant-switch-small.ant-switch-checked .ant-switch-handle {
1203
- left: calc(100% - 14px - 1px);
1131
+ }
1132
+
1133
+
1134
+ .E_t1m2x205 {
1135
+ .ant-tooltip-arrow {
1136
+ display: none;
1204
1137
  }
1205
- &.ant-switch-large.ant-switch-checked .ant-switch-handle {
1206
- left: calc(100% - 28px - 2px);
1138
+ .ant-tooltip-inner {
1139
+ background: $gray-a80-9;
1140
+ border-radius: 4px;
1141
+ &:has(.eagle-ellipsis-content) {
1142
+ visibility: hidden;
1143
+ }
1207
1144
  }
1208
1145
  }
1209
1146
 
1210
- .E_c1up6e3y {
1211
- margin-left: 5px;
1147
+
1148
+ .E_tju3gfj {
1149
+ .date {
1150
+ margin-right: 4px;
1212
1151
  }
1152
+ }
1213
1153
 
1214
1154
 
1215
1155
  .E_s1dni7lo {
@@ -1301,6 +1241,147 @@
1301
1241
  }
1302
1242
 
1303
1243
 
1244
+ .E_s1dizucg {
1245
+ &.ant-switch {
1246
+ min-width: 40px;
1247
+ height: 24px;
1248
+ background: $fills-trans-quinary-light;
1249
+ overflow: hidden;
1250
+ &:focus {
1251
+ box-shadow: 0 0 0 2px $strokes-light-trans-1;
1252
+ }
1253
+ }
1254
+ &.ant-switch-small {
1255
+ min-width: 26px;
1256
+ height: 16px;
1257
+ }
1258
+ &.ant-switch-large {
1259
+ min-width: 52px;
1260
+ height: 32px;
1261
+ }
1262
+
1263
+ &.ant-switch .ant-switch-handle {
1264
+ height: 20px;
1265
+ width: 20px;
1266
+ &::before {
1267
+ border-radius: 10px;
1268
+ transition-delay: 120ms;
1269
+ }
1270
+ }
1271
+ &.ant-switch-small .ant-switch-handle {
1272
+ height: 14px;
1273
+ width: 14px;
1274
+ top: 1px;
1275
+ left: 1px;
1276
+ }
1277
+ &.ant-switch-large .ant-switch-handle {
1278
+ height: 28px;
1279
+ width: 28px;
1280
+ &::before {
1281
+ border-radius: 14px;
1282
+ }
1283
+ }
1284
+
1285
+ &.ant-switch-checked {
1286
+ background-color: $green-60;
1287
+ }
1288
+ &.ant-switch-checked .ant-switch-handle {
1289
+ left: calc(100% - 20px - 2px);
1290
+ }
1291
+ &.ant-switch-small.ant-switch-checked .ant-switch-handle {
1292
+ left: calc(100% - 14px - 1px);
1293
+ }
1294
+ &.ant-switch-large.ant-switch-checked .ant-switch-handle {
1295
+ left: calc(100% - 28px - 2px);
1296
+ }
1297
+ }
1298
+
1299
+ .E_c1up6e3y {
1300
+ margin-left: 5px;
1301
+ }
1302
+
1303
+
1304
+ .E_fzh9mnb {
1305
+ width: 100%;
1306
+ height: 100%;
1307
+ min-height: 124px;
1308
+ display: flex;
1309
+ flex-direction: column;
1310
+ justify-content: center;
1311
+ align-items: center;
1312
+
1313
+ .error-text {
1314
+ color: $text-terdiary-light;
1315
+ margin-bottom: 16px;
1316
+ font-size: 18px;
1317
+ }
1318
+ }
1319
+
1320
+
1321
+ .E_iouxfgt {
1322
+ display: inline-flex;
1323
+ align-items: center;
1324
+
1325
+ .icon-inner {
1326
+ display: inline-flex;
1327
+ align-items: center;
1328
+ justify-content: center;
1329
+ }
1330
+ .icon-inner + span,
1331
+ span + .icon-inner.suffix {
1332
+ margin-left: 4px;
1333
+ }
1334
+ &.is-rotate {
1335
+ img,
1336
+ svg {
1337
+ animation: rotate 680ms linear infinite;
1338
+ }
1339
+ }
1340
+ }
1341
+
1342
+
1343
+ .E_f7pxqmh {
1344
+ width: 100%;
1345
+ margin-bottom: 0 !important;
1346
+ flex-flow: nowrap !important;
1347
+ line-break: auto;
1348
+
1349
+ & > .ant-form-item-label {
1350
+ text-align: left !important;
1351
+ padding-bottom: 0 !important;
1352
+
1353
+ & > label {
1354
+ min-height: 32px;
1355
+ height: auto;
1356
+ font-size: 13px;
1357
+ color: rgba(44, 56, 82, 0.6);
1358
+ white-space: normal;
1359
+ }
1360
+ }
1361
+
1362
+ &.ant-form-item-has-error {
1363
+ .ant-input {
1364
+ border-color: #ff4d4f !important;
1365
+ }
1366
+ .ant-input-password {
1367
+ border-color: #ff4d4f !important;
1368
+ }
1369
+ }
1370
+
1371
+ .ant-form-item-explain {
1372
+ margin-top: 4px;
1373
+ font-size: 12px;
1374
+ min-height: 0px;
1375
+ }
1376
+
1377
+ .ant-form-item-extra {
1378
+ font-size: 12px;
1379
+ color: rgba(44, 56, 82, 0.6);
1380
+ min-height: 0px;
1381
+ }
1382
+ }
1383
+
1384
+
1304
1385
  .E_ai7qkf2 {
1305
1386
  .ant-input-number-handler-wrap {
1306
1387
  display: var(--ai7qkf2-0);
@@ -1382,79 +1463,6 @@
1382
1463
  }
1383
1464
 
1384
1465
 
1385
- .E_fzh9mnb {
1386
- width: 100%;
1387
- height: 100%;
1388
- min-height: 124px;
1389
- display: flex;
1390
- flex-direction: column;
1391
- justify-content: center;
1392
- align-items: center;
1393
-
1394
- .error-text {
1395
- color: $text-terdiary-light;
1396
- margin-bottom: 16px;
1397
- font-size: 18px;
1398
- }
1399
- }
1400
-
1401
-
1402
- .E_f7pxqmh {
1403
- width: 100%;
1404
- margin-bottom: 0 !important;
1405
- flex-flow: nowrap !important;
1406
- line-break: auto;
1407
-
1408
- & > .ant-form-item-label {
1409
- text-align: left !important;
1410
- padding-bottom: 0 !important;
1411
-
1412
- & > label {
1413
- min-height: 32px;
1414
- height: auto;
1415
- font-size: 13px;
1416
- color: rgba(44, 56, 82, 0.6);
1417
- white-space: normal;
1418
- }
1419
- }
1420
-
1421
- &.ant-form-item-has-error {
1422
- .ant-input {
1423
- border-color: #ff4d4f !important;
1424
- }
1425
- .ant-input-password {
1426
- border-color: #ff4d4f !important;
1427
- }
1428
- }
1429
-
1430
- .ant-form-item-explain {
1431
- margin-top: 4px;
1432
- font-size: 12px;
1433
- min-height: 0px;
1434
- }
1435
-
1436
- .ant-form-item-extra {
1437
- font-size: 12px;
1438
- color: rgba(44, 56, 82, 0.6);
1439
- min-height: 0px;
1440
- }
1441
- }
1442
-
1443
-
1444
- .E_i1inqkme {
1445
- height: 18px;
1446
- line-height: 18px;
1447
- padding: 0 4px;
1448
- border-radius: 4px;
1449
- background: rgba(235, 239, 245, 0.6);
1450
- border: 1px solid rgba(223, 228, 235, 0.6);
1451
- display: flex;
1452
- align-items: center;
1453
- white-space: nowrap;
1454
- margin-right: 4px;
1455
- }
1456
-
1457
-
1458
1466
  .E_a1wfy30z {
1459
1467
  .ant-input-number-handler-wrap {
1460
1468
  display: var(--a1wfy30z-0);
@@ -1492,6 +1500,20 @@
1492
1500
  }
1493
1501
 
1494
1502
 
1503
+ .E_i1inqkme {
1504
+ height: 18px;
1505
+ line-height: 18px;
1506
+ padding: 0 4px;
1507
+ border-radius: 4px;
1508
+ background: rgba(235, 239, 245, 0.6);
1509
+ border: 1px solid rgba(223, 228, 235, 0.6);
1510
+ display: flex;
1511
+ align-items: center;
1512
+ white-space: nowrap;
1513
+ margin-right: 4px;
1514
+ }
1515
+
1516
+
1495
1517
  .E_atcz0kf {
1496
1518
  .ant-input-suffix {
1497
1519
  margin-left: 8px;
@@ -1502,35 +1524,55 @@
1502
1524
  }
1503
1525
 
1504
1526
 
1505
- .E_iouxfgt {
1506
- display: inline-flex;
1507
- align-items: center;
1527
+ .E_owd0kml {
1528
+ display: inline-block;
1529
+ }
1530
+
1531
+ .E_h1jsgezc {
1532
+ visibility: hidden;
1533
+ position: absolute;
1534
+ }
1535
+
1508
1536
 
1509
- .icon-inner {
1537
+ .E_a1b5xrg3 {
1538
+ .user-icon-inner {
1510
1539
  display: inline-flex;
1511
1540
  align-items: center;
1512
1541
  justify-content: center;
1542
+ color: $white;
1543
+ font-weight: bold;
1544
+ font-size: 12px;
1545
+ width: 24px;
1546
+ height: 24px;
1547
+ border-radius: 50%;
1548
+ background: var(--a1b5xrg3-0);
1513
1549
  }
1514
- .icon-inner + span,
1515
- span + .icon-inner.suffix {
1516
- margin-left: 4px;
1517
- }
1518
- &.is-rotate {
1519
- img,
1520
- svg {
1521
- animation: rotate 680ms linear infinite;
1550
+ &.btn-item {
1551
+ transition: all 160ms ease;
1552
+ cursor: pointer;
1553
+ width: 56px;
1554
+ height: 40px;
1555
+ display: inline-flex;
1556
+ align-items: center;
1557
+ justify-content: center;
1558
+ border-radius: 6px;
1559
+
1560
+ &:hover {
1561
+ box-shadow:
1562
+ 0px 0px 20px rgba(107, 125, 153, 0.18),
1563
+ 0px 25px 80px rgba(45, 58, 86, 0.3);
1564
+ }
1565
+
1566
+ &:active {
1567
+ transform: translateY(2px);
1568
+ transition: all 320ms ease;
1522
1569
  }
1523
1570
  }
1524
1571
  }
1525
1572
 
1526
1573
 
1527
- .E_owd0kml {
1528
- display: inline-block;
1529
- }
1530
-
1531
- .E_h1jsgezc {
1532
- visibility: hidden;
1533
- position: absolute;
1574
+ .E_m196gn1d {
1575
+ min-width: 1280px;
1534
1576
  }
1535
1577
 
1536
1578
 
@@ -1888,48 +1930,6 @@
1888
1930
  }
1889
1931
 
1890
1932
 
1891
- .E_m196gn1d {
1892
- min-width: 1280px;
1893
- }
1894
-
1895
-
1896
- .E_a1b5xrg3 {
1897
- .user-icon-inner {
1898
- display: inline-flex;
1899
- align-items: center;
1900
- justify-content: center;
1901
- color: $white;
1902
- font-weight: bold;
1903
- font-size: 12px;
1904
- width: 24px;
1905
- height: 24px;
1906
- border-radius: 50%;
1907
- background: var(--a1b5xrg3-0);
1908
- }
1909
- &.btn-item {
1910
- transition: all 160ms ease;
1911
- cursor: pointer;
1912
- width: 56px;
1913
- height: 40px;
1914
- display: inline-flex;
1915
- align-items: center;
1916
- justify-content: center;
1917
- border-radius: 6px;
1918
-
1919
- &:hover {
1920
- box-shadow:
1921
- 0px 0px 20px rgba(107, 125, 153, 0.18),
1922
- 0px 25px 80px rgba(45, 58, 86, 0.3);
1923
- }
1924
-
1925
- &:active {
1926
- transform: translateY(2px);
1927
- transition: all 320ms ease;
1928
- }
1929
- }
1930
- }
1931
-
1932
-
1933
1933
  .E_cnujxq2 {
1934
1934
  display: flex;
1935
1935
  flex-direction: column;
@@ -2846,6 +2846,22 @@
2846
2846
  }
2847
2847
 
2848
2848
 
2849
+ .E_w1dxz879 {
2850
+ display: flex;
2851
+ flex-direction: column;
2852
+ gap: 6px;
2853
+ .ellipsis-tooltip {
2854
+ max-height: var(--w1dxz879-0);
2855
+ text-overflow: clip;
2856
+ overflow: hidden;
2857
+ }
2858
+ .tips {
2859
+ color: #fff;
2860
+ opacity: 0.8;
2861
+ }
2862
+ }
2863
+
2864
+
2849
2865
  .E_s4ivdfu {
2850
2866
  &.ant-select {
2851
2867
  .ant-select-selection-placeholder {
@@ -3075,18 +3091,18 @@
3075
3091
  }
3076
3092
 
3077
3093
 
3078
- .E_w1dxz879 {
3079
- display: flex;
3080
- flex-direction: column;
3081
- gap: 6px;
3082
- .ellipsis-tooltip {
3083
- max-height: var(--w1dxz879-0);
3084
- text-overflow: clip;
3085
- overflow: hidden;
3086
- }
3087
- .tips {
3088
- color: #fff;
3089
- opacity: 0.8;
3094
+ .E_suhck3k {
3095
+ height: 24px;
3096
+ width: 24px;
3097
+ border-radius: 6px;
3098
+ padding: 4px;
3099
+ &:hover {
3100
+ background-color: $fill-outstanding-light;
3101
+ svg {
3102
+ path {
3103
+ fill: blue;
3104
+ }
3105
+ }
3090
3106
  }
3091
3107
  }
3092
3108
 
@@ -3108,22 +3124,6 @@
3108
3124
  }
3109
3125
 
3110
3126
 
3111
- .E_suhck3k {
3112
- height: 24px;
3113
- width: 24px;
3114
- border-radius: 6px;
3115
- padding: 4px;
3116
- &:hover {
3117
- background-color: $fill-outstanding-light;
3118
- svg {
3119
- path {
3120
- fill: blue;
3121
- }
3122
- }
3123
- }
3124
- }
3125
-
3126
-
3127
3127
  .E_b1lj76ty {
3128
3128
  width: 100%;
3129
3129
  height: 100%;
@@ -4312,16 +4312,64 @@
4312
4312
  }
4313
4313
 
4314
4314
 
4315
- .E_c1yd35n {
4316
- padding: 0 12px 14px 12px;
4315
+ .E_lht19u8 {
4316
+ width: 64px;
4317
+ height: 64px;
4318
+ display: flex;
4319
+ align-items: center;
4320
+ justify-content: center;
4321
+ position: relative;
4322
+ opacity: 0.2;
4317
4323
  }
4318
4324
 
4325
+ .E_lk3gkp4 {
4326
+ position: absolute;
4327
+ width: 5px;
4328
+ height: 48px;
4329
+ left: 9.33px;
4330
+ top: 40.5px;
4319
4331
 
4320
- .E_ckui4s7 {
4321
- color: $text-primary-light;
4322
- line-height: 22px;
4323
- display: inline-flex;
4324
- .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; } } }
4332
+ background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
4333
+ border-radius: 5px;
4334
+ transform: rotate(-128deg);
4335
+ transform-origin: top left;
4336
+
4337
+ animation: loading-indicator1 1100ms ease-out infinite;
4338
+ }
4339
+
4340
+ .E_ll4n94n {
4341
+ position: absolute;
4342
+ width: 5px;
4343
+ height: 48px;
4344
+ left: 40.8px;
4345
+ top: 8.4px;
4346
+
4347
+ background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
4348
+ border-radius: 5px;
4349
+ transform: rotate(-8deg);
4350
+ transform-origin: top left;
4351
+
4352
+ animation: loading-indicator2 1100ms ease-out infinite;
4353
+ }
4354
+
4355
+ .E_l17lbdo6 {
4356
+ position: absolute;
4357
+ width: 5px;
4358
+ height: 48px;
4359
+ left: 52.9px;
4360
+ top: 51.8px;
4361
+
4362
+ background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
4363
+ border-radius: 5px;
4364
+ transform: rotate(112deg);
4365
+ transform-origin: top left;
4366
+
4367
+ animation: loading-indicator3 1100ms ease-out infinite;
4368
+ }
4369
+
4370
+
4371
+ .E_c1yd35n {
4372
+ padding: 0 12px 14px 12px;
4325
4373
  }
4326
4374
 
4327
4375
 
@@ -4373,59 +4421,23 @@
4373
4421
  }
4374
4422
 
4375
4423
 
4376
- .E_lht19u8 {
4377
- width: 64px;
4378
- height: 64px;
4379
- display: flex;
4380
- align-items: center;
4381
- justify-content: center;
4382
- position: relative;
4383
- opacity: 0.2;
4384
- }
4385
-
4386
- .E_lk3gkp4 {
4387
- position: absolute;
4388
- width: 5px;
4389
- height: 48px;
4390
- left: 9.33px;
4391
- top: 40.5px;
4392
-
4393
- background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
4394
- border-radius: 5px;
4395
- transform: rotate(-128deg);
4396
- transform-origin: top left;
4397
-
4398
- animation: loading-indicator1 1100ms ease-out infinite;
4399
- }
4400
-
4401
- .E_ll4n94n {
4402
- position: absolute;
4403
- width: 5px;
4404
- height: 48px;
4405
- left: 40.8px;
4406
- top: 8.4px;
4407
-
4408
- background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
4409
- border-radius: 5px;
4410
- transform: rotate(-8deg);
4411
- transform-origin: top left;
4412
-
4413
- animation: loading-indicator2 1100ms ease-out infinite;
4424
+ .E_ckui4s7 {
4425
+ color: $text-primary-light;
4426
+ line-height: 22px;
4427
+ display: inline-flex;
4428
+ .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; } } }
4414
4429
  }
4415
4430
 
4416
- .E_l17lbdo6 {
4417
- position: absolute;
4418
- width: 5px;
4419
- height: 48px;
4420
- left: 52.9px;
4421
- top: 51.8px;
4422
-
4423
- background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
4424
- border-radius: 5px;
4425
- transform: rotate(112deg);
4426
- transform-origin: top left;
4427
4431
 
4428
- animation: loading-indicator3 1100ms ease-out infinite;
4432
+ .E_w7ob4th {
4433
+ &.outside-tag {
4434
+ padding-left: 0;
4435
+ .inside-tag {
4436
+ border-radius: 4px 0 0 4px;
4437
+ padding-right: 4px;
4438
+ margin-right: 4px;
4439
+ }
4440
+ }
4429
4441
  }
4430
4442
 
4431
4443
 
@@ -4456,14 +4468,29 @@
4456
4468
  }
4457
4469
 
4458
4470
 
4459
- .E_w7ob4th {
4460
- &.outside-tag {
4461
- padding-left: 0;
4462
- .inside-tag {
4463
- border-radius: 4px 0 0 4px;
4464
- padding-right: 4px;
4465
- margin-right: 4px;
4466
- }
4471
+ .E_i1g85yz3 {
4472
+ margin-right: 4px;
4473
+ height: 16px;
4474
+ }
4475
+
4476
+
4477
+ .E_r77hffu {
4478
+ display: flex;
4479
+ align-items: center;
4480
+ justify-content: space-between;
4481
+ column-gap: 6px;
4482
+ }
4483
+
4484
+ .E_p1cmxsf7 {
4485
+ display: flex;
4486
+ flex-direction: column;
4487
+ justify-content: center;
4488
+ row-gap: var(--p1cmxsf7-0);
4489
+
4490
+ .antd5-progress-line {
4491
+ font-size: 0;
4492
+ margin-bottom: unset;
4493
+ margin-inline-end: unset;
4467
4494
  }
4468
4495
  }
4469
4496
 
@@ -4692,111 +4719,6 @@
4692
4719
  }
4693
4720
 
4694
4721
 
4695
- .E_r77hffu {
4696
- display: flex;
4697
- align-items: center;
4698
- justify-content: space-between;
4699
- column-gap: 6px;
4700
- }
4701
-
4702
- .E_p1cmxsf7 {
4703
- display: flex;
4704
- flex-direction: column;
4705
- justify-content: center;
4706
- row-gap: var(--p1cmxsf7-0);
4707
-
4708
- .antd5-progress-line {
4709
- font-size: 0;
4710
- margin-bottom: unset;
4711
- margin-inline-end: unset;
4712
- }
4713
- }
4714
-
4715
-
4716
- .E_l1ucdodl {
4717
- $prefix: ui-kit-status-legend;
4718
- margin: 0;
4719
- border-radius: 20px;
4720
- padding: 2px 10px;
4721
- height: 22px;
4722
- display: flex;
4723
- align-items: center;
4724
-
4725
- &.ui-kit-status-legend.on-tint {
4726
- color: $text-neutral-ontint;
4727
- }
4728
- &.tag-hover {
4729
- cursor: pointer;
4730
- }
4731
-
4732
- &.#{$prefix} {
4733
- color: $text-neutral-primary;
4734
- .#{$prefix}-icon {
4735
- margin-right: 6px;
4736
- }
4737
- .#{$prefix}-number {
4738
- margin-left: 8px;
4739
- color: #2C385299;
4740
- &.#{$prefix}-number.on-tint {
4741
- color: $text-neutral-ontint;
4742
- }
4743
- }
4744
- &.eagle-legend-blue {
4745
- .#{$prefix}-icon {
4746
- background-color: $fill-outstanding-base;
4747
- }
4748
- }
4749
- &.eagle-legend-red {
4750
- .#{$prefix}-icon {
4751
- background-color: $fill-serious-base;
4752
- }
4753
- }
4754
- &.eagle-legend-yellow {
4755
- .#{$prefix}-icon {
4756
- background-color: $fill-notice-base;
4757
- }
4758
- }
4759
- &.eagle-legend-green {
4760
- .#{$prefix}-icon {
4761
- background-color: $fill-positive-base;
4762
- }
4763
- }
4764
- &.eagle-legend-gray {
4765
- .#{$prefix}-icon:not(.ui-kit-status-legend-icon-loading) {
4766
- background-color: $gray-70;
4767
- }
4768
- }
4769
- &.eagle-legend-purple {
4770
- .#{$prefix}-icon:not(.ui-kit-status-legend-icon-loading) {
4771
- background-color: $purple-50;
4772
- }
4773
- }
4774
- }
4775
- }
4776
-
4777
- .E_s1qj66nc {
4778
- width: 8px;
4779
- height: 8px;
4780
- border-radius: 50%;
4781
- display: inline-block;
4782
- }
4783
-
4784
- .E_s5x1boq {
4785
- width: 8px;
4786
- height: 8px;
4787
- border-radius: 2px;
4788
- display: inline-block;
4789
- }
4790
-
4791
- .E_c1xm185 {
4792
- color: #2C385299;
4793
- }
4794
-
4795
- .E_c1x5l5qc {
4796
- flex: 1;
4797
- }
4798
-
4799
-
4800
4722
  .E_t1dtlqs1 {
4801
4723
  margin-bottom: 4px;
4802
4724
  color: $text-secondary-light;
@@ -5015,12 +4937,6 @@
5015
4937
  }
5016
4938
 
5017
4939
 
5018
- .E_i1g85yz3 {
5019
- margin-right: 4px;
5020
- height: 16px;
5021
- }
5022
-
5023
-
5024
4940
  .E_slr2ynn {
5025
4941
  padding: 0 8px;
5026
4942
  height: 18px;
@@ -5074,21 +4990,128 @@
5074
4990
  }
5075
4991
  }
5076
4992
 
5077
- :nth-child(1) {
5078
- padding: 8px 4px;
5079
- > * {
5080
- background: rgba($gray-70, 0.18);
5081
- }
4993
+ :nth-child(1) {
4994
+ padding: 8px 4px;
4995
+ > * {
4996
+ background: rgba($gray-70, 0.18);
4997
+ }
4998
+ }
4999
+ :nth-child(1) {
5000
+ > * {
5001
+ background: rgba($gray-60, 0.18);
5002
+ }
5003
+ }
5004
+ }
5005
+
5006
+
5007
+ .E_l1ucdodl {
5008
+ $prefix: ui-kit-status-legend;
5009
+ margin: 0;
5010
+ border-radius: 20px;
5011
+ padding: 2px 10px;
5012
+ height: 22px;
5013
+ display: flex;
5014
+ align-items: center;
5015
+
5016
+ &.ui-kit-status-legend.on-tint {
5017
+ color: $text-neutral-ontint;
5018
+ }
5019
+ &.tag-hover {
5020
+ cursor: pointer;
5021
+ }
5022
+
5023
+ &.#{$prefix} {
5024
+ color: $text-neutral-primary;
5025
+ .#{$prefix}-icon {
5026
+ margin-right: 6px;
5027
+ }
5028
+ .#{$prefix}-number {
5029
+ margin-left: 8px;
5030
+ color: #2C385299;
5031
+ &.#{$prefix}-number.on-tint {
5032
+ color: $text-neutral-ontint;
5033
+ }
5034
+ }
5035
+ &.eagle-legend-blue {
5036
+ .#{$prefix}-icon {
5037
+ background-color: $fill-outstanding-base;
5038
+ }
5039
+ }
5040
+ &.eagle-legend-red {
5041
+ .#{$prefix}-icon {
5042
+ background-color: $fill-serious-base;
5043
+ }
5044
+ }
5045
+ &.eagle-legend-yellow {
5046
+ .#{$prefix}-icon {
5047
+ background-color: $fill-notice-base;
5048
+ }
5049
+ }
5050
+ &.eagle-legend-green {
5051
+ .#{$prefix}-icon {
5052
+ background-color: $fill-positive-base;
5053
+ }
5054
+ }
5055
+ &.eagle-legend-gray {
5056
+ .#{$prefix}-icon:not(.ui-kit-status-legend-icon-loading) {
5057
+ background-color: $gray-70;
5058
+ }
5059
+ }
5060
+ &.eagle-legend-purple {
5061
+ .#{$prefix}-icon:not(.ui-kit-status-legend-icon-loading) {
5062
+ background-color: $purple-50;
5063
+ }
5064
+ }
5065
+ }
5066
+ }
5067
+
5068
+ .E_s1qj66nc {
5069
+ width: 8px;
5070
+ height: 8px;
5071
+ border-radius: 50%;
5072
+ display: inline-block;
5073
+ }
5074
+
5075
+ .E_s5x1boq {
5076
+ width: 8px;
5077
+ height: 8px;
5078
+ border-radius: 2px;
5079
+ display: inline-block;
5080
+ }
5081
+
5082
+ .E_c1xm185 {
5083
+ color: #2C385299;
5084
+ }
5085
+
5086
+ .E_c1x5l5qc {
5087
+ flex: 1;
5088
+ }
5089
+
5090
+
5091
+ .E_t1gvlxt5 {
5092
+ min-width: 0;
5093
+ flex: 1;
5094
+ .tag {
5095
+ flex: 0 0 auto;
5082
5096
  }
5083
- :nth-child(1) {
5084
- > * {
5085
- background: rgba($gray-60, 0.18);
5086
- }
5097
+ .progress-title {
5098
+ flex: 2;
5099
+ max-width: fit-content;
5100
+ }
5101
+ .progress-desc {
5102
+ flex: 1;
5103
+ max-width: fit-content;
5087
5104
  }
5088
5105
  }
5089
5106
 
5107
+ .E_a1ji6r68 {
5108
+ display: flex;
5109
+ align-items: center;
5110
+ column-gap: var(--a1ji6r68-0);
5111
+ }
5112
+
5090
5113
 
5091
- .E_m11nzl2x {
5114
+ .E_msn7nxt {
5092
5115
  color: $text-light-secondary;
5093
5116
  text-align: center;
5094
5117
 
@@ -5104,7 +5127,7 @@
5104
5127
  }
5105
5128
  }
5106
5129
 
5107
- .E_mn7joto {
5130
+ .E_mp64wfi {
5108
5131
  width: 100%;
5109
5132
  height: 100%;
5110
5133
  display: flex;
@@ -5114,6 +5137,7 @@
5114
5137
  width: 100%;
5115
5138
  display: flex;
5116
5139
  line-height: 30px;
5140
+ padding: 0 16px;
5117
5141
  justify-content: space-between;
5118
5142
  .metric-extra {
5119
5143
  display: flex;
@@ -5146,7 +5170,7 @@
5146
5170
  }
5147
5171
  }
5148
5172
 
5149
- .E_l1bifhon {
5173
+ .E_l1oyigan {
5150
5174
  display: flex;
5151
5175
  align-items: center;
5152
5176
  white-space: nowrap;
@@ -5154,84 +5178,38 @@
5154
5178
  width: 100%;
5155
5179
 
5156
5180
  .ant-dropdown-trigger {
5181
+ margin-left: auto;
5157
5182
  font-size: 12px;
5158
- margin-left: 8px;
5159
5183
  }
5160
5184
  }
5161
5185
 
5162
- .E_ltthzck {
5186
+ .E_l1noi4n1 {
5163
5187
  display: flex;
5164
5188
  justify-content: flex-start;
5165
5189
  align-items: center;
5166
5190
  font-size: 12px;
5167
5191
  cursor: pointer;
5168
- &:not(:first-child) {
5169
- margin-left: 8px;
5170
- }
5171
-
5172
- &.deselected,
5173
- &.hovering {
5174
- opacity: 0.3;
5175
5192
 
5176
- &:not(.hoverering-self) .color-block {
5177
- background: #b4beca !important;
5178
- border-radius: 2px;
5179
- }
5180
- }
5181
- &.hoverering-self {
5182
- opacity: 1;
5183
- }
5184
- .dropdown-trigger {
5185
- margin-left: 12px;
5186
- }
5187
- .legend-name {
5188
- color: $text-light-primary;
5189
- }
5190
- .icon-suffix-wrapper {
5191
- display: flex;
5192
- align-items: center;
5193
- margin-left: 4px;
5193
+ &:not(:last-child) {
5194
+ margin-right: 20px;
5194
5195
  }
5195
- }
5196
-
5197
- .E_l1mumj7o {
5198
- display: flex;
5199
- justify-content: flex-start;
5200
- align-items: center;
5201
- font-size: 12px;
5202
- cursor: pointer;
5203
-
5204
- &.deselected,
5205
- &.hovering {
5206
- opacity: 0.3;
5196
+ &.deselected {
5197
+ opacity: 0.4;
5207
5198
 
5208
- &:not(.hoverering-self) .color-block {
5199
+ .color-block {
5209
5200
  background: #b4beca !important;
5210
- border-radius: 2px;
5211
5201
  }
5212
5202
  }
5213
- .legend-name {
5214
- color: $text-light-primary;
5215
- }
5216
- &.hoverering-self {
5217
- opacity: 1;
5218
- }
5219
- .icon-suffix-wrapper {
5220
- margin-left: 4px;
5221
- display: flex;
5222
- align-items: center;
5223
- }
5224
5203
  }
5225
5204
 
5226
- .E_c14rn6j5 {
5205
+ .E_cz19rz6 {
5227
5206
  display: inline-block;
5228
5207
  height: 8px;
5229
5208
  width: 8px;
5230
- margin-right: 6px;
5231
- border-radius: 2px;
5209
+ margin-right: 8px;
5232
5210
  }
5233
5211
 
5234
- .E_e45tc5l {
5212
+ .E_e17r5r9c {
5235
5213
  .ant-dropdown-menu-item {
5236
5214
  display: flex;
5237
5215
  align-items: center;
@@ -5240,7 +5218,7 @@
5240
5218
  }
5241
5219
  }
5242
5220
 
5243
- .E_lqeaosa {
5221
+ .E_m1y1hhnr {
5244
5222
  position: relative;
5245
5223
 
5246
5224
  &.hidden-xaxis .pointer-wrapper {
@@ -5251,9 +5229,10 @@
5251
5229
  display: flex;
5252
5230
  justify-content: space-between;
5253
5231
  line-height: 30px;
5232
+ margin: 0 16px;
5233
+
5254
5234
  .metric-extra {
5255
5235
  display: flex;
5256
- flex-shrink: 0;
5257
5236
  font-size: 12px;
5258
5237
  align-items: center;
5259
5238
 
@@ -5279,28 +5258,26 @@
5279
5258
  position: absolute;
5280
5259
  bottom: 10px;
5281
5260
  padding: 0 8px;
5261
+ border-radius: 4px;
5282
5262
  font-size: 12px;
5283
5263
  color: $white;
5264
+ background: rgba(0, 0, 0, 0.75);
5284
5265
  transform: translateX(-50%);
5285
5266
  }
5286
5267
  }
5287
5268
 
5288
- .E_t2pr38p {
5269
+ .E_tnvijvs {
5289
5270
  min-width: 200px;
5290
- background-color: $fill-neutral-trans-8;
5291
- border-radius: 4px;
5292
- box-shadow: 0px 1px 4px 0px rgba(29, 50, 108, 0.6);
5293
- padding: 8px;
5294
5271
  }
5295
5272
 
5296
- .E_tecdsj7 {
5273
+ .E_t1ub2aex {
5297
5274
  display: flex;
5298
5275
  align-items: center;
5299
- background-color: unset;
5300
- color: $text-neutral-ontint;
5301
5276
  justify-content: space-between;
5277
+ background-color: rgba(0, 0, 0, 0.75);
5278
+ color: #b4beca;
5302
5279
  font-size: 12px;
5303
- padding-top: 6px;
5280
+ padding: 3px 6px;
5304
5281
 
5305
5282
  &:first-child {
5306
5283
  padding-top: 3px;
@@ -5309,47 +5286,13 @@
5309
5286
  padding-bottom: 3px;
5310
5287
  }
5311
5288
  .column-value {
5312
- color: $text-neutral-ontint;
5289
+ color: $white;
5313
5290
  margin-left: 8px;
5314
5291
  }
5315
5292
  }
5316
5293
 
5317
- .E_ljhvvia {
5318
- display: inline-block;
5319
- height: 8px;
5320
- width: 8px;
5321
- margin-right: 8px;
5322
- border-radius: 2px;
5323
- &.borderd {
5324
- border: 1px solid $stroke-neutral-white;
5325
- }
5326
- }
5327
-
5328
-
5329
- .E_t1gvlxt5 {
5330
- min-width: 0;
5331
- flex: 1;
5332
- .tag {
5333
- flex: 0 0 auto;
5334
- }
5335
- .progress-title {
5336
- flex: 2;
5337
- max-width: fit-content;
5338
- }
5339
- .progress-desc {
5340
- flex: 1;
5341
- max-width: fit-content;
5342
- }
5343
- }
5344
-
5345
- .E_a1ji6r68 {
5346
- display: flex;
5347
- align-items: center;
5348
- column-gap: var(--a1ji6r68-0);
5349
- }
5350
-
5351
5294
 
5352
- .E_msn7nxt {
5295
+ .E_m11nzl2x {
5353
5296
  color: $text-light-secondary;
5354
5297
  text-align: center;
5355
5298
 
@@ -5365,7 +5308,7 @@
5365
5308
  }
5366
5309
  }
5367
5310
 
5368
- .E_mp64wfi {
5311
+ .E_mn7joto {
5369
5312
  width: 100%;
5370
5313
  height: 100%;
5371
5314
  display: flex;
@@ -5375,7 +5318,6 @@
5375
5318
  width: 100%;
5376
5319
  display: flex;
5377
5320
  line-height: 30px;
5378
- padding: 0 16px;
5379
5321
  justify-content: space-between;
5380
5322
  .metric-extra {
5381
5323
  display: flex;
@@ -5408,7 +5350,7 @@
5408
5350
  }
5409
5351
  }
5410
5352
 
5411
- .E_l1oyigan {
5353
+ .E_l1bifhon {
5412
5354
  display: flex;
5413
5355
  align-items: center;
5414
5356
  white-space: nowrap;
@@ -5416,38 +5358,84 @@
5416
5358
  width: 100%;
5417
5359
 
5418
5360
  .ant-dropdown-trigger {
5419
- margin-left: auto;
5420
5361
  font-size: 12px;
5362
+ margin-left: 8px;
5421
5363
  }
5422
5364
  }
5423
5365
 
5424
- .E_l1noi4n1 {
5366
+ .E_ltthzck {
5425
5367
  display: flex;
5426
5368
  justify-content: flex-start;
5427
5369
  align-items: center;
5428
5370
  font-size: 12px;
5429
5371
  cursor: pointer;
5372
+ &:not(:first-child) {
5373
+ margin-left: 8px;
5374
+ }
5430
5375
 
5431
- &:not(:last-child) {
5432
- margin-right: 20px;
5376
+ &.deselected,
5377
+ &.hovering {
5378
+ opacity: 0.3;
5379
+
5380
+ &:not(.hoverering-self) .color-block {
5381
+ background: #b4beca !important;
5382
+ border-radius: 2px;
5383
+ }
5433
5384
  }
5434
- &.deselected {
5435
- opacity: 0.4;
5385
+ &.hoverering-self {
5386
+ opacity: 1;
5387
+ }
5388
+ .dropdown-trigger {
5389
+ margin-left: 12px;
5390
+ }
5391
+ .legend-name {
5392
+ color: $text-light-primary;
5393
+ }
5394
+ .icon-suffix-wrapper {
5395
+ display: flex;
5396
+ align-items: center;
5397
+ margin-left: 4px;
5398
+ }
5399
+ }
5436
5400
 
5437
- .color-block {
5401
+ .E_l1mumj7o {
5402
+ display: flex;
5403
+ justify-content: flex-start;
5404
+ align-items: center;
5405
+ font-size: 12px;
5406
+ cursor: pointer;
5407
+
5408
+ &.deselected,
5409
+ &.hovering {
5410
+ opacity: 0.3;
5411
+
5412
+ &:not(.hoverering-self) .color-block {
5438
5413
  background: #b4beca !important;
5414
+ border-radius: 2px;
5439
5415
  }
5440
5416
  }
5417
+ .legend-name {
5418
+ color: $text-light-primary;
5419
+ }
5420
+ &.hoverering-self {
5421
+ opacity: 1;
5422
+ }
5423
+ .icon-suffix-wrapper {
5424
+ margin-left: 4px;
5425
+ display: flex;
5426
+ align-items: center;
5427
+ }
5441
5428
  }
5442
5429
 
5443
- .E_cz19rz6 {
5430
+ .E_c14rn6j5 {
5444
5431
  display: inline-block;
5445
5432
  height: 8px;
5446
5433
  width: 8px;
5447
- margin-right: 8px;
5434
+ margin-right: 6px;
5435
+ border-radius: 2px;
5448
5436
  }
5449
5437
 
5450
- .E_e17r5r9c {
5438
+ .E_e45tc5l {
5451
5439
  .ant-dropdown-menu-item {
5452
5440
  display: flex;
5453
5441
  align-items: center;
@@ -5456,7 +5444,7 @@
5456
5444
  }
5457
5445
  }
5458
5446
 
5459
- .E_m1y1hhnr {
5447
+ .E_lqeaosa {
5460
5448
  position: relative;
5461
5449
 
5462
5450
  &.hidden-xaxis .pointer-wrapper {
@@ -5467,10 +5455,9 @@
5467
5455
  display: flex;
5468
5456
  justify-content: space-between;
5469
5457
  line-height: 30px;
5470
- margin: 0 16px;
5471
-
5472
5458
  .metric-extra {
5473
5459
  display: flex;
5460
+ flex-shrink: 0;
5474
5461
  font-size: 12px;
5475
5462
  align-items: center;
5476
5463
 
@@ -5496,26 +5483,28 @@
5496
5483
  position: absolute;
5497
5484
  bottom: 10px;
5498
5485
  padding: 0 8px;
5499
- border-radius: 4px;
5500
5486
  font-size: 12px;
5501
5487
  color: $white;
5502
- background: rgba(0, 0, 0, 0.75);
5503
5488
  transform: translateX(-50%);
5504
5489
  }
5505
5490
  }
5506
5491
 
5507
- .E_tnvijvs {
5492
+ .E_t2pr38p {
5508
5493
  min-width: 200px;
5494
+ background-color: $fill-neutral-trans-8;
5495
+ border-radius: 4px;
5496
+ box-shadow: 0px 1px 4px 0px rgba(29, 50, 108, 0.6);
5497
+ padding: 8px;
5509
5498
  }
5510
5499
 
5511
- .E_t1ub2aex {
5500
+ .E_tecdsj7 {
5512
5501
  display: flex;
5513
5502
  align-items: center;
5503
+ background-color: unset;
5504
+ color: $text-neutral-ontint;
5514
5505
  justify-content: space-between;
5515
- background-color: rgba(0, 0, 0, 0.75);
5516
- color: #b4beca;
5517
5506
  font-size: 12px;
5518
- padding: 3px 6px;
5507
+ padding-top: 6px;
5519
5508
 
5520
5509
  &:first-child {
5521
5510
  padding-top: 3px;
@@ -5524,11 +5513,50 @@
5524
5513
  padding-bottom: 3px;
5525
5514
  }
5526
5515
  .column-value {
5527
- color: $white;
5516
+ color: $text-neutral-ontint;
5528
5517
  margin-left: 8px;
5529
5518
  }
5530
5519
  }
5531
5520
 
5521
+ .E_ljhvvia {
5522
+ display: inline-block;
5523
+ height: 8px;
5524
+ width: 8px;
5525
+ margin-right: 8px;
5526
+ border-radius: 2px;
5527
+ &.borderd {
5528
+ border: 1px solid $stroke-neutral-white;
5529
+ }
5530
+ }
5531
+
5532
+
5533
+ .E_bpgac8u {
5534
+ color: #FFFFFF;
5535
+ display: flex;
5536
+ gap: 8px;
5537
+ padding: 8px 0;
5538
+ display: flex;
5539
+ justify-content: center;
5540
+ white-space: pre-wrap;
5541
+ align-items: center;
5542
+ .dashed-btn {
5543
+ border-bottom: 1px solid white;
5544
+ cursor: pointer;
5545
+ }
5546
+ }
5547
+
5548
+ .E_envn4g3 {
5549
+ background: #F0483E;
5550
+ }
5551
+
5552
+ .E_i12w18eu {
5553
+ background: #0080FF;
5554
+ }
5555
+
5556
+ .E_wujsnt4 {
5557
+ background-color: #E07F00;
5558
+ }
5559
+
5532
5560
 
5533
5561
  .E_t59qhqp {
5534
5562
  padding: 0px;
@@ -5585,31 +5613,8 @@
5585
5613
  }
5586
5614
 
5587
5615
 
5588
- .E_bpgac8u {
5589
- color: #FFFFFF;
5590
- display: flex;
5591
- gap: 8px;
5592
- padding: 8px 0;
5593
- display: flex;
5594
- justify-content: center;
5595
- white-space: pre-wrap;
5596
- align-items: center;
5597
- .dashed-btn {
5598
- border-bottom: 1px solid white;
5599
- cursor: pointer;
5600
- }
5601
- }
5602
-
5603
- .E_envn4g3 {
5604
- background: #F0483E;
5605
- }
5606
-
5607
- .E_i12w18eu {
5608
- background: #0080FF;
5609
- }
5610
-
5611
- .E_wujsnt4 {
5612
- background-color: #E07F00;
5616
+ .E_b1jaupqb {
5617
+ color: #F0483E;
5613
5618
  }
5614
5619
 
5615
5620
 
@@ -5816,8 +5821,36 @@
5816
5821
  }
5817
5822
 
5818
5823
 
5819
- .E_b1jaupqb {
5820
- color: #F0483E;
5824
+ .E_s20iney {
5825
+ &.skeleton-box {
5826
+ display: flex;
5827
+ align-items: center;
5828
+ justify-content: center;
5829
+ position: relative;
5830
+ border-radius: 2px;
5831
+ background: #E1E6F199;
5832
+ overflow: hidden;
5833
+
5834
+ & > .skeleton-shimmer {
5835
+ width: 200%;
5836
+ height: 200%;
5837
+ transform: rotate(15deg);
5838
+ position: absolute;
5839
+ top: -50%;
5840
+ flex-shrink: 0;
5841
+ opacity: 0.8;
5842
+ background: linear-gradient(
5843
+ 90deg,
5844
+ rgba(255, 255, 255, 0) 15%,
5845
+ #FFFFFF99 50%,
5846
+ rgba(255, 255, 255, 0) 85%
5847
+ );
5848
+
5849
+ animation: shimmer 1100ms infinite;
5850
+ }
5851
+
5852
+ @keyframes shimmer { from { left: -120%; } to { left: 100%; } }
5853
+ }
5821
5854
  }
5822
5855
 
5823
5856
 
@@ -5993,39 +6026,6 @@
5993
6026
  }
5994
6027
 
5995
6028
 
5996
- .E_s20iney {
5997
- &.skeleton-box {
5998
- display: flex;
5999
- align-items: center;
6000
- justify-content: center;
6001
- position: relative;
6002
- border-radius: 2px;
6003
- background: #E1E6F199;
6004
- overflow: hidden;
6005
-
6006
- & > .skeleton-shimmer {
6007
- width: 200%;
6008
- height: 200%;
6009
- transform: rotate(15deg);
6010
- position: absolute;
6011
- top: -50%;
6012
- flex-shrink: 0;
6013
- opacity: 0.8;
6014
- background: linear-gradient(
6015
- 90deg,
6016
- rgba(255, 255, 255, 0) 15%,
6017
- #FFFFFF99 50%,
6018
- rgba(255, 255, 255, 0) 85%
6019
- );
6020
-
6021
- animation: shimmer 1100ms infinite;
6022
- }
6023
-
6024
- @keyframes shimmer { from { left: -120%; } to { left: 100%; } }
6025
- }
6026
- }
6027
-
6028
-
6029
6029
  .E_t1g36k2w {
6030
6030
  overflow: hidden;
6031
6031
  height: 100%;
@@ -6058,6 +6058,21 @@
6058
6058
  }
6059
6059
 
6060
6060
 
6061
+ .E_a9y3flr {
6062
+ margin-left: 8px;
6063
+ }
6064
+
6065
+ .E_a1njc627 {
6066
+ font-size: 12px;
6067
+ color: $text-neutral-primary;
6068
+ }
6069
+
6070
+
6071
+ .E_t1616y1o {
6072
+ color: $text-light-on-tint;
6073
+ }
6074
+
6075
+
6061
6076
  .E_f16blduf {
6062
6077
  &.ant-form-item {
6063
6078
  margin-bottom: 0;
@@ -6084,21 +6099,6 @@
6084
6099
  }
6085
6100
 
6086
6101
 
6087
- .E_t1616y1o {
6088
- color: $text-light-on-tint;
6089
- }
6090
-
6091
-
6092
- .E_a9y3flr {
6093
- margin-left: 8px;
6094
- }
6095
-
6096
- .E_a1njc627 {
6097
- font-size: 12px;
6098
- color: $text-neutral-primary;
6099
- }
6100
-
6101
-
6102
6102
  .E_i14c7jc8 {
6103
6103
  color: var(--i14c7jc8-0);
6104
6104
  }
@@ -6219,133 +6219,55 @@
6219
6219
 
6220
6220
  .E_c18bcrac {
6221
6221
  display: inline-block;
6222
- width: 100%;
6223
- .recharts-wrapper {
6224
- margin-left: 4px;
6225
- }
6226
- }
6227
-
6228
- .E_cro7kg2 {
6229
- padding: 4px;
6230
-
6231
- .unit {
6232
- color: white;
6233
- }
6234
- }
6235
-
6236
- .E_c14wcxf0 {
6237
- display: flex;
6238
- justify-content: space-between;
6239
- align-items: center;
6240
- font-size: 13px;
6241
- line-height: 24px;
6242
- color: #cccccc;
6243
- white-space: nowrap;
6244
-
6245
- label {
6246
- margin-right: 32px;
6247
- }
6248
- }
6249
-
6250
- .E_coy29mj.E_c14wcxf0 {
6251
- font-weight: bold;
6252
- color: white;
6253
- }
6254
-
6255
- .E_s11212zy {
6256
- width: 8px;
6257
- height: 8px;
6258
- border-radius: 2px;
6259
- display: inline-block;
6260
- background: var(--s11212zy-0);
6261
- border: 1px solid $fills-light-white;
6262
- box-sizing: content-box;
6263
- margin-right: 6px;
6264
- }
6265
-
6266
- .E_p1lyky6c {
6267
- & > :first-child {
6268
- font-weight: bold;
6269
- color: white;
6270
- margin-right: 4px;
6271
- }
6272
- }
6273
-
6274
-
6275
- .E_gmyahx3 {
6276
- cursor: pointer;
6277
-
6278
- .link-text {
6279
- color: $text-light-tertiary;
6280
- }
6281
-
6282
- &:hover .link-text {
6283
- color: $text-light-general;
6284
- }
6285
- }
6286
-
6287
-
6288
- .E_tqjc4ui {
6289
- @at-root {
6290
- span#{&} {
6291
- margin: 0 2px;
6292
- }
6293
- }
6294
- }
6295
-
6296
-
6297
- .E_wg1tsps {
6298
- display: flex;
6299
- align-items: center;
6300
- justify-content: flex-end;
6301
- }
6302
-
6303
- .E_b1ctd5xy {
6304
- display: flex;
6305
- align-items: center;
6306
- width: calc(100% - 40px);
6307
-
6308
- .chart {
6309
- display: inline-block;
6310
- width: 100%;
6222
+ width: 100%;
6223
+ .recharts-wrapper {
6224
+ margin-left: 4px;
6311
6225
  }
6312
6226
  }
6313
6227
 
6314
- .E_u1p8acpn {
6315
- min-width: 40px;
6228
+ .E_cro7kg2 {
6229
+ padding: 4px;
6316
6230
 
6317
6231
  .unit {
6318
- color: $text-light-primary !important;
6232
+ color: white;
6319
6233
  }
6320
6234
  }
6321
6235
 
6236
+ .E_c14wcxf0 {
6237
+ display: flex;
6238
+ justify-content: space-between;
6239
+ align-items: center;
6240
+ font-size: 13px;
6241
+ line-height: 24px;
6242
+ color: #cccccc;
6243
+ white-space: nowrap;
6322
6244
 
6323
- .E_ou7iq30 {
6324
- overflow: hidden;
6325
- text-overflow: ellipsis;
6245
+ label {
6246
+ margin-right: 32px;
6247
+ }
6326
6248
  }
6327
6249
 
6328
- .E_s1tui002 {
6329
- white-space: nowrap;
6250
+ .E_coy29mj.E_c14wcxf0 {
6251
+ font-weight: bold;
6252
+ color: white;
6330
6253
  }
6331
6254
 
6332
- .E_mxrc2zg {
6333
- display: -webkit-box;
6334
- -webkit-line-clamp: var(--mxrc2zg-0);
6335
- -webkit-box-orient: vertical;
6336
- word-break: break-all;
6255
+ .E_s11212zy {
6256
+ width: 8px;
6257
+ height: 8px;
6258
+ border-radius: 2px;
6259
+ display: inline-block;
6260
+ background: var(--s11212zy-0);
6261
+ border: 1px solid $fills-light-white;
6262
+ box-sizing: content-box;
6263
+ margin-right: 6px;
6337
6264
  }
6338
6265
 
6339
- .E_t1vv6d68 {
6340
- .ant-tooltip-arrow {
6341
- display: none;
6342
- }
6343
- .ant-tooltip-inner {
6344
- background: $gray-a80-9;
6345
- border-radius: 4px;
6346
- &:has(.eagle-ellipsis-content) {
6347
- visibility: hidden;
6348
- }
6266
+ .E_p1lyky6c {
6267
+ & > :first-child {
6268
+ font-weight: bold;
6269
+ color: white;
6270
+ margin-right: 4px;
6349
6271
  }
6350
6272
  }
6351
6273
 
@@ -6448,198 +6370,100 @@
6448
6370
  }
6449
6371
 
6450
6372
 
6451
- .E_n12mqh7z {
6373
+ .E_wg1tsps {
6452
6374
  display: flex;
6453
6375
  align-items: center;
6454
- font-size: 12px;
6455
- line-height: 18px;
6456
-
6457
- &:not(:last-child) {
6458
- margin-bottom: 4px;
6459
- }
6460
- }
6461
-
6462
- .E_tf5bynu {
6463
- margin: 0 3px;
6464
- }
6465
-
6466
- .E_tcckoz1 {
6467
- max-height: 400px;
6468
- overflow: auto;
6376
+ justify-content: flex-end;
6469
6377
  }
6470
6378
 
6379
+ .E_b1ctd5xy {
6380
+ display: flex;
6381
+ align-items: center;
6382
+ width: calc(100% - 40px);
6471
6383
 
6472
- .E_s1iv0tp1 {
6473
- .enabled-switch {
6474
- display: flex;
6475
- align-items: center;
6476
- }
6477
-
6478
- .enabled-text {
6479
- margin-right: 8px;
6384
+ .chart {
6385
+ display: inline-block;
6386
+ width: 100%;
6480
6387
  }
6481
6388
  }
6482
6389
 
6390
+ .E_u1p8acpn {
6391
+ min-width: 40px;
6483
6392
 
6484
- .E_c1up1pdz {
6485
- width: 648px;
6486
-
6487
- &.active {
6488
- border-color: $blue-60;
6489
-
6490
- > header {
6491
- background: rgba($blue-60, 0.1);
6492
- }
6493
- }
6494
-
6495
- .expand {
6496
- padding: 12px;
6393
+ .unit {
6394
+ color: $text-light-primary !important;
6497
6395
  }
6396
+ }
6498
6397
 
6499
- .field-item {
6500
- display: flex;
6501
- padding: 10px 0;
6502
- border-bottom: 1px solid rgba(213, 219, 227, 0.6);
6503
-
6504
- &:last-child {
6505
- border-bottom: none;
6506
- padding-bottom: 0;
6507
- }
6508
6398
 
6509
- label {
6510
- line-height: 32px;
6511
- width: 100px;
6512
- color: rgba(62, 70, 82, 0.6);
6513
- }
6514
- }
6399
+ .E_gmyahx3 {
6400
+ cursor: pointer;
6515
6401
 
6516
- .help {
6517
- color: rgba(62, 70, 82, 0.6);
6518
- margin-top: 5px;
6402
+ .link-text {
6403
+ color: $text-light-tertiary;
6519
6404
  }
6520
6405
 
6521
- .ant-input-affix-wrapper,
6522
- .ant-picker {
6523
- width: 128px;
6406
+ &:hover .link-text {
6407
+ color: $text-light-general;
6524
6408
  }
6525
6409
  }
6526
6410
 
6527
- .E_c156wh19 {
6411
+
6412
+ .E_n12mqh7z {
6528
6413
  display: flex;
6529
6414
  align-items: center;
6530
- justify-content: space-between;
6531
- word-break: keep-all;
6532
-
6533
- .title {
6534
- margin: 0 16px 0 8px;
6535
- }
6536
-
6537
- .retain {
6538
- color: rgba(129, 138, 153, 0.6);
6539
- }
6540
-
6541
- div.left {
6542
- flex: 1;
6543
- display: flex;
6544
- overflow: hidden;
6545
- align-items: center;
6546
- justify-content: flex-start;
6547
- white-space: nowrap;
6548
-
6549
- .title {
6550
- max-width: 100%;
6551
- overflow: hidden;
6552
- text-overflow: ellipsis;
6553
- }
6554
- }
6555
-
6556
- div.right {
6557
- display: flex;
6558
- align-items: center;
6559
- }
6560
-
6561
- .reverse {
6562
- display: flex;
6563
- flex-direction: row-reverse;
6564
- align-items: center;
6415
+ font-size: 12px;
6416
+ line-height: 18px;
6565
6417
 
6566
- .ant-switch {
6567
- margin-left: 8px;
6568
- }
6418
+ &:not(:last-child) {
6419
+ margin-bottom: 4px;
6569
6420
  }
6421
+ }
6570
6422
 
6571
- .close {
6572
- padding-left: 14px;
6573
- margin-left: 14px;
6574
- border-left: 1px solid rgba(129, 138, 153, 0.6);
6575
- cursor: pointer;
6576
- }
6423
+ .E_tf5bynu {
6424
+ margin: 0 3px;
6577
6425
  }
6578
6426
 
6579
- .E_m126spxy {
6580
- .ant-btn.ant-btn-link {
6581
- padding: 1px 10px;
6582
- color: rgba(62, 70, 82, 0.6);
6583
- border-radius: 4px;
6427
+ .E_tcckoz1 {
6428
+ max-height: 400px;
6429
+ overflow: auto;
6430
+ }
6584
6431
 
6585
- &.active {
6586
- background: rgba(0, 128, 255, 0.1);
6587
- color: $blue;
6588
- }
6589
- }
6590
6432
 
6591
- padding-bottom: 4px;
6592
- border-bottom: 1px solid rgba(213, 219, 227, 0.6);
6433
+ .E_ou7iq30 {
6434
+ overflow: hidden;
6435
+ text-overflow: ellipsis;
6593
6436
  }
6594
6437
 
6595
- .E_wpbf4pq {
6596
- padding: 10px 0;
6597
- border-bottom: 1px solid rgba(213, 219, 227, 0.6);
6598
-
6599
- .ant-input,
6600
- .ant-picker {
6601
- width: 80px;
6602
- margin: 0 9px;
6603
- text-align: center;
6604
- }
6438
+ .E_s1tui002 {
6439
+ white-space: nowrap;
6440
+ }
6605
6441
 
6606
- .options {
6607
- padding: 12px 0 12px 16px;
6608
- border-left: 2px solid rgba(129, 138, 153, 0.6);
6609
- margin: 5px 0 5px 8px;
6610
- }
6611
- .week-day-option,
6612
- .month-day-option {
6613
- background: #f5f7fa;
6614
- box-sizing: border-box;
6615
- border-radius: 16px;
6616
- margin-right: 8px;
6442
+ .E_mxrc2zg {
6443
+ display: -webkit-box;
6444
+ -webkit-line-clamp: var(--mxrc2zg-0);
6445
+ -webkit-box-orient: vertical;
6446
+ word-break: break-all;
6447
+ }
6617
6448
 
6618
- &:focus {
6619
- color: inherit;
6620
- border-color: #d9d9d9;
6621
- }
6449
+ .E_t1vv6d68 {
6450
+ .ant-tooltip-arrow {
6451
+ display: none;
6622
6452
  }
6623
- .week-day-option {
6624
- &.active {
6625
- background-color: $blue;
6626
- border-color: $blue;
6627
- color: $white;
6628
- }
6629
- &.en-text {
6630
- width: 110px;
6631
- margin-top: 4px;
6453
+ .ant-tooltip-inner {
6454
+ background: $gray-a80-9;
6455
+ border-radius: 4px;
6456
+ &:has(.eagle-ellipsis-content) {
6457
+ visibility: hidden;
6632
6458
  }
6633
6459
  }
6634
- .month-day-option {
6635
- width: 32px;
6636
- padding: 0;
6637
- margin-bottom: 8px;
6460
+ }
6638
6461
 
6639
- &.active {
6640
- background-color: $blue;
6641
- border-color: $blue;
6642
- color: $white;
6462
+
6463
+ .E_tqjc4ui {
6464
+ @at-root {
6465
+ span#{&} {
6466
+ margin: 0 2px;
6643
6467
  }
6644
6468
  }
6645
6469
  }
@@ -6772,141 +6596,178 @@
6772
6596
  }
6773
6597
 
6774
6598
 
6775
- .E_s1at6qmn {
6776
- &.ant-layout-sider {
6777
- background: $backgrounds-light-grouped;
6778
- padding: 32px 8px;
6779
- overflow: auto;
6780
- }
6781
-
6782
- .ant-layout-sider-children {
6599
+ .E_s1iv0tp1 {
6600
+ .enabled-switch {
6783
6601
  display: flex;
6784
- flex-direction: column;
6785
- justify-content: space-between;
6602
+ align-items: center;
6786
6603
  }
6787
6604
 
6788
- footer {
6789
- display: flex;
6605
+ .enabled-text {
6606
+ margin-right: 8px;
6790
6607
  }
6608
+ }
6791
6609
 
6792
- .ant-menu {
6793
- background: $backgrounds-light-grouped;
6794
- a {
6795
- color: $text-light-primary;
6796
- width: 180px;
6797
- overflow: hidden;
6798
- text-overflow: ellipsis;
6610
+
6611
+ .E_c1up1pdz {
6612
+ width: 648px;
6613
+
6614
+ &.active {
6615
+ border-color: $blue-60;
6616
+
6617
+ > header {
6618
+ background: rgba($blue-60, 0.1);
6799
6619
  }
6800
6620
  }
6801
6621
 
6802
- .ant-menu-vertical {
6803
- margin-bottom: 24px;
6622
+ .expand {
6623
+ padding: 12px;
6624
+ }
6804
6625
 
6805
- .ant-menu-item-group {
6806
- .ant-menu-item {
6807
- margin: 0;
6808
- }
6809
- .ant-menu-item-group-title {
6810
- font-size: 12px;
6811
- padding: 0 8px 4px;
6812
- line-height: 18px;
6626
+ .field-item {
6627
+ display: flex;
6628
+ padding: 10px 0;
6629
+ border-bottom: 1px solid rgba(213, 219, 227, 0.6);
6813
6630
 
6814
- &:empty {
6815
- padding: 0;
6816
- }
6817
- }
6818
- &:not(:last-child) {
6819
- padding-bottom: 24px;
6820
- &.split {
6821
- margin-bottom: 24px;
6822
- border-bottom: 1px solid rgba(211, 218, 235, 0.6);
6823
- }
6824
- }
6631
+ &:last-child {
6632
+ border-bottom: none;
6633
+ padding-bottom: 0;
6825
6634
  }
6826
6635
 
6827
- .ant-menu-item {
6828
- transition: none;
6829
- display: flex;
6830
- align-items: center;
6831
- height: 32px;
6832
- line-height: 22px;
6833
- padding: 0 8px;
6636
+ label {
6637
+ line-height: 32px;
6638
+ width: 100px;
6639
+ color: rgba(62, 70, 82, 0.6);
6640
+ }
6641
+ }
6834
6642
 
6835
- > .icon-wrapper {
6836
- margin-right: 12px;
6837
- }
6643
+ .help {
6644
+ color: rgba(62, 70, 82, 0.6);
6645
+ margin-top: 5px;
6646
+ }
6838
6647
 
6839
- &:not(:last-child) {
6840
- margin: 0;
6841
- margin-bottom: 2px;
6842
- }
6843
- &.ant-menu-item-selected {
6844
- background: $background-selected;
6845
- box-shadow: $box-shadow-light-selected;
6846
- border-radius: 6px;
6847
- color: $text-light-on-tint;
6848
- a {
6849
- color: $text-light-on-tint;
6850
- }
6851
- }
6852
- &:not(.ant-menu-item-selected) {
6853
- &.ant-menu-item:hover,
6854
- &.ant-menu-item-active {
6855
- background: $background-onhover;
6856
- box-shadow: $box-shadow-light-onhover;
6857
- border-radius: 6px;
6858
- }
6859
- }
6860
- }
6648
+ .ant-input-affix-wrapper,
6649
+ .ant-picker {
6650
+ width: 128px;
6861
6651
  }
6862
6652
  }
6863
6653
 
6864
- .E_s1wu0lms {
6865
- .ant-menu-item-group-title {
6866
- white-space: nowrap;
6867
- transition: all 0s;
6654
+ .E_c156wh19 {
6655
+ display: flex;
6656
+ align-items: center;
6657
+ justify-content: space-between;
6658
+ word-break: keep-all;
6659
+
6660
+ .title {
6661
+ margin: 0 16px 0 8px;
6868
6662
  }
6869
6663
 
6870
- &.shrink {
6871
- transition: all 0s;
6664
+ .retain {
6665
+ color: rgba(129, 138, 153, 0.6);
6666
+ }
6667
+
6668
+ div.left {
6669
+ flex: 1;
6670
+ display: flex;
6872
6671
  overflow: hidden;
6672
+ align-items: center;
6673
+ justify-content: flex-start;
6674
+ white-space: nowrap;
6873
6675
 
6874
- .ant-menu-item-group-title {
6875
- visibility: hidden;
6676
+ .title {
6677
+ max-width: 100%;
6678
+ overflow: hidden;
6679
+ text-overflow: ellipsis;
6876
6680
  }
6681
+ }
6877
6682
 
6878
- .ant-menu-item {
6879
- width: 36px;
6880
- padding: 0 6px;
6683
+ div.right {
6684
+ display: flex;
6685
+ align-items: center;
6686
+ }
6687
+
6688
+ .reverse {
6689
+ display: flex;
6690
+ flex-direction: row-reverse;
6691
+ align-items: center;
6692
+
6693
+ .ant-switch {
6694
+ margin-left: 8px;
6881
6695
  }
6882
6696
  }
6697
+
6698
+ .close {
6699
+ padding-left: 14px;
6700
+ margin-left: 14px;
6701
+ border-left: 1px solid rgba(129, 138, 153, 0.6);
6702
+ cursor: pointer;
6703
+ }
6883
6704
  }
6884
6705
 
6885
- .E_n1ugzfva {
6886
- display: flex;
6887
- place-items: center;
6888
- width: 100% !important;
6706
+ .E_m126spxy {
6707
+ .ant-btn.ant-btn-link {
6708
+ padding: 1px 10px;
6709
+ color: rgba(62, 70, 82, 0.6);
6710
+ border-radius: 4px;
6889
6711
 
6890
- &[disabled] {
6891
- color: rgba(0, 0, 0, 0.25) !important;
6892
- opacity: 1 !important;
6712
+ &.active {
6713
+ background: rgba(0, 128, 255, 0.1);
6714
+ color: $blue;
6715
+ }
6893
6716
  }
6894
6717
 
6895
- &.ant-btn {
6896
- width: 100%;
6897
- color: $text-light-primary;
6718
+ padding-bottom: 4px;
6719
+ border-bottom: 1px solid rgba(213, 219, 227, 0.6);
6720
+ }
6721
+
6722
+ .E_wpbf4pq {
6723
+ padding: 10px 0;
6724
+ border-bottom: 1px solid rgba(213, 219, 227, 0.6);
6725
+
6726
+ .ant-input,
6727
+ .ant-picker {
6728
+ width: 80px;
6729
+ margin: 0 9px;
6730
+ text-align: center;
6898
6731
  }
6899
6732
 
6900
- .icon-wrapper {
6901
- margin-right: 12px;
6733
+ .options {
6734
+ padding: 12px 0 12px 16px;
6735
+ border-left: 2px solid rgba(129, 138, 153, 0.6);
6736
+ margin: 5px 0 5px 8px;
6737
+ }
6738
+ .week-day-option,
6739
+ .month-day-option {
6740
+ background: #f5f7fa;
6741
+ box-sizing: border-box;
6742
+ border-radius: 16px;
6743
+ margin-right: 8px;
6744
+
6745
+ &:focus {
6746
+ color: inherit;
6747
+ border-color: #d9d9d9;
6748
+ }
6749
+ }
6750
+ .week-day-option {
6751
+ &.active {
6752
+ background-color: $blue;
6753
+ border-color: $blue;
6754
+ color: $white;
6755
+ }
6756
+ &.en-text {
6757
+ width: 110px;
6758
+ margin-top: 4px;
6759
+ }
6902
6760
  }
6761
+ .month-day-option {
6762
+ width: 32px;
6763
+ padding: 0;
6764
+ margin-bottom: 8px;
6903
6765
 
6904
- .link-title {
6905
- flex: 1;
6906
- overflow: hidden;
6907
- white-space: nowrap;
6908
- text-overflow: ellipsis;
6909
- text-align: left;
6766
+ &.active {
6767
+ background-color: $blue;
6768
+ border-color: $blue;
6769
+ color: $white;
6770
+ }
6910
6771
  }
6911
6772
  }
6912
6773
 
@@ -7179,59 +7040,142 @@
7179
7040
  }
7180
7041
 
7181
7042
 
7182
- .E_cyms3br {
7183
- background: #fff;
7184
- width: 100%;
7185
- border-radius: 8px;
7186
- border: 1px solid rgba(228, 233, 242, 1);
7187
- .ant-list {
7188
- padding: 12px;
7189
- }
7190
- .ant-list-item {
7191
- padding: 4px 0;
7192
- }
7193
- .ant-alert {
7194
- margin-left: 24px;
7043
+ .E_s1at6qmn {
7044
+ &.ant-layout-sider {
7045
+ background: $backgrounds-light-grouped;
7046
+ padding: 32px 8px;
7047
+ overflow: auto;
7195
7048
  }
7196
- header {
7197
- background: rgba(225, 230, 241, 0.6);
7198
- font-size: 12px;
7199
- color: rgba(29, 50, 108, 1);
7200
- font-weight: 700;
7201
- padding: 6px 12px;
7049
+
7050
+ .ant-layout-sider-children {
7202
7051
  display: flex;
7203
- flex-direction: row;
7204
- align-items: center;
7052
+ flex-direction: column;
7205
7053
  justify-content: space-between;
7206
- .switch-text {
7054
+ }
7055
+
7056
+ footer {
7057
+ display: flex;
7058
+ }
7059
+
7060
+ .ant-menu {
7061
+ background: $backgrounds-light-grouped;
7062
+ a {
7063
+ color: $text-light-primary;
7064
+ width: 180px;
7065
+ overflow: hidden;
7066
+ text-overflow: ellipsis;
7067
+ }
7068
+ }
7069
+
7070
+ .ant-menu-vertical {
7071
+ margin-bottom: 24px;
7072
+
7073
+ .ant-menu-item-group {
7074
+ .ant-menu-item {
7075
+ margin: 0;
7076
+ }
7077
+ .ant-menu-item-group-title {
7078
+ font-size: 12px;
7079
+ padding: 0 8px 4px;
7080
+ line-height: 18px;
7081
+
7082
+ &:empty {
7083
+ padding: 0;
7084
+ }
7085
+ }
7086
+ &:not(:last-child) {
7087
+ padding-bottom: 24px;
7088
+ &.split {
7089
+ margin-bottom: 24px;
7090
+ border-bottom: 1px solid rgba(211, 218, 235, 0.6);
7091
+ }
7092
+ }
7093
+ }
7094
+
7095
+ .ant-menu-item {
7096
+ transition: none;
7207
7097
  display: flex;
7208
- flex-direction: row;
7209
7098
  align-items: center;
7210
- justify-content: space-between;
7211
- gap: 6px;
7212
- font-size: 12px;
7213
- font-weight: 400;
7214
- color: rgba(0, 18, 46, 1);
7099
+ height: 32px;
7100
+ line-height: 22px;
7101
+ padding: 0 8px;
7102
+
7103
+ > .icon-wrapper {
7104
+ margin-right: 12px;
7105
+ }
7106
+
7107
+ &:not(:last-child) {
7108
+ margin: 0;
7109
+ margin-bottom: 2px;
7110
+ }
7111
+ &.ant-menu-item-selected {
7112
+ background: $background-selected;
7113
+ box-shadow: $box-shadow-light-selected;
7114
+ border-radius: 6px;
7115
+ color: $text-light-on-tint;
7116
+ a {
7117
+ color: $text-light-on-tint;
7118
+ }
7119
+ }
7120
+ &:not(.ant-menu-item-selected) {
7121
+ &.ant-menu-item:hover,
7122
+ &.ant-menu-item-active {
7123
+ background: $background-onhover;
7124
+ box-shadow: $box-shadow-light-onhover;
7125
+ border-radius: 6px;
7126
+ }
7127
+ }
7215
7128
  }
7216
7129
  }
7217
7130
  }
7218
7131
 
7219
- .E_c157gu4z {
7220
- .ant-list-item {
7221
- display: flex;
7222
- flex-direction: row;
7132
+ .E_s1wu0lms {
7133
+ .ant-menu-item-group-title {
7134
+ white-space: nowrap;
7135
+ transition: all 0s;
7223
7136
  }
7224
- .description {
7225
- flex-grow: 1;
7226
- margin-left: 8px;
7137
+
7138
+ &.shrink {
7139
+ transition: all 0s;
7140
+ overflow: hidden;
7141
+
7142
+ .ant-menu-item-group-title {
7143
+ visibility: hidden;
7144
+ }
7145
+
7146
+ .ant-menu-item {
7147
+ width: 36px;
7148
+ padding: 0 6px;
7149
+ }
7227
7150
  }
7228
7151
  }
7229
7152
 
7230
- .E_eu1sysj {
7153
+ .E_n1ugzfva {
7231
7154
  display: flex;
7232
- flex-direction: column;
7233
- align-items: center;
7234
- justify-content: center;
7155
+ place-items: center;
7156
+ width: 100% !important;
7157
+
7158
+ &[disabled] {
7159
+ color: rgba(0, 0, 0, 0.25) !important;
7160
+ opacity: 1 !important;
7161
+ }
7162
+
7163
+ &.ant-btn {
7164
+ width: 100%;
7165
+ color: $text-light-primary;
7166
+ }
7167
+
7168
+ .icon-wrapper {
7169
+ margin-right: 12px;
7170
+ }
7171
+
7172
+ .link-title {
7173
+ flex: 1;
7174
+ overflow: hidden;
7175
+ white-space: nowrap;
7176
+ text-overflow: ellipsis;
7177
+ text-align: left;
7178
+ }
7235
7179
  }
7236
7180
 
7237
7181
 
@@ -7279,6 +7223,69 @@
7279
7223
  }
7280
7224
 
7281
7225
 
7226
+ .E_cyms3br {
7227
+ background: #fff;
7228
+ width: 100%;
7229
+ border-radius: 8px;
7230
+ border: 1px solid rgba(228, 233, 242, 1);
7231
+ .ant-list {
7232
+ padding: 12px;
7233
+ }
7234
+ .ant-list-item {
7235
+ padding: 4px 0;
7236
+ }
7237
+ .ant-alert {
7238
+ margin-left: 24px;
7239
+ }
7240
+ header {
7241
+ background: rgba(225, 230, 241, 0.6);
7242
+ font-size: 12px;
7243
+ color: rgba(29, 50, 108, 1);
7244
+ font-weight: 700;
7245
+ padding: 6px 12px;
7246
+ display: flex;
7247
+ flex-direction: row;
7248
+ align-items: center;
7249
+ justify-content: space-between;
7250
+ .switch-text {
7251
+ display: flex;
7252
+ flex-direction: row;
7253
+ align-items: center;
7254
+ justify-content: space-between;
7255
+ gap: 6px;
7256
+ font-size: 12px;
7257
+ font-weight: 400;
7258
+ color: rgba(0, 18, 46, 1);
7259
+ }
7260
+ }
7261
+ }
7262
+
7263
+ .E_c157gu4z {
7264
+ .ant-list-item {
7265
+ display: flex;
7266
+ flex-direction: row;
7267
+ }
7268
+ .description {
7269
+ flex-grow: 1;
7270
+ margin-left: 8px;
7271
+ }
7272
+ }
7273
+
7274
+ .E_eu1sysj {
7275
+ display: flex;
7276
+ flex-direction: column;
7277
+ align-items: center;
7278
+ justify-content: center;
7279
+ }
7280
+
7281
+
7282
+ .E_h1ol2wl7 {
7283
+ font-weight: bold;
7284
+ background-color: unset;
7285
+ padding: unset;
7286
+ }
7287
+
7288
+
7282
7289
  .E_kr6am0s {
7283
7290
  .ant-modal-body {
7284
7291
  padding: 60px 128px;
@@ -7353,13 +7360,6 @@
7353
7360
  }
7354
7361
 
7355
7362
 
7356
- .E_h1ol2wl7 {
7357
- font-weight: bold;
7358
- background-color: unset;
7359
- padding: unset;
7360
- }
7361
-
7362
-
7363
7363
  .E_c14ouk5o {
7364
7364
  width: 100%;
7365
7365
  height: 100%;
@@ -7411,16 +7411,6 @@
7411
7411
  }
7412
7412
 
7413
7413
 
7414
- .E_cevhqx7 {
7415
- color: $text-light-primary;
7416
- }
7417
-
7418
- .E_snbqlt4 {
7419
- margin-top: 8px;
7420
- color: $text-light-secondary;
7421
- }
7422
-
7423
-
7424
7414
  .E_c1kchka8 {
7425
7415
  height: 100%;
7426
7416
  width: 100%;
@@ -8020,6 +8010,16 @@
8020
8010
  }
8021
8011
 
8022
8012
 
8013
+ .E_cevhqx7 {
8014
+ color: $text-light-primary;
8015
+ }
8016
+
8017
+ .E_snbqlt4 {
8018
+ margin-top: 8px;
8019
+ color: $text-light-secondary;
8020
+ }
8021
+
8022
+
8023
8023
  .E_c1ss4prm {
8024
8024
  color: $text-light-secondary;
8025
8025
 
@@ -8038,8 +8038,15 @@
8038
8038
  border-radius: 6px;
8039
8039
  color: $gray-a60-8;
8040
8040
 
8041
+ .icon-wrapper {
8042
+ margin-top: 1px; // The text line height is 18px, the icon height is 16px, so a 1px offset is needed
8043
+ margin-right: 4px;
8044
+ }
8045
+
8041
8046
  li {
8042
8047
  margin-bottom: 4px;
8048
+ display: flex;
8049
+ align-items: flex-start;
8043
8050
 
8044
8051
  &:last-child {
8045
8052
  margin-bottom: 0;