@cloudtower/eagle 490.0.9 → 490.0.10

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,44 +1,3 @@
1
- .E_b1nip9bk {
2
- padding: 4px 11px;
3
- }
4
-
5
- .E_bqamoqe {
6
- white-space: nowrap;
7
- filter: drop-shadow(0px 2px 8px rgba(0, 136, 255, 0.1));
8
-
9
- & > .ant-btn {
10
- &.ant-btn-ordinary-onTint:not(.ant-btn-dangerous) {
11
- --color: #{$text-light-general};
12
-
13
- &[disabled],
14
- &:hover[disabled] {
15
- --color: #{$text-light-general};
16
- }
17
- }
18
- }
19
-
20
- & > .ant-btn:not(:only-child) {
21
- & + .ant-btn {
22
- margin-left: 1px;
23
- }
24
-
25
- &:first-child {
26
- border-top-right-radius: 0;
27
- border-bottom-right-radius: 0;
28
- }
29
-
30
- &:last-child {
31
- border-top-left-radius: 0;
32
- border-bottom-left-radius: 0;
33
- }
34
-
35
- &:not(:first-child, :last-child) {
36
- border-radius: unset;
37
- }
38
- }
39
- }
40
-
41
-
42
1
  .E_c18gxmrl {
43
2
  border: 1px solid $gray-40;
44
3
  border-radius: 4px;
@@ -111,6 +70,65 @@
111
70
  }
112
71
 
113
72
 
73
+ .E_b1nip9bk {
74
+ padding: 4px 11px;
75
+ }
76
+
77
+ .E_bqamoqe {
78
+ white-space: nowrap;
79
+ filter: drop-shadow(0px 2px 8px rgba(0, 136, 255, 0.1));
80
+
81
+ & > .ant-btn {
82
+ &.ant-btn-ordinary-onTint:not(.ant-btn-dangerous) {
83
+ --color: #{$text-light-general};
84
+
85
+ &[disabled],
86
+ &:hover[disabled] {
87
+ --color: #{$text-light-general};
88
+ }
89
+ }
90
+ }
91
+
92
+ & > .ant-btn:not(:only-child) {
93
+ & + .ant-btn {
94
+ margin-left: 1px;
95
+ }
96
+
97
+ &:first-child {
98
+ border-top-right-radius: 0;
99
+ border-bottom-right-radius: 0;
100
+ }
101
+
102
+ &:last-child {
103
+ border-top-left-radius: 0;
104
+ border-bottom-left-radius: 0;
105
+ }
106
+
107
+ &:not(:first-child, :last-child) {
108
+ border-radius: unset;
109
+ }
110
+ }
111
+ }
112
+
113
+
114
+ .E_d133fzv0 {
115
+ .ant-dropdown-menu-item-group {
116
+ .ant-dropdown-menu-item-group-title {
117
+ padding: 4px 8px 0 8px;
118
+ color: $text-light-secondary;
119
+ font-size: 12px;
120
+ }
121
+ .ant-dropdown-menu-item-group-list {
122
+ padding-bottom: 6px;
123
+ }
124
+ &:not(:first-child) {
125
+ padding-top: 4px;
126
+ border-top: 1px solid $strokes-light-trans-2;
127
+ }
128
+ }
129
+ }
130
+
131
+
114
132
  .E_b1wx3t3t {
115
133
  &.ant-btn-icon-only {
116
134
  justify-content: center;
@@ -503,108 +521,6 @@
503
521
  }
504
522
 
505
523
 
506
- .E_itxley7 {
507
- &.ant-input-group.ant-input-group-compact {
508
- display: flex;
509
- }
510
-
511
- &.ant-input-group.ant-input-group-compact > *:first-child,
512
- &.ant-input-group.ant-input-group-compact
513
- > .ant-select:first-child
514
- > .ant-select-selector,
515
- &.ant-input-group.ant-input-group-compact
516
- > .ant-calendar-picker:first-child
517
- .ant-input,
518
- &.ant-input-group.ant-input-group-compact
519
- > .ant-select-auto-complete:first-child
520
- .ant-input,
521
- &.ant-input-group.ant-input-group-compact
522
- > .ant-cascader-picker:first-child
523
- .ant-input,
524
- &.ant-input-group.ant-input-group-compact
525
- > .ant-mention-wrapper:first-child
526
- .ant-mention-editor,
527
- &.ant-input-group.ant-input-group-compact
528
- > .ant-time-picker:first-child
529
- .ant-time-picker-input {
530
- border-bottom-left-radius: 5px;
531
- border-top-left-radius: 5px;
532
- }
533
- &.ant-input-group.ant-input-group-compact > *:last-child,
534
- &.ant-input-group.ant-input-group-compact
535
- > .ant-select:last-child
536
- > .ant-select-selector,
537
- &.ant-input-group.ant-input-group-compact
538
- > .ant-calendar-picker:last-child
539
- .ant-input,
540
- &.ant-input-group.ant-input-group-compact
541
- > .ant-select-auto-complete:last-child
542
- .ant-input,
543
- &.ant-input-group.ant-input-group-compact
544
- > .ant-cascader-picker:last-child
545
- .ant-input,
546
- &.ant-input-group.ant-input-group-compact
547
- > .ant-cascader-picker-focused:last-child
548
- .ant-input,
549
- &.ant-input-group.ant-input-group-compact
550
- > .ant-mention-wrapper:last-child
551
- .ant-mention-editor,
552
- &.ant-input-group.ant-input-group-compact
553
- > .ant-time-picker:last-child
554
- .ant-time-picker-input {
555
- border-bottom-right-radius: 5px;
556
- border-top-right-radius: 5px;
557
- }
558
- }
559
-
560
-
561
- .E_iouxfgt {
562
- display: inline-flex;
563
- align-items: center;
564
-
565
- .icon-inner {
566
- display: inline-flex;
567
- align-items: center;
568
- justify-content: center;
569
- }
570
- .icon-inner + span,
571
- span + .icon-inner.suffix {
572
- margin-left: 4px;
573
- }
574
- &.is-rotate {
575
- img,
576
- svg {
577
- animation: rotate 680ms linear infinite;
578
- }
579
- }
580
- }
581
-
582
-
583
- .E_d133fzv0 {
584
- .ant-dropdown-menu-item-group {
585
- .ant-dropdown-menu-item-group-title {
586
- padding: 4px 8px 0 8px;
587
- color: $text-light-secondary;
588
- font-size: 12px;
589
- }
590
- .ant-dropdown-menu-item-group-list {
591
- padding-bottom: 6px;
592
- }
593
- &:not(:first-child) {
594
- padding-top: 4px;
595
- border-top: 1px solid $strokes-light-trans-2;
596
- }
597
- }
598
- }
599
-
600
-
601
- .E_sx1bpnu {
602
- .ant-input-sm {
603
- line-height: 18px;
604
- }
605
- }
606
-
607
-
608
524
  .E_fzh9mnb {
609
525
  width: 100%;
610
526
  height: 100%;
@@ -622,48 +538,6 @@
622
538
  }
623
539
 
624
540
 
625
- .E_f7pxqmh {
626
- width: 100%;
627
- margin-bottom: 0 !important;
628
- flex-flow: nowrap !important;
629
- line-break: auto;
630
-
631
- & > .ant-form-item-label {
632
- text-align: left !important;
633
- padding-bottom: 0 !important;
634
-
635
- & > label {
636
- min-height: 32px;
637
- height: auto;
638
- font-size: 13px;
639
- color: rgba(44, 56, 82, 0.6);
640
- white-space: normal;
641
- }
642
- }
643
-
644
- &.ant-form-item-has-error {
645
- .ant-input {
646
- border-color: #ff4d4f !important;
647
- }
648
- .ant-input-password {
649
- border-color: #ff4d4f !important;
650
- }
651
- }
652
-
653
- .ant-form-item-explain {
654
- margin-top: 4px;
655
- font-size: 12px;
656
- min-height: 0px;
657
- }
658
-
659
- .ant-form-item-extra {
660
- font-size: 12px;
661
- color: rgba(44, 56, 82, 0.6);
662
- min-height: 0px;
663
- }
664
- }
665
-
666
-
667
541
  .E_d1bw7c5z {
668
542
  position: relative;
669
543
  max-width: 388px;
@@ -836,15 +710,36 @@
836
710
  }
837
711
 
838
712
 
839
- .E_a1wfy30z {
840
- .ant-input-number-handler-wrap {
841
- display: var(--a1wfy30z-0);
842
- }
843
- .ant-input-number-input-wrap {
844
- padding: 4px 11px;
845
- display: inline-flex;
846
- line-height: 1.5715;
847
- height: inherit;
713
+ .E_sx1bpnu {
714
+ .ant-input-sm {
715
+ line-height: 18px;
716
+ }
717
+ }
718
+
719
+
720
+ .E_i1inqkme {
721
+ height: 18px;
722
+ line-height: 18px;
723
+ padding: 0 4px;
724
+ border-radius: 4px;
725
+ background: rgba(235, 239, 245, 0.6);
726
+ border: 1px solid rgba(223, 228, 235, 0.6);
727
+ display: flex;
728
+ align-items: center;
729
+ white-space: nowrap;
730
+ margin-right: 4px;
731
+ }
732
+
733
+
734
+ .E_a1wfy30z {
735
+ .ant-input-number-handler-wrap {
736
+ display: var(--a1wfy30z-0);
737
+ }
738
+ .ant-input-number-input-wrap {
739
+ padding: 4px 11px;
740
+ display: inline-flex;
741
+ line-height: 1.5715;
742
+ height: inherit;
848
743
  }
849
744
 
850
745
  .ant-input-number-input-wrap::after {
@@ -873,6 +768,135 @@
873
768
  }
874
769
 
875
770
 
771
+ .E_itxley7 {
772
+ &.ant-input-group.ant-input-group-compact {
773
+ display: flex;
774
+ }
775
+
776
+ &.ant-input-group.ant-input-group-compact > *:first-child,
777
+ &.ant-input-group.ant-input-group-compact
778
+ > .ant-select:first-child
779
+ > .ant-select-selector,
780
+ &.ant-input-group.ant-input-group-compact
781
+ > .ant-calendar-picker:first-child
782
+ .ant-input,
783
+ &.ant-input-group.ant-input-group-compact
784
+ > .ant-select-auto-complete:first-child
785
+ .ant-input,
786
+ &.ant-input-group.ant-input-group-compact
787
+ > .ant-cascader-picker:first-child
788
+ .ant-input,
789
+ &.ant-input-group.ant-input-group-compact
790
+ > .ant-mention-wrapper:first-child
791
+ .ant-mention-editor,
792
+ &.ant-input-group.ant-input-group-compact
793
+ > .ant-time-picker:first-child
794
+ .ant-time-picker-input {
795
+ border-bottom-left-radius: 5px;
796
+ border-top-left-radius: 5px;
797
+ }
798
+ &.ant-input-group.ant-input-group-compact > *:last-child,
799
+ &.ant-input-group.ant-input-group-compact
800
+ > .ant-select:last-child
801
+ > .ant-select-selector,
802
+ &.ant-input-group.ant-input-group-compact
803
+ > .ant-calendar-picker:last-child
804
+ .ant-input,
805
+ &.ant-input-group.ant-input-group-compact
806
+ > .ant-select-auto-complete:last-child
807
+ .ant-input,
808
+ &.ant-input-group.ant-input-group-compact
809
+ > .ant-cascader-picker:last-child
810
+ .ant-input,
811
+ &.ant-input-group.ant-input-group-compact
812
+ > .ant-cascader-picker-focused:last-child
813
+ .ant-input,
814
+ &.ant-input-group.ant-input-group-compact
815
+ > .ant-mention-wrapper:last-child
816
+ .ant-mention-editor,
817
+ &.ant-input-group.ant-input-group-compact
818
+ > .ant-time-picker:last-child
819
+ .ant-time-picker-input {
820
+ border-bottom-right-radius: 5px;
821
+ border-top-right-radius: 5px;
822
+ }
823
+ }
824
+
825
+
826
+ .E_atcz0kf {
827
+ .ant-input-suffix {
828
+ margin-left: 8px;
829
+ }
830
+ &.ant-input-affix-wrapper.ant-input-affix-wrapper-sm {
831
+ padding: 2px 7px 2px 12px;
832
+ }
833
+ }
834
+
835
+
836
+ .E_iouxfgt {
837
+ display: inline-flex;
838
+ align-items: center;
839
+
840
+ .icon-inner {
841
+ display: inline-flex;
842
+ align-items: center;
843
+ justify-content: center;
844
+ }
845
+ .icon-inner + span,
846
+ span + .icon-inner.suffix {
847
+ margin-left: 4px;
848
+ }
849
+ &.is-rotate {
850
+ img,
851
+ svg {
852
+ animation: rotate 680ms linear infinite;
853
+ }
854
+ }
855
+ }
856
+
857
+
858
+ .E_f7pxqmh {
859
+ width: 100%;
860
+ margin-bottom: 0 !important;
861
+ flex-flow: nowrap !important;
862
+ line-break: auto;
863
+
864
+ & > .ant-form-item-label {
865
+ text-align: left !important;
866
+ padding-bottom: 0 !important;
867
+
868
+ & > label {
869
+ min-height: 32px;
870
+ height: auto;
871
+ font-size: 13px;
872
+ color: rgba(44, 56, 82, 0.6);
873
+ white-space: normal;
874
+ }
875
+ }
876
+
877
+ &.ant-form-item-has-error {
878
+ .ant-input {
879
+ border-color: #ff4d4f !important;
880
+ }
881
+ .ant-input-password {
882
+ border-color: #ff4d4f !important;
883
+ }
884
+ }
885
+
886
+ .ant-form-item-explain {
887
+ margin-top: 4px;
888
+ font-size: 12px;
889
+ min-height: 0px;
890
+ }
891
+
892
+ .ant-form-item-extra {
893
+ font-size: 12px;
894
+ color: rgba(44, 56, 82, 0.6);
895
+ min-height: 0px;
896
+ }
897
+ }
898
+
899
+
876
900
  .E_owd0kml {
877
901
  display: inline-block;
878
902
  }
@@ -950,27 +974,58 @@
950
974
  }
951
975
 
952
976
 
953
- .E_atcz0kf {
954
- .ant-input-suffix {
955
- margin-left: 8px;
956
- }
957
- &.ant-input-affix-wrapper.ant-input-affix-wrapper-sm {
958
- padding: 2px 7px 2px 12px;
959
- }
977
+ .E_ivqqkzv {
978
+ height: 24px;
979
+ width: 56px !important;
980
+ margin-right: 4px;
960
981
  }
961
982
 
983
+ .E_c1wk4q29 {
984
+ color: $text-secondary-light;
985
+ }
962
986
 
963
- .E_i1inqkme {
964
- height: 18px;
965
- line-height: 18px;
966
- padding: 0 4px;
967
- border-radius: 4px;
968
- background: rgba(235, 239, 245, 0.6);
969
- border: 1px solid rgba(223, 228, 235, 0.6);
987
+
988
+ .E_c1bus5hc {
989
+ --color: white;
990
+ height: 14px;
991
+ width: 14px;
992
+ border-radius: 50%;
993
+ flex-shrink: 0;
970
994
  display: flex;
971
995
  align-items: center;
972
- white-space: nowrap;
973
- margin-right: 4px;
996
+ justify-content: center;
997
+ border: 1px solid var(--color);
998
+
999
+ .circle-inner {
1000
+ position: relative;
1001
+ height: 10px;
1002
+ width: 10px;
1003
+ border-radius: 50%;
1004
+ overflow: hidden;
1005
+ }
1006
+
1007
+ .circle-content {
1008
+ position: absolute;
1009
+ height: 100%;
1010
+ width: 100%;
1011
+ left: 0;
1012
+ top: 0;
1013
+ border-radius: 50%;
1014
+ background: linear-gradient(to right, var(--color) 50%, white 50%);
1015
+ transform: rotate(180deg);
1016
+ }
1017
+
1018
+ .circle-child {
1019
+ position: absolute;
1020
+ height: 100%;
1021
+ width: 100%;
1022
+ left: 0;
1023
+ top: 0;
1024
+ margin-left: 50%;
1025
+ transform-origin: left;
1026
+ background: white;
1027
+ transform: rotate(0deg);
1028
+ }
974
1029
  }
975
1030
 
976
1031
 
@@ -1155,84 +1210,29 @@
1155
1210
  }
1156
1211
 
1157
1212
 
1158
- .E_c1bus5hc {
1159
- --color: white;
1160
- height: 14px;
1161
- width: 14px;
1162
- border-radius: 50%;
1163
- flex-shrink: 0;
1213
+ .E_cnujxq2 {
1164
1214
  display: flex;
1165
- align-items: center;
1166
- justify-content: center;
1167
- border: 1px solid var(--color);
1215
+ flex-direction: column;
1216
+ }
1168
1217
 
1169
- .circle-inner {
1170
- position: relative;
1171
- height: 10px;
1172
- width: 10px;
1173
- border-radius: 50%;
1174
- overflow: hidden;
1175
- }
1176
-
1177
- .circle-content {
1178
- position: absolute;
1179
- height: 100%;
1180
- width: 100%;
1181
- left: 0;
1182
- top: 0;
1183
- border-radius: 50%;
1184
- background: linear-gradient(to right, var(--color) 50%, white 50%);
1185
- transform: rotate(180deg);
1186
- }
1187
-
1188
- .circle-child {
1189
- position: absolute;
1190
- height: 100%;
1191
- width: 100%;
1192
- left: 0;
1193
- top: 0;
1194
- margin-left: 50%;
1195
- transform-origin: left;
1196
- background: white;
1197
- transform: rotate(0deg);
1198
- }
1199
- }
1200
-
1201
-
1202
- .E_ivqqkzv {
1203
- height: 24px;
1204
- width: 56px !important;
1205
- margin-right: 4px;
1206
- }
1207
-
1208
- .E_c1wk4q29 {
1209
- color: $text-secondary-light;
1210
- }
1211
-
1212
-
1213
- .E_cnujxq2 {
1214
- display: flex;
1215
- flex-direction: column;
1216
- }
1217
-
1218
- .E_m7s48ia {
1219
- max-width: 1120px;
1220
- width: 100%;
1221
- margin: 0 auto;
1222
- height: 100%;
1223
- }
1224
-
1225
- .E_wt5zbg6 {
1226
- max-width: 1120px;
1227
- width: 100%;
1228
- margin: 0 auto;
1229
- display: flex;
1230
-
1231
- .left,
1232
- .right {
1233
- flex-grow: 0;
1234
- flex-shrink: 0;
1235
- flex-basis: 21%;
1218
+ .E_m7s48ia {
1219
+ max-width: 1120px;
1220
+ width: 100%;
1221
+ margin: 0 auto;
1222
+ height: 100%;
1223
+ }
1224
+
1225
+ .E_wt5zbg6 {
1226
+ max-width: 1120px;
1227
+ width: 100%;
1228
+ margin: 0 auto;
1229
+ display: flex;
1230
+
1231
+ .left,
1232
+ .right {
1233
+ flex-grow: 0;
1234
+ flex-shrink: 0;
1235
+ flex-basis: 21%;
1236
1236
  }
1237
1237
 
1238
1238
  .left {
@@ -2084,28 +2084,45 @@
2084
2084
  }
2085
2085
 
2086
2086
 
2087
- .E_c1yyuluq {
2088
- border-radius: 8px;
2089
- .ant-card-body {
2090
- padding: 20px 24px 24px 24px;
2087
+ .E_a1b5xrg3 {
2088
+ .user-icon-inner {
2089
+ display: inline-flex;
2090
+ align-items: center;
2091
+ justify-content: center;
2092
+ color: $white;
2093
+ font-weight: bold;
2094
+ font-size: 12px;
2095
+ width: 24px;
2096
+ height: 24px;
2097
+ border-radius: 50%;
2098
+ background: var(--a1b5xrg3-0);
2091
2099
  }
2092
- }
2093
-
2094
-
2095
- .E_iq1gosr {
2096
- display: inline-block;
2097
- }
2100
+ &.btn-item {
2101
+ transition: all 160ms ease;
2102
+ cursor: pointer;
2103
+ width: 56px;
2104
+ height: 40px;
2105
+ display: inline-flex;
2106
+ align-items: center;
2107
+ justify-content: center;
2108
+ border-radius: 6px;
2098
2109
 
2110
+ &:hover {
2111
+ box-shadow:
2112
+ 0px 0px 20px rgba(107, 125, 153, 0.18),
2113
+ 0px 25px 80px rgba(45, 58, 86, 0.3);
2114
+ }
2099
2115
 
2100
- .E_tju3gfj {
2101
- .date {
2102
- margin-right: 4px;
2116
+ &:active {
2117
+ transform: translateY(2px);
2118
+ transition: all 320ms ease;
2119
+ }
2103
2120
  }
2104
2121
  }
2105
2122
 
2106
2123
 
2107
- .E_m196gn1d {
2108
- min-width: 1280px;
2124
+ .E_iq1gosr {
2125
+ display: inline-block;
2109
2126
  }
2110
2127
 
2111
2128
 
@@ -2195,16 +2212,9 @@
2195
2212
  }
2196
2213
 
2197
2214
 
2198
- .E_t1m2x205 {
2199
- .ant-tooltip-arrow {
2200
- display: none;
2201
- }
2202
- .ant-tooltip-inner {
2203
- background: $gray-a80-9;
2204
- border-radius: 4px;
2205
- &:has(.eagle-ellipsis-content) {
2206
- visibility: hidden;
2207
- }
2215
+ .E_tju3gfj {
2216
+ .date {
2217
+ margin-right: 4px;
2208
2218
  }
2209
2219
  }
2210
2220
 
@@ -2563,6 +2573,25 @@
2563
2573
  }
2564
2574
 
2565
2575
 
2576
+ .E_t1m2x205 {
2577
+ .ant-tooltip-arrow {
2578
+ display: none;
2579
+ }
2580
+ .ant-tooltip-inner {
2581
+ background: $gray-a80-9;
2582
+ border-radius: 4px;
2583
+ &:has(.eagle-ellipsis-content) {
2584
+ visibility: hidden;
2585
+ }
2586
+ }
2587
+ }
2588
+
2589
+
2590
+ .E_m196gn1d {
2591
+ min-width: 1280px;
2592
+ }
2593
+
2594
+
2566
2595
  .E_s1dni7lo {
2567
2596
  width: 430px !important;
2568
2597
  }
@@ -2652,39 +2681,10 @@
2652
2681
  }
2653
2682
 
2654
2683
 
2655
- .E_a1b5xrg3 {
2656
- .user-icon-inner {
2657
- display: inline-flex;
2658
- align-items: center;
2659
- justify-content: center;
2660
- color: $white;
2661
- font-weight: bold;
2662
- font-size: 12px;
2663
- width: 24px;
2664
- height: 24px;
2665
- border-radius: 50%;
2666
- background: var(--a1b5xrg3-0);
2667
- }
2668
- &.btn-item {
2669
- transition: all 160ms ease;
2670
- cursor: pointer;
2671
- width: 56px;
2672
- height: 40px;
2673
- display: inline-flex;
2674
- align-items: center;
2675
- justify-content: center;
2676
- border-radius: 6px;
2677
-
2678
- &:hover {
2679
- box-shadow:
2680
- 0px 0px 20px rgba(107, 125, 153, 0.18),
2681
- 0px 25px 80px rgba(45, 58, 86, 0.3);
2682
- }
2683
-
2684
- &:active {
2685
- transform: translateY(2px);
2686
- transition: all 320ms ease;
2687
- }
2684
+ .E_c1yyuluq {
2685
+ border-radius: 8px;
2686
+ .ant-card-body {
2687
+ padding: 20px 24px 24px 24px;
2688
2688
  }
2689
2689
  }
2690
2690
 
@@ -2792,6 +2792,40 @@
2792
2792
  }
2793
2793
 
2794
2794
 
2795
+ .E_m5foqp8 {
2796
+ &.medium {
2797
+ --footer-height: 96px;
2798
+ --modal-content-width: 720px;
2799
+ --modal-content-min-height: 200px;
2800
+ --modal-header-padding: 40px 60px 8px;
2801
+ --modal-content-padding-top: 24px;
2802
+ --modal-content-padding-bottom: 32px;
2803
+ --modal-content-padding-x: 60px;
2804
+ --modal-footer-padding: 0 60px;
2805
+
2806
+ &.content-full.ant-modal {
2807
+ height: calc(100vh - 80px);
2808
+ width: calc(100vw - 160px);
2809
+ .ant-modal-content {
2810
+ width: 100%;
2811
+ height: 100%;
2812
+ max-width: unset;
2813
+ max-height: unset;
2814
+ display: flex;
2815
+ flex-direction: column;
2816
+ }
2817
+ .ant-modal-body {
2818
+ flex: 1;
2819
+ }
2820
+ }
2821
+
2822
+ .initializing-title {
2823
+ height: 32px;
2824
+ }
2825
+ }
2826
+ }
2827
+
2828
+
2795
2829
  .E_hrhfj7c {
2796
2830
  display: none;
2797
2831
  }
@@ -3087,40 +3121,6 @@
3087
3121
  }
3088
3122
 
3089
3123
 
3090
- .E_m5foqp8 {
3091
- &.medium {
3092
- --footer-height: 96px;
3093
- --modal-content-width: 720px;
3094
- --modal-content-min-height: 200px;
3095
- --modal-header-padding: 40px 60px 8px;
3096
- --modal-content-padding-top: 24px;
3097
- --modal-content-padding-bottom: 32px;
3098
- --modal-content-padding-x: 60px;
3099
- --modal-footer-padding: 0 60px;
3100
-
3101
- &.content-full.ant-modal {
3102
- height: calc(100vh - 80px);
3103
- width: calc(100vw - 160px);
3104
- .ant-modal-content {
3105
- width: 100%;
3106
- height: 100%;
3107
- max-width: unset;
3108
- max-height: unset;
3109
- display: flex;
3110
- flex-direction: column;
3111
- }
3112
- .ant-modal-body {
3113
- flex: 1;
3114
- }
3115
- }
3116
-
3117
- .initializing-title {
3118
- height: 32px;
3119
- }
3120
- }
3121
- }
3122
-
3123
-
3124
3124
  .E_s4ivdfu {
3125
3125
  &.ant-select {
3126
3126
  .ant-select-selection-placeholder {
@@ -3359,18 +3359,34 @@
3359
3359
  }
3360
3360
 
3361
3361
 
3362
- .E_h12yihis {
3363
- height: 50px;
3364
- border-bottom: 2px solid #edf0f7;
3365
- background: $fills-opaque-primary-light;
3362
+ .E_w1dxz879 {
3366
3363
  display: flex;
3367
- justify-content: space-between;
3368
- align-items: center;
3369
- padding: 0 24px 0 14px;
3370
- position: relative;
3371
- z-index: 10;
3372
-
3373
- .left,
3364
+ flex-direction: column;
3365
+ gap: 6px;
3366
+ .ellipsis-tooltip {
3367
+ max-height: var(--w1dxz879-0);
3368
+ text-overflow: clip;
3369
+ overflow: hidden;
3370
+ }
3371
+ .tips {
3372
+ color: #fff;
3373
+ opacity: 0.8;
3374
+ }
3375
+ }
3376
+
3377
+
3378
+ .E_h12yihis {
3379
+ height: 50px;
3380
+ border-bottom: 2px solid #edf0f7;
3381
+ background: $fills-opaque-primary-light;
3382
+ display: flex;
3383
+ justify-content: space-between;
3384
+ align-items: center;
3385
+ padding: 0 24px 0 14px;
3386
+ position: relative;
3387
+ z-index: 10;
3388
+
3389
+ .left,
3374
3390
  .right,
3375
3391
  .center {
3376
3392
  display: flex;
@@ -3629,18 +3645,82 @@
3629
3645
  }
3630
3646
 
3631
3647
 
3632
- .E_w1dxz879 {
3648
+ .E_s11wux3h {
3649
+ .antd5-segmented-item:not(:last-child) {
3650
+ margin-right: 2px;
3651
+ }
3652
+ }
3653
+
3654
+ .E_s1t2an3z {
3655
+ &.antd5-segmented-sm .antd5-segmented-item-label {
3656
+ padding-left: 8px;
3657
+ padding-right: 8px;
3658
+ font-size: 12px;
3659
+ }
3660
+
3661
+ &.antd5-segmented-sm .antd5-segmented-item-selected {
3662
+ border-radius: 4px;
3663
+ }
3664
+
3665
+ &.antd5-segmented
3666
+ .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3667
+ .antd5-segmented-item-disabled
3668
+ ) {
3669
+ border-radius: 4px;
3670
+ }
3671
+ }
3672
+
3673
+ .E_ma64lna {
3674
+ .antd5-segmented-item-label {
3675
+ padding-left: 12px;
3676
+ padding-right: 12px;
3677
+ }
3678
+ }
3679
+
3680
+ .E_ckld275 {
3681
+ background-color: $fill-neutral-trans-2;
3682
+ &.antd5-segmented
3683
+ .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3684
+ .antd5-segmented-item-disabled
3685
+ ) {
3686
+ background-color: $fill-neutral-light-white;
3687
+ color: $text-neutral-secondary-light;
3688
+ }
3689
+ // on animate remove hover bg color
3690
+ &.antd5-segmented
3691
+ .antd5-segmented-thumb
3692
+ ~ .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3693
+ .antd5-segmented-item-disabled
3694
+ ) {
3695
+ background-color: transparent;
3696
+ }
3697
+ // remove after's bg color
3698
+ &.antd5-segmented
3699
+ .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3700
+ .antd5-segmented-item-disabled
3701
+ )::after {
3702
+ background-color: transparent;
3703
+ }
3704
+ }
3705
+
3706
+
3707
+ .E_r77hffu {
3708
+ display: flex;
3709
+ align-items: center;
3710
+ justify-content: space-between;
3711
+ column-gap: 6px;
3712
+ }
3713
+
3714
+ .E_p1cmxsf7 {
3633
3715
  display: flex;
3634
3716
  flex-direction: column;
3635
- gap: 6px;
3636
- .ellipsis-tooltip {
3637
- max-height: var(--w1dxz879-0);
3638
- text-overflow: clip;
3639
- overflow: hidden;
3640
- }
3641
- .tips {
3642
- color: #fff;
3643
- opacity: 0.8;
3717
+ justify-content: center;
3718
+ row-gap: var(--p1cmxsf7-0);
3719
+
3720
+ .antd5-progress-line {
3721
+ font-size: 0;
3722
+ margin-bottom: unset;
3723
+ margin-inline-end: unset;
3644
3724
  }
3645
3725
  }
3646
3726
 
@@ -3834,6 +3914,94 @@
3834
3914
  }
3835
3915
 
3836
3916
 
3917
+ .E_c1yd35n {
3918
+ padding: 0 12px 14px 12px;
3919
+ }
3920
+
3921
+
3922
+ .E_c1kghdax {
3923
+ color: $text-primary-light;
3924
+ padding: 7px 12px;
3925
+ display: flex;
3926
+ justify-content: space-between;
3927
+ align-items: center;
3928
+
3929
+ &.has-arrow {
3930
+ padding-left: 10px;
3931
+
3932
+ .title-wrapper {
3933
+ cursor: pointer;
3934
+ color: $text-light-primary;
3935
+
3936
+ &.is-open {
3937
+ color: $text-primary-light;
3938
+ font-weight: 600;
3939
+
3940
+ .collapse-arrow {
3941
+ transform: rotate(90deg);
3942
+ }
3943
+ }
3944
+ }
3945
+ }
3946
+
3947
+ .sub-info {
3948
+ font-size: 12px;
3949
+ line-height: 18px;
3950
+ }
3951
+
3952
+ .title-wrapper {
3953
+ display: flex;
3954
+ align-items: center;
3955
+ user-select: none;
3956
+ flex-grow: 1;
3957
+ font-size: 12px;
3958
+ line-height: 18px;
3959
+ color: $text-primary-light;
3960
+ font-weight: 700;
3961
+ }
3962
+
3963
+ .collapse-arrow {
3964
+ transition: all 50ms ease-out 0ms;
3965
+ margin-right: 2px;
3966
+ }
3967
+ }
3968
+
3969
+
3970
+ .E_ckui4s7 {
3971
+ color: $text-primary-light;
3972
+ line-height: 22px;
3973
+ display: inline-flex;
3974
+ .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; } } }
3975
+ }
3976
+
3977
+
3978
+ .E_b14q2gmw {
3979
+ box-shadow: 0px 0.119595px 0.438513px rgba(129, 138, 153, 0.14),
3980
+ 0px 0.271728px 0.996336px rgba(129, 138, 153, 0.106447),
3981
+ 0px 0.472931px 1.73408px rgba(129, 138, 153, 0.0912224),
3982
+ 0px 0.751293px 2.75474px rgba(129, 138, 153, 0.0799253),
3983
+ 0px 1.15919px 4.25036px rgba(129, 138, 153, 0.07),
3984
+ 0px 1.80882px 6.63236px rgba(129, 138, 153, 0.0600747),
3985
+ 0px 3.00293px 11.0107px rgba(129, 138, 153, 0.0487776),
3986
+ 0px 6px 22px rgba(129, 138, 153, 0.0335534);
3987
+ }
3988
+
3989
+ .E_c1eym6el {
3990
+ border-radius: 8px;
3991
+ background-color: white;
3992
+ &.hoverable {
3993
+ cursor: pointer;
3994
+
3995
+ &:hover {
3996
+ transition: all 200ms ease;
3997
+ box-shadow: 0px 9px 22px rgb(107 125 153 / 23%),
3998
+ 0px 1.12694px 2.75474px rgb(107 125 153 / 12%);
3999
+ transform: translateY(-4px);
4000
+ }
4001
+ }
4002
+ }
4003
+
4004
+
3837
4005
  .E_l1ucdodl {
3838
4006
  $prefix: ui-kit-status-legend;
3839
4007
  margin: 0;
@@ -3918,36 +4086,120 @@
3918
4086
  }
3919
4087
 
3920
4088
 
3921
- .E_l48ei06 {
3922
- @at-root {
3923
- button#{&}.ant-btn,
3924
- button#{&}.ant-btn.ant-btn-sm,
3925
- button#{&}.ant-btn.ant-btn-lg {
3926
- font-size: 12px;
3927
- line-height: 18px;
3928
- height: 18px;
4089
+ .E_sddwhm6 {
4090
+ $prefix: ui-kit-status-capsule;
4091
+ margin: 0;
4092
+ border-radius: 20px;
4093
+ padding: 2px 10px;
4094
+ height: 22px;
4095
+
4096
+ &.ant-tag.#{$prefix}.off-white {
4097
+ background-color: $fill-neutral-trans-1 !important;
4098
+ &.tag-hover:hover,
4099
+ &.__pseudo-states-hover {
4100
+ background-color: $fill-neutral-trans-2 !important;
3929
4101
  }
3930
- button#{&} {
3931
- color: #0080FF;
3932
- height: unset;
3933
- .button-prefix-icon {
3934
- margin-right: 4px;
3935
- }
3936
- .button-suffix-icon {
3937
- margin-left: 4px;
4102
+ }
4103
+ &.ant-tag.#{$prefix} {
4104
+ color: $text-neutral-primary;
4105
+ .#{$prefix}-icon {
4106
+ margin-right: 6px;
4107
+ }
4108
+ .#{$prefix}-number {
4109
+ margin-left: 8px;
4110
+ color: #2C385299;
4111
+ }
4112
+ &.ant-tag-blue {
4113
+ background-color: $fill-outstanding-light;
4114
+ .#{$prefix}-icon {
4115
+ background-color: $fill-outstanding-base;
3938
4116
  }
3939
-
3940
- &:hover,
4117
+ &.tag-hover:hover,
3941
4118
  &.__pseudo-states-hover {
3942
- color: #009DFF;
4119
+ background-color: $fill-outstanding-light-hover;
3943
4120
  }
3944
-
3945
- &:active,
3946
- &.__pseudo-states-active {
3947
- color: #005ED1;
4121
+ }
4122
+ &.ant-tag-red {
4123
+ background-color: $fill-serious-light;
4124
+ .#{$prefix}-icon {
4125
+ background-color: $fill-serious-base;
3948
4126
  }
3949
- &.ui-kit-link-disabled {
3950
- color: #0080FF;
4127
+ &.tag-hover:hover,
4128
+ &.__pseudo-states-hover {
4129
+ background-color: $fill-serious-light-hover;
4130
+ }
4131
+ }
4132
+ &.ant-tag-yellow {
4133
+ background-color: $fill-notice-light;
4134
+ .#{$prefix}-icon {
4135
+ background-color: $fill-notice-base;
4136
+ }
4137
+ &.tag-hover:hover,
4138
+ &.__pseudo-states-hover {
4139
+ background-color: $fill-notice-light-hover;
4140
+ }
4141
+ }
4142
+ &.ant-tag-green {
4143
+ background-color: $fill-positive-light;
4144
+ .#{$prefix}-icon {
4145
+ background-color: $fill-positive-base;
4146
+ }
4147
+ &.tag-hover:hover,
4148
+ &.__pseudo-states-hover {
4149
+ background-color: $fill-positive-light-hover;
4150
+ }
4151
+ }
4152
+ &.ant-tag-gray {
4153
+ background-color: $fill-neutral-trans-2;
4154
+ .#{$prefix}-icon:not(.ui-kit-status-capsule-icon-loading) {
4155
+ background-color: $gray-70;
4156
+ }
4157
+ &.tag-hover:hover,
4158
+ &.__pseudo-states-hover {
4159
+ background-color: $fill-neutral-trans-3-trans-2-hover;
4160
+ }
4161
+ }
4162
+ }
4163
+ }
4164
+
4165
+ .E_satwmqm {
4166
+ width: 8px;
4167
+ height: 8px;
4168
+ border-radius: 50%;
4169
+ display: inline-block;
4170
+ }
4171
+
4172
+
4173
+ .E_l48ei06 {
4174
+ @at-root {
4175
+ button#{&}.ant-btn,
4176
+ button#{&}.ant-btn.ant-btn-sm,
4177
+ button#{&}.ant-btn.ant-btn-lg {
4178
+ font-size: 12px;
4179
+ line-height: 18px;
4180
+ height: 18px;
4181
+ }
4182
+ button#{&} {
4183
+ color: #0080FF;
4184
+ height: unset;
4185
+ .button-prefix-icon {
4186
+ margin-right: 4px;
4187
+ }
4188
+ .button-suffix-icon {
4189
+ margin-left: 4px;
4190
+ }
4191
+
4192
+ &:hover,
4193
+ &.__pseudo-states-hover {
4194
+ color: #009DFF;
4195
+ }
4196
+
4197
+ &:active,
4198
+ &.__pseudo-states-active {
4199
+ color: #005ED1;
4200
+ }
4201
+ &.ui-kit-link-disabled {
4202
+ color: #0080FF;
3951
4203
  }
3952
4204
  &.ui-kit-link-primary {
3953
4205
  color: #00122E;
@@ -3989,1137 +4241,884 @@
3989
4241
  }
3990
4242
 
3991
4243
 
3992
- .E_r77hffu {
3993
- display: flex;
3994
- align-items: center;
3995
- justify-content: space-between;
3996
- column-gap: 6px;
3997
- }
3998
-
3999
- .E_p1cmxsf7 {
4000
- display: flex;
4001
- flex-direction: column;
4002
- justify-content: center;
4003
- row-gap: var(--p1cmxsf7-0);
4004
-
4005
- .antd5-progress-line {
4006
- font-size: 0;
4007
- margin-bottom: unset;
4008
- margin-inline-end: unset;
4009
- }
4244
+ .E_tc97u5y {
4245
+ height: 100%;
4010
4246
  }
4011
4247
 
4012
-
4013
- .E_s11wux3h {
4014
- .antd5-segmented-item:not(:last-child) {
4015
- margin-right: 2px;
4248
+ .E_efzf37v {
4249
+ .ant-table-content,
4250
+ .ant-table-body {
4251
+ overflow: visible !important;
4252
+ height: 100%;
4016
4253
  }
4017
- }
4018
4254
 
4019
- .E_s1t2an3z {
4020
- &.antd5-segmented-sm .antd5-segmented-item-label {
4021
- padding-left: 8px;
4022
- padding-right: 8px;
4023
- font-size: 12px;
4255
+ .ant-table-tbody .ant-table-placeholder td {
4256
+ height: 100%;
4024
4257
  }
4025
4258
 
4026
- &.antd5-segmented-sm .antd5-segmented-item-selected {
4027
- border-radius: 4px;
4259
+ table {
4260
+ width: 100% !important;
4261
+ height: 100%;
4262
+ .ant-table-placeholder .ant-table-expanded-row-fixed {
4263
+ padding: 15px 0;
4264
+ }
4028
4265
  }
4029
4266
 
4030
- &.antd5-segmented
4031
- .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
4032
- .antd5-segmented-item-disabled
4033
- ) {
4034
- border-radius: 4px;
4267
+ table thead.ant-table-thead {
4268
+ display: none;
4035
4269
  }
4036
4270
  }
4037
4271
 
4038
- .E_ma64lna {
4039
- .antd5-segmented-item-label {
4040
- padding-left: 12px;
4041
- padding-right: 12px;
4042
- }
4043
- }
4272
+ .E_t1fisho6 {
4273
+ height: 100%;
4044
4274
 
4045
- .E_ckld275 {
4046
- background-color: $fill-neutral-trans-2;
4047
- &.antd5-segmented
4048
- .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
4049
- .antd5-segmented-item-disabled
4050
- ) {
4051
- background-color: $fill-neutral-light-white;
4052
- color: $text-neutral-secondary-light;
4275
+ .ant-table.ant-table-small .ant-table-tbody > tr > td {
4276
+ padding-top: 6px;
4277
+ padding-bottom: 6px;
4053
4278
  }
4054
- // on animate remove hover bg color
4055
- &.antd5-segmented
4056
- .antd5-segmented-thumb
4057
- ~ .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
4058
- .antd5-segmented-item-disabled
4059
- ) {
4060
- background-color: transparent;
4279
+
4280
+ .active-row td:nth-child(1) {
4281
+ font-weight: 700;
4061
4282
  }
4062
- // remove after's bg color
4063
- &.antd5-segmented
4064
- .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
4065
- .antd5-segmented-item-disabled
4066
- )::after {
4067
- background-color: transparent;
4283
+ &.has-selection .active-row td:nth-child(2) {
4284
+ font-weight: 700;
4068
4285
  }
4069
- }
4070
-
4071
-
4072
- .E_c1kghdax {
4073
- color: $text-primary-light;
4074
- padding: 7px 12px;
4075
- display: flex;
4076
- justify-content: space-between;
4077
- align-items: center;
4078
4286
 
4079
- &.has-arrow {
4080
- padding-left: 10px;
4287
+ .ant-spin-nested-loading {
4288
+ height: 100%;
4081
4289
 
4082
- .title-wrapper {
4083
- cursor: pointer;
4084
- color: $text-light-primary;
4290
+ .ant-spin-container {
4291
+ height: 100%;
4292
+ overflow: visible;
4293
+ }
4294
+ .ant-spin {
4295
+ max-height: none;
4296
+ }
4297
+ }
4085
4298
 
4086
- &.is-open {
4087
- color: $text-primary-light;
4088
- font-weight: 600;
4299
+ td.ant-table-column-sort {
4300
+ background: transparent;
4301
+ }
4089
4302
 
4090
- .collapse-arrow {
4091
- transform: rotate(90deg);
4092
- }
4303
+ td.ant-table-cell-fix-left,
4304
+ td.ant-table-cell-fix-right {
4305
+ background: #fff;
4306
+ padding: 0 !important;
4307
+ .ant-table-cell-content {
4308
+ display: flex;
4309
+ align-items: center;
4310
+ height: 100%;
4311
+ padding: 8px;
4312
+ > span {
4313
+ overflow: hidden;
4314
+ text-overflow: ellipsis;
4315
+ width: 100%;
4093
4316
  }
4094
4317
  }
4095
4318
  }
4096
4319
 
4097
- .sub-info {
4098
- font-size: 12px;
4099
- line-height: 18px;
4320
+ .ant-table-container {
4321
+ height: 100%;
4322
+ &::before,
4323
+ &::after {
4324
+ box-shadow: none !important;
4325
+ }
4100
4326
  }
4101
4327
 
4102
- .title-wrapper {
4103
- display: flex;
4104
- align-items: center;
4105
- user-select: none;
4106
- flex-grow: 1;
4328
+ div.ant-table {
4329
+ $columnAlignRightPaddingRight: 25px;
4330
+ border-radius: 0px;
4331
+ border-left: none;
4332
+ border-right: none;
4333
+ border-bottom: none;
4334
+ height: 100%;
4107
4335
  font-size: 12px;
4108
- line-height: 18px;
4109
- color: $text-primary-light;
4110
- font-weight: 700;
4111
- }
4336
+ background: transparent;
4112
4337
 
4113
- .collapse-arrow {
4114
- transition: all 50ms ease-out 0ms;
4115
- margin-right: 2px;
4116
- }
4117
- }
4338
+ .ant-table-header {
4339
+ position: relative;
4340
+ z-index: $table-header-index;
4341
+ border-bottom: 1px solid $strokes-light-trans-2;
4342
+ margin-bottom: -1px;
4343
+ }
4118
4344
 
4345
+ .time-wrapper .date,
4346
+ .value {
4347
+ color: $text-primary-light;
4348
+ }
4119
4349
 
4120
- .E_ckui4s7 {
4121
- color: $text-primary-light;
4122
- line-height: 22px;
4123
- display: inline-flex;
4124
- .ant-checkbox { height: 22px; display: flex; align-items: center; top: 0; } .ant-checkbox-checked::after { border: none; } &.ant-checkbox-wrapper:hover .ant-checkbox-inner, &.ant-checkbox-wrapper.__pseudo-states-hover .ant-checkbox-inner, .ant-checkbox:hover .ant-checkbox-inner { border-color: $fills-light-general-general; } .ant-checkbox .ant-checkbox-inner { border: 1px solid $strokes-light-trans-4; } .ant-checkbox.ant-checkbox-checked, .ant-checkbox.ant-checkbox-indeterminate { .ant-checkbox-inner { border: 1px solid $fills-light-general-general; } } .ant-checkbox.ant-checkbox-indeterminate .ant-checkbox-inner { background: $fills-light-general-general; &:after { background-color: $white; height: 2px; width: 10px; border-radius: 2px; } } &.ant-checkbox-wrapper-disabled { opacity: 0.5; .ant-checkbox-disabled .ant-checkbox-inner { background: $fills-light-trans-3; border-color: $strokes-light-trans-4 !important; } .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner:after { border-color: $text-primary-light; } .ant-checkbox-disabled.ant-checkbox-indeterminate .ant-checkbox-inner:after { background: $text-primary-light; } } .ant-checkbox + span, .ant-checkbox-disabled + span { padding: 0; .main { display: inline-block; margin-left: 12px; color: $text-primary-light; } .sub { margin-left: 28px; color: $text-secondary-light; } } &.compact { .ant-checkbox + span, .ant-checkbox-disabled + span { .main { margin-left: 8px; } .sub { margin-left: 24px; } } }
4125
- }
4126
-
4350
+ .time-wrapper .time,
4351
+ .unit {
4352
+ color: $text-secondary-light;
4353
+ }
4127
4354
 
4128
- .E_t1tbywr9 {
4129
- width: 100%;
4130
- flex: 1;
4131
- display: flex;
4132
- flex-direction: column;
4355
+ .ant-table-selection {
4356
+ position: unset;
4357
+ text-align: center;
4358
+ }
4133
4359
 
4134
- &.medium {
4135
- .tab-bar {
4136
- height: 32px;
4360
+ .ant-table-tbody > tr.ant-table-row-selected td {
4361
+ background: $white;
4362
+ }
4137
4363
 
4138
- .common-tab-bar {
4139
- height: 32px;
4364
+ .anticon-setting {
4365
+ cursor: pointer;
4366
+ position: absolute;
4367
+ top: 50%;
4368
+ right: 12px;
4369
+ transform: translateY(-50%);
4370
+ }
4140
4371
 
4141
- .tab-item-title {
4142
- height: 32px;
4143
- border-top-left-radius: 6px;
4144
- border-top-right-radius: 6px;
4145
- padding-right: 16px;
4146
- padding-left: 16px;
4147
- font-size: 16px;
4148
- }
4372
+ &.ant-table-ping-left {
4373
+ .ant-table-cell-fix-left-last::after {
4374
+ box-shadow: none;
4375
+ width: 1px;
4376
+ background: rgba(213, 219, 227, 0.6);
4149
4377
  }
4150
4378
  }
4151
- }
4152
-
4153
- &.small {
4154
- .tab-bar {
4155
- height: 24px;
4156
-
4157
- .common-tab-bar {
4158
- height: 24px;
4159
4379
 
4160
- .tab-item-title {
4161
- height: 24px;
4162
- border-top-left-radius: 4px;
4163
- border-top-right-radius: 4px;
4164
- padding-right: 12px;
4165
- padding-left: 12px;
4166
- font-size: 14px;
4167
- }
4380
+ &.ant-table-ping-right {
4381
+ .ant-table-cell-fix-right-first::after {
4382
+ box-shadow: none;
4383
+ width: 1px;
4384
+ background: rgba(213, 219, 227, 0.6);
4168
4385
  }
4169
4386
  }
4170
- }
4171
4387
 
4172
- .tab-bar {
4173
- max-width: 100%;
4174
- display: flex;
4175
- place-items: center;
4176
- border-bottom: 1px solid $fills-trans-terdiary-light;
4388
+ .ant-table-tbody {
4389
+ position: relative;
4390
+ .ant-table-row {
4391
+ td {
4392
+ border-top: 1px solid $strokes-light-trans-2;
4393
+ border-bottom: 1px solid white;
4394
+ height: 40px;
4395
+ vertical-align: middle;
4396
+ transition: background 0ms;
4397
+ color: $gray-120;
4177
4398
 
4178
- .common-tab-bar {
4179
- overflow: hidden;
4180
- display: flex;
4181
- place-items: center;
4399
+ &.header-hover {
4400
+ background: $fills-light-opaque-1;
4401
+ border-bottom-color: $fills-light-opaque-1;
4402
+ }
4182
4403
 
4183
- .tab-item-title {
4184
- &:first-child:not(.__selected):not(:hover) {
4185
- padding-left: 0px;
4186
- }
4187
- }
4404
+ .ant-btn.ant-btn-link {
4405
+ height: auto;
4406
+ color: $gray-120;
4407
+ font-size: 12px;
4408
+ text-align: left;
4409
+ transition: none;
4410
+ overflow: hidden;
4411
+ text-overflow: ellipsis;
4412
+ white-space: nowrap;
4188
4413
 
4189
- & + .tab-item-title {
4190
- margin-left: 12px;
4191
- position: relative;
4414
+ &:hover {
4415
+ color: $blue;
4416
+ }
4192
4417
 
4193
- &::before {
4194
- content: "";
4195
- width: 1px;
4196
- height: 24px;
4197
- background: $strokes-light-trans-3;
4198
- position: absolute;
4199
- left: -6px;
4200
- top: 50%;
4201
- transform: translateY(-50%);
4418
+ > span {
4419
+ overflow: hidden;
4420
+ text-overflow: ellipsis;
4421
+ width: 100%;
4422
+ vertical-align: middle;
4423
+ }
4424
+ }
4425
+
4426
+ &.cell_status {
4427
+ line-height: 0px;
4428
+ }
4429
+ &.align-right {
4430
+ padding-right: $columnAlignRightPaddingRight;
4431
+ }
4202
4432
  }
4203
- }
4204
- }
4205
4433
 
4206
- .tab-item-title {
4207
- flex-shrink: 0;
4208
- display: flex;
4209
- place-items: center;
4210
- cursor: pointer;
4211
- color: $text-neutral-secondary;
4212
- transition:
4213
- color 100ms ease-out,
4214
- background-color 100ms ease-out,
4215
- padding-left 320ms ease 80ms;
4434
+ &:hover {
4435
+ & + tr td {
4436
+ border-top-color: transparent;
4437
+ }
4438
+ td {
4439
+ background: $fills-trans-secondary-light;
4440
+ border-color: transparent transparent white;
4216
4441
 
4217
- &:hover {
4218
- padding-left: 16px;
4219
- color: $text-light-general;
4220
- background: $fill-outstanding-lighthover;
4221
- }
4442
+ &:first-child {
4443
+ border-radius: 8px 0 0 8px;
4444
+ .ant-table-cell-content {
4445
+ border-radius: 8px 0 0 8px;
4446
+ }
4447
+ &::before {
4448
+ content: "";
4449
+ width: 4px;
4450
+ top: -1px;
4451
+ bottom: -1px;
4452
+ background: white;
4453
+ }
4454
+ }
4455
+ &:last-child {
4456
+ border-radius: 0 8px 8px 0;
4457
+ }
4458
+ &:last-child.cell__action_ {
4459
+ border-radius: 0;
4460
+ background: white;
4461
+ border-top: none;
4222
4462
 
4223
- & + .tab-item-title {
4224
- margin-left: 2px;
4225
- }
4463
+ > * {
4464
+ border-top: 1px solid transparent;
4465
+ border-radius: 0 8px 8px 0;
4466
+ background: $fills-trans-secondary-light;
4467
+ }
4468
+ }
4469
+ &.ant-table-cell-fix-right {
4470
+ background: white;
4471
+ border-top: 1px solid rgba(211, 218, 235, 0.6);
4472
+ .ant-table-cell-content {
4473
+ display: flex;
4474
+ align-items: center;
4475
+ height: 100%;
4476
+ background: $fills-trans-secondary-light;
4477
+ }
4478
+ }
4226
4479
 
4227
- &.more {
4228
- &:not(.__selected) {
4229
- width: 16px;
4230
- height: 16px;
4231
- padding: 0;
4232
- border-radius: 2px;
4233
- margin-left: 8px;
4480
+ &.ant-table-cell-fix-left {
4481
+ background: white;
4482
+ border-top: 1px solid rgba(211, 218, 235, 0.6);
4483
+ .ant-table-cell-content {
4484
+ display: flex;
4485
+ align-items: center;
4486
+ height: 100%;
4487
+ background: $fills-trans-secondary-light;
4488
+ }
4489
+ }
4490
+ }
4234
4491
  }
4235
4492
 
4236
- &.__selected.tab-title-text {
4237
- margin-left: 8px;
4493
+ &:last-child td {
4494
+ border-bottom: 1px solid $strokes-light-trans-2;
4238
4495
  }
4239
- }
4240
4496
 
4241
- &.__selected {
4242
- padding-left: 16px;
4243
- background: $fills-light-general-general-light;
4244
- color: $text-light-general;
4245
- }
4497
+ &.active-row {
4498
+ box-shadow: inset 0px 0px 0 2px $blue-a10;
4499
+ border-radius: 8px;
4246
4500
 
4247
- &.__hidden {
4248
- display: none;
4501
+ & + tr td {
4502
+ border-top-color: white;
4503
+ }
4504
+ td {
4505
+ background: $blue-a10;
4506
+ border-bottom-color: transparent;
4507
+ border-top-color: transparent;
4508
+
4509
+ &:first-child {
4510
+ border-radius: 8px 0 0 8px;
4511
+ }
4512
+ &:last-child {
4513
+ border-radius: 0 8px 8px 0;
4514
+ }
4515
+ &:hover {
4516
+ background: $blue-a10;
4517
+ }
4518
+ }
4519
+ }
4249
4520
  }
4250
4521
  }
4251
- }
4252
- }
4253
-
4254
- .E_ti12z2 {
4255
- &.ant-dropdown-open {
4256
- color: $text-light-general;
4257
- background: $fills-light-trans-3;
4258
- }
4259
- }
4260
4522
 
4261
- .E_m19lu3v {
4262
- cursor: default;
4263
- & .menu-wrapper {
4264
- min-width: 160px;
4265
- max-width: 400px;
4266
- padding: 6px;
4267
- background: $white;
4268
- box-shadow:
4269
- 0px 0px 10px rgba(107, 125, 153, 0.18),
4270
- 0px 12px 40px rgba(45, 58, 86, 0.3);
4271
- border-radius: 8px;
4272
- max-height: calc(100vh - 250px);
4273
- overflow: auto;
4523
+ .ant-table-thead {
4524
+ > tr > th {
4525
+ background: $white;
4526
+ font-weight: 400;
4527
+ position: relative;
4528
+ border-bottom: none;
4529
+ color: $gray-120;
4530
+ transition: none;
4531
+ padding: 14px 8px 14px 8px;
4532
+ line-height: 20px;
4274
4533
 
4275
- & .tab-menu-item {
4276
- display: flex;
4277
- place-items: center;
4278
- width: var(--itemWidth);
4534
+ &:not(:last-child):after {
4535
+ content: "";
4536
+ width: 1px;
4537
+ top: 0;
4538
+ bottom: 0;
4539
+ background: $strokes-light-trans-2;
4540
+ position: absolute;
4541
+ right: 0;
4542
+ }
4279
4543
 
4280
- & + .tab-menu-item {
4281
- margin-top: 8px;
4282
- }
4544
+ &.is-blank {
4545
+ padding: unset;
4283
4546
 
4284
- &.__selected {
4285
- padding: 6px;
4286
- background: $fills-light-general-general-light;
4287
- color: $text-light-general;
4547
+ &:after {
4548
+ display: none;
4549
+ }
4550
+ }
4288
4551
 
4289
- &E_l1fbkbzo {
4290
- @include Inter(bold !important);
4552
+ &.ant-table-cell-ellipsis.ant-table-column-has-sorters
4553
+ .ant-table-column-sorters {
4554
+ width: 100%;
4555
+ overflow: hidden;
4556
+ white-space: nowrap;
4557
+ text-overflow: ellipsis;
4558
+ > span {
4559
+ overflow: hidden;
4560
+ text-overflow: ellipsis;
4561
+ flex: 1;
4562
+ }
4291
4563
  }
4292
- }
4293
4564
 
4294
- &.ant-dropdown-menu-item {
4295
- padding: 5px 12px;
4296
- border-radius: 4px;
4297
- }
4565
+ &.ant-table-column-has-sorters {
4566
+ padding: 15px $columnAlignRightPaddingRight 15px 8px;
4298
4567
 
4299
- &.ant-dropdown-menu-item:not(.ant-dropdown-menu-item-disabled):hover {
4300
- color: $text-light-general;
4301
- background: $fills-light-trans-3;
4302
- }
4568
+ .ant-table-column-sorters {
4569
+ padding: 0;
4570
+ .order-icon {
4571
+ position: absolute;
4572
+ right: 6px;
4573
+ top: 50%;
4574
+ transform: translateY(-50%);
4575
+ height: 16px;
4576
+ display: none;
4577
+ transition: transform 320ms ease;
4303
4578
 
4304
- &-text {
4305
- text-align: left;
4306
- flex: 1;
4307
- overflow: hidden;
4308
- text-overflow: ellipsis;
4309
- white-space: nowrap;
4579
+ &.descend {
4580
+ display: block;
4581
+ transform: translateY(-50%) rotateX(180deg);
4582
+ }
4583
+ &.ascend {
4584
+ display: block;
4585
+ }
4586
+ }
4587
+ }
4588
+ .ant-table-column-sorter {
4589
+ display: none;
4590
+ }
4591
+ }
4592
+
4593
+ &:active {
4594
+ .ant-table-column-sorters .order-icon {
4595
+ &.descend {
4596
+ transform: translateY(-50%);
4597
+ }
4598
+ &.ascend {
4599
+ transform: translateY(-50%) rotateX(180deg);
4600
+ }
4601
+ }
4602
+ }
4603
+
4604
+ &:hover:not(.is-blank) {
4605
+ background: $fills-light-opaque-1;
4606
+ .ant-table-column-sorters .order-icon {
4607
+ display: block;
4608
+ }
4609
+ }
4610
+ &.align-right {
4611
+ padding-right: $columnAlignRightPaddingRight;
4612
+ }
4310
4613
  }
4311
4614
  }
4312
- }
4313
- }
4314
4615
 
4315
- .E_i1bmwe2m {
4316
- margin: auto;
4317
- cursor: pointer;
4318
- line-height: normal;
4319
- height: 16px;
4320
- margin-right: 3px;
4616
+ .ant-table-selection-column {
4617
+ padding: 0 !important;
4321
4618
 
4322
- .icon-inner {
4323
- display: block;
4324
- height: 16px;
4325
- }
4326
- }
4619
+ .ant-checkbox-wrapper {
4620
+ position: absolute;
4621
+ left: 50%;
4622
+ top: 50%;
4623
+ transform: translate(-50%, -50%);
4624
+ .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; } } }
4625
+ }
4626
+ &:after {
4627
+ display: none;
4628
+ }
4629
+ }
4327
4630
 
4631
+ .ant-table-hide-scrollbar {
4632
+ background: $white;
4633
+ }
4634
+ .ant-table-placeholder {
4635
+ background: inherit;
4328
4636
 
4329
- .E_b14q2gmw {
4330
- box-shadow: 0px 0.119595px 0.438513px rgba(129, 138, 153, 0.14),
4331
- 0px 0.271728px 0.996336px rgba(129, 138, 153, 0.106447),
4332
- 0px 0.472931px 1.73408px rgba(129, 138, 153, 0.0912224),
4333
- 0px 0.751293px 2.75474px rgba(129, 138, 153, 0.0799253),
4334
- 0px 1.15919px 4.25036px rgba(129, 138, 153, 0.07),
4335
- 0px 1.80882px 6.63236px rgba(129, 138, 153, 0.0600747),
4336
- 0px 3.00293px 11.0107px rgba(129, 138, 153, 0.0487776),
4337
- 0px 6px 22px rgba(129, 138, 153, 0.0335534);
4338
- }
4637
+ td {
4638
+ position: static;
4639
+ border: none;
4640
+ background: inherit !important;
4641
+ height: 100px;
4642
+ vertical-align: middle;
4643
+ }
4339
4644
 
4340
- .E_c1eym6el {
4341
- border-radius: 8px;
4342
- background-color: white;
4343
- &.hoverable {
4344
- cursor: pointer;
4645
+ .table-default-empty,
4646
+ .ant-table-expanded-row-fixed {
4647
+ font-weight: bold;
4648
+ font-size: 20px;
4649
+ color: $text-terdiary-light;
4650
+ }
4651
+ }
4652
+ th.ant-table-cell-scrollbar,
4653
+ th.cell__action_ {
4654
+ z-index: 10;
4655
+ }
4656
+ td.cell__action_ {
4657
+ padding: 0 !important;
4658
+ position: relative;
4659
+ background: $white;
4660
+ > * {
4661
+ height: 100%;
4662
+ display: flex;
4663
+ align-items: center;
4664
+ justify-content: flex-end;
4665
+ padding-right: 8px;
4666
+ }
4667
+ .menu-button {
4668
+ width: 24px;
4669
+ height: 24px;
4670
+ cursor: pointer;
4671
+ justify-content: center;
4672
+ border-radius: 4px;
4345
4673
 
4346
- &:hover {
4347
- transition: all 200ms ease;
4348
- box-shadow: 0px 9px 22px rgb(107 125 153 / 23%),
4349
- 0px 1.12694px 2.75474px rgb(107 125 153 / 12%);
4350
- transform: translateY(-4px);
4674
+ &:hover {
4675
+ background: $white;
4676
+ }
4677
+ }
4351
4678
  }
4352
4679
  }
4353
4680
  }
4354
4681
 
4355
4682
 
4356
- .E_c1yd35n {
4357
- padding: 0 12px 14px 12px;
4358
- }
4359
-
4683
+ .E_msn7nxt {
4684
+ color: $text-light-secondary;
4685
+ text-align: center;
4360
4686
 
4361
- .E_tc97u5y {
4687
+ display: flex;
4688
+ align-items: center;
4689
+ justify-content: center;
4690
+ flex-direction: column;
4362
4691
  height: 100%;
4363
- }
4364
-
4365
- .E_efzf37v {
4366
- .ant-table-content,
4367
- .ant-table-body {
4368
- overflow: visible !important;
4369
- height: 100%;
4370
- }
4371
-
4372
- .ant-table-tbody .ant-table-placeholder td {
4373
- height: 100%;
4374
- }
4375
-
4376
- table {
4377
- width: 100% !important;
4378
- height: 100%;
4379
- .ant-table-placeholder .ant-table-expanded-row-fixed {
4380
- padding: 15px 0;
4381
- }
4382
- }
4383
4692
 
4384
- table thead.ant-table-thead {
4385
- display: none;
4693
+ .link {
4694
+ color: $text-light-general;
4695
+ cursor: pointer;
4386
4696
  }
4387
4697
  }
4388
4698
 
4389
- .E_t1fisho6 {
4699
+ .E_mp64wfi {
4700
+ width: 100%;
4390
4701
  height: 100%;
4702
+ display: flex;
4703
+ flex-direction: column;
4391
4704
 
4392
- .ant-table.ant-table-small .ant-table-tbody > tr > td {
4393
- padding-top: 6px;
4394
- padding-bottom: 6px;
4705
+ .name-toolbar {
4706
+ width: 100%;
4707
+ display: flex;
4708
+ line-height: 30px;
4709
+ padding: 0 16px;
4710
+ justify-content: space-between;
4711
+ .metric-extra {
4712
+ display: flex;
4713
+ font-size: 12px;
4714
+ align-items: center;
4715
+
4716
+ .info-item {
4717
+ color: $gray-60;
4718
+ }
4719
+ .info-item + .info-item {
4720
+ margin-left: 10px;
4721
+ }
4722
+
4723
+ .menu-trigger {
4724
+ margin-left: 10px;
4725
+ cursor: pointer;
4726
+ }
4727
+ }
4395
4728
  }
4396
4729
 
4397
- .active-row td:nth-child(1) {
4398
- font-weight: 700;
4730
+ .content {
4731
+ flex: 1;
4732
+ width: 100%;
4733
+ display: flex;
4734
+ justify-content: center;
4735
+ align-items: center;
4399
4736
  }
4400
- &.has-selection .active-row td:nth-child(2) {
4401
- font-weight: 700;
4737
+ .single-content {
4738
+ height: 65px;
4402
4739
  }
4740
+ }
4403
4741
 
4404
- .ant-spin-nested-loading {
4405
- height: 100%;
4742
+ .E_l1oyigan {
4743
+ display: flex;
4744
+ align-items: center;
4745
+ white-space: nowrap;
4746
+ overflow: hidden;
4747
+ width: 100%;
4406
4748
 
4407
- .ant-spin-container {
4408
- height: 100%;
4409
- overflow: visible;
4410
- }
4411
- .ant-spin {
4412
- max-height: none;
4413
- }
4749
+ .ant-dropdown-trigger {
4750
+ margin-left: auto;
4751
+ font-size: 12px;
4414
4752
  }
4753
+ }
4415
4754
 
4416
- td.ant-table-column-sort {
4417
- background: transparent;
4418
- }
4755
+ .E_l1noi4n1 {
4756
+ display: flex;
4757
+ justify-content: flex-start;
4758
+ align-items: center;
4759
+ font-size: 12px;
4760
+ cursor: pointer;
4419
4761
 
4420
- td.ant-table-cell-fix-left,
4421
- td.ant-table-cell-fix-right {
4422
- background: #fff;
4423
- padding: 0 !important;
4424
- .ant-table-cell-content {
4425
- display: flex;
4426
- align-items: center;
4427
- height: 100%;
4428
- padding: 8px;
4429
- > span {
4430
- overflow: hidden;
4431
- text-overflow: ellipsis;
4432
- width: 100%;
4433
- }
4434
- }
4762
+ &:not(:last-child) {
4763
+ margin-right: 20px;
4435
4764
  }
4765
+ &.deselected {
4766
+ opacity: 0.4;
4436
4767
 
4437
- .ant-table-container {
4438
- height: 100%;
4439
- &::before,
4440
- &::after {
4441
- box-shadow: none !important;
4768
+ .color-block {
4769
+ background: #b4beca !important;
4442
4770
  }
4443
4771
  }
4772
+ }
4444
4773
 
4445
- div.ant-table {
4446
- $columnAlignRightPaddingRight: 25px;
4447
- border-radius: 0px;
4448
- border-left: none;
4449
- border-right: none;
4450
- border-bottom: none;
4451
- height: 100%;
4452
- font-size: 12px;
4453
- background: transparent;
4454
-
4455
- .ant-table-header {
4456
- position: relative;
4457
- z-index: $table-header-index;
4458
- border-bottom: 1px solid $strokes-light-trans-2;
4459
- margin-bottom: -1px;
4460
- }
4774
+ .E_cz19rz6 {
4775
+ display: inline-block;
4776
+ height: 8px;
4777
+ width: 8px;
4778
+ margin-right: 8px;
4779
+ }
4461
4780
 
4462
- .time-wrapper .date,
4463
- .value {
4464
- color: $text-primary-light;
4465
- }
4781
+ .E_e17r5r9c {
4782
+ .ant-dropdown-menu-item {
4783
+ display: flex;
4784
+ align-items: center;
4785
+ font-size: 12px;
4786
+ margin: 0;
4787
+ }
4788
+ }
4466
4789
 
4467
- .time-wrapper .time,
4468
- .unit {
4469
- color: $text-secondary-light;
4470
- }
4790
+ .E_m1y1hhnr {
4791
+ position: relative;
4471
4792
 
4472
- .ant-table-selection {
4473
- position: unset;
4474
- text-align: center;
4475
- }
4793
+ &.hidden-xaxis .pointer-wrapper {
4794
+ bottom: -12px;
4795
+ }
4476
4796
 
4477
- .ant-table-tbody > tr.ant-table-row-selected td {
4478
- background: $white;
4479
- }
4797
+ .metric-toolbar {
4798
+ display: flex;
4799
+ justify-content: space-between;
4800
+ line-height: 30px;
4801
+ margin: 0 16px;
4480
4802
 
4481
- .anticon-setting {
4482
- cursor: pointer;
4483
- position: absolute;
4484
- top: 50%;
4485
- right: 12px;
4486
- transform: translateY(-50%);
4487
- }
4803
+ .metric-extra {
4804
+ display: flex;
4805
+ font-size: 12px;
4806
+ align-items: center;
4488
4807
 
4489
- &.ant-table-ping-left {
4490
- .ant-table-cell-fix-left-last::after {
4491
- box-shadow: none;
4492
- width: 1px;
4493
- background: rgba(213, 219, 227, 0.6);
4808
+ .info-item {
4809
+ color: $gray-60;
4810
+ }
4811
+ .info-item + .info-item {
4812
+ margin-left: 10px;
4494
4813
  }
4495
- }
4496
4814
 
4497
- &.ant-table-ping-right {
4498
- .ant-table-cell-fix-right-first::after {
4499
- box-shadow: none;
4500
- width: 1px;
4501
- background: rgba(213, 219, 227, 0.6);
4815
+ .menu-trigger {
4816
+ margin-left: 10px;
4817
+ cursor: pointer;
4502
4818
  }
4503
4819
  }
4820
+ }
4504
4821
 
4505
- .ant-table-tbody {
4506
- position: relative;
4507
- .ant-table-row {
4508
- td {
4509
- border-top: 1px solid $strokes-light-trans-2;
4510
- border-bottom: 1px solid white;
4511
- height: 40px;
4512
- vertical-align: middle;
4513
- transition: background 0ms;
4514
- color: $gray-120;
4822
+ .recharts-xAxis {
4823
+ font-size: 12px;
4824
+ }
4515
4825
 
4516
- &.header-hover {
4517
- background: $fills-light-opaque-1;
4518
- border-bottom-color: $fills-light-opaque-1;
4519
- }
4826
+ .pointer-wrapper {
4827
+ position: absolute;
4828
+ bottom: 10px;
4829
+ padding: 0 8px;
4830
+ border-radius: 4px;
4831
+ font-size: 12px;
4832
+ color: $white;
4833
+ background: rgba(0, 0, 0, 0.75);
4834
+ transform: translateX(-50%);
4835
+ }
4836
+ }
4520
4837
 
4521
- .ant-btn.ant-btn-link {
4522
- height: auto;
4523
- color: $gray-120;
4524
- font-size: 12px;
4525
- text-align: left;
4526
- transition: none;
4527
- overflow: hidden;
4528
- text-overflow: ellipsis;
4529
- white-space: nowrap;
4838
+ .E_tnvijvs {
4839
+ min-width: 200px;
4840
+ }
4530
4841
 
4531
- &:hover {
4532
- color: $blue;
4533
- }
4842
+ .E_t1ub2aex {
4843
+ display: flex;
4844
+ align-items: center;
4845
+ justify-content: space-between;
4846
+ background-color: rgba(0, 0, 0, 0.75);
4847
+ color: #b4beca;
4848
+ font-size: 12px;
4849
+ padding: 3px 6px;
4534
4850
 
4535
- > span {
4536
- overflow: hidden;
4537
- text-overflow: ellipsis;
4538
- width: 100%;
4539
- vertical-align: middle;
4540
- }
4541
- }
4851
+ &:first-child {
4852
+ padding-top: 3px;
4853
+ }
4854
+ &:last-child {
4855
+ padding-bottom: 3px;
4856
+ }
4857
+ .column-value {
4858
+ color: $white;
4859
+ margin-left: 8px;
4860
+ }
4861
+ }
4542
4862
 
4543
- &.cell_status {
4544
- line-height: 0px;
4545
- }
4546
- &.align-right {
4547
- padding-right: $columnAlignRightPaddingRight;
4548
- }
4549
- }
4550
4863
 
4551
- &:hover {
4552
- & + tr td {
4553
- border-top-color: transparent;
4554
- }
4555
- td {
4556
- background: $fills-trans-secondary-light;
4557
- border-color: transparent transparent white;
4558
-
4559
- &:first-child {
4560
- border-radius: 8px 0 0 8px;
4561
- .ant-table-cell-content {
4562
- border-radius: 8px 0 0 8px;
4563
- }
4564
- &::before {
4565
- content: "";
4566
- width: 4px;
4567
- top: -1px;
4568
- bottom: -1px;
4569
- background: white;
4570
- }
4571
- }
4572
- &:last-child {
4573
- border-radius: 0 8px 8px 0;
4574
- }
4575
- &:last-child.cell__action_ {
4576
- border-radius: 0;
4577
- background: white;
4578
- border-top: none;
4579
-
4580
- > * {
4581
- border-top: 1px solid transparent;
4582
- border-radius: 0 8px 8px 0;
4583
- background: $fills-trans-secondary-light;
4584
- }
4585
- }
4586
- &.ant-table-cell-fix-right {
4587
- background: white;
4588
- border-top: 1px solid rgba(211, 218, 235, 0.6);
4589
- .ant-table-cell-content {
4590
- display: flex;
4591
- align-items: center;
4592
- height: 100%;
4593
- background: $fills-trans-secondary-light;
4594
- }
4595
- }
4596
-
4597
- &.ant-table-cell-fix-left {
4598
- background: white;
4599
- border-top: 1px solid rgba(211, 218, 235, 0.6);
4600
- .ant-table-cell-content {
4601
- display: flex;
4602
- align-items: center;
4603
- height: 100%;
4604
- background: $fills-trans-secondary-light;
4605
- }
4606
- }
4607
- }
4608
- }
4609
-
4610
- &:last-child td {
4611
- border-bottom: 1px solid $strokes-light-trans-2;
4612
- }
4613
-
4614
- &.active-row {
4615
- box-shadow: inset 0px 0px 0 2px $blue-a10;
4616
- border-radius: 8px;
4617
-
4618
- & + tr td {
4619
- border-top-color: white;
4620
- }
4621
- td {
4622
- background: $blue-a10;
4623
- border-bottom-color: transparent;
4624
- border-top-color: transparent;
4625
-
4626
- &:first-child {
4627
- border-radius: 8px 0 0 8px;
4628
- }
4629
- &:last-child {
4630
- border-radius: 0 8px 8px 0;
4631
- }
4632
- &:hover {
4633
- background: $blue-a10;
4634
- }
4635
- }
4636
- }
4637
- }
4638
- }
4639
-
4640
- .ant-table-thead {
4641
- > tr > th {
4642
- background: $white;
4643
- font-weight: 400;
4644
- position: relative;
4645
- border-bottom: none;
4646
- color: $gray-120;
4647
- transition: none;
4648
- padding: 14px 8px 14px 8px;
4649
- line-height: 20px;
4650
-
4651
- &:not(:last-child):after {
4652
- content: "";
4653
- width: 1px;
4654
- top: 0;
4655
- bottom: 0;
4656
- background: $strokes-light-trans-2;
4657
- position: absolute;
4658
- right: 0;
4659
- }
4660
-
4661
- &.is-blank {
4662
- padding: unset;
4663
-
4664
- &:after {
4665
- display: none;
4666
- }
4667
- }
4668
-
4669
- &.ant-table-cell-ellipsis.ant-table-column-has-sorters
4670
- .ant-table-column-sorters {
4671
- width: 100%;
4672
- overflow: hidden;
4673
- white-space: nowrap;
4674
- text-overflow: ellipsis;
4675
- > span {
4676
- overflow: hidden;
4677
- text-overflow: ellipsis;
4678
- flex: 1;
4679
- }
4680
- }
4681
-
4682
- &.ant-table-column-has-sorters {
4683
- padding: 15px $columnAlignRightPaddingRight 15px 8px;
4684
-
4685
- .ant-table-column-sorters {
4686
- padding: 0;
4687
- .order-icon {
4688
- position: absolute;
4689
- right: 6px;
4690
- top: 50%;
4691
- transform: translateY(-50%);
4692
- height: 16px;
4693
- display: none;
4694
- transition: transform 320ms ease;
4695
-
4696
- &.descend {
4697
- display: block;
4698
- transform: translateY(-50%) rotateX(180deg);
4699
- }
4700
- &.ascend {
4701
- display: block;
4702
- }
4703
- }
4704
- }
4705
- .ant-table-column-sorter {
4706
- display: none;
4707
- }
4708
- }
4709
-
4710
- &:active {
4711
- .ant-table-column-sorters .order-icon {
4712
- &.descend {
4713
- transform: translateY(-50%);
4714
- }
4715
- &.ascend {
4716
- transform: translateY(-50%) rotateX(180deg);
4717
- }
4718
- }
4719
- }
4720
-
4721
- &:hover:not(.is-blank) {
4722
- background: $fills-light-opaque-1;
4723
- .ant-table-column-sorters .order-icon {
4724
- display: block;
4725
- }
4726
- }
4727
- &.align-right {
4728
- padding-right: $columnAlignRightPaddingRight;
4729
- }
4730
- }
4731
- }
4732
-
4733
- .ant-table-selection-column {
4734
- padding: 0 !important;
4735
-
4736
- .ant-checkbox-wrapper {
4737
- position: absolute;
4738
- left: 50%;
4739
- top: 50%;
4740
- transform: translate(-50%, -50%);
4741
- .ant-checkbox { height: 22px; display: flex; align-items: center; top: 0; } .ant-checkbox-checked::after { border: none; } &.ant-checkbox-wrapper:hover .ant-checkbox-inner, &.ant-checkbox-wrapper.__pseudo-states-hover .ant-checkbox-inner, .ant-checkbox:hover .ant-checkbox-inner { border-color: $fills-light-general-general; } .ant-checkbox .ant-checkbox-inner { border: 1px solid $strokes-light-trans-4; } .ant-checkbox.ant-checkbox-checked, .ant-checkbox.ant-checkbox-indeterminate { .ant-checkbox-inner { border: 1px solid $fills-light-general-general; } } .ant-checkbox.ant-checkbox-indeterminate .ant-checkbox-inner { background: $fills-light-general-general; &:after { background-color: $white; height: 2px; width: 10px; border-radius: 2px; } } &.ant-checkbox-wrapper-disabled { opacity: 0.5; .ant-checkbox-disabled .ant-checkbox-inner { background: $fills-light-trans-3; border-color: $strokes-light-trans-4 !important; } .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner:after { border-color: $text-primary-light; } .ant-checkbox-disabled.ant-checkbox-indeterminate .ant-checkbox-inner:after { background: $text-primary-light; } } .ant-checkbox + span, .ant-checkbox-disabled + span { padding: 0; .main { display: inline-block; margin-left: 12px; color: $text-primary-light; } .sub { margin-left: 28px; color: $text-secondary-light; } } &.compact { .ant-checkbox + span, .ant-checkbox-disabled + span { .main { margin-left: 8px; } .sub { margin-left: 24px; } } }
4742
- }
4743
- &:after {
4744
- display: none;
4745
- }
4746
- }
4747
-
4748
- .ant-table-hide-scrollbar {
4749
- background: $white;
4750
- }
4751
- .ant-table-placeholder {
4752
- background: inherit;
4864
+ .E_lht19u8 {
4865
+ width: 64px;
4866
+ height: 64px;
4867
+ display: flex;
4868
+ align-items: center;
4869
+ justify-content: center;
4870
+ position: relative;
4871
+ opacity: 0.2;
4872
+ }
4753
4873
 
4754
- td {
4755
- position: static;
4756
- border: none;
4757
- background: inherit !important;
4758
- height: 100px;
4759
- vertical-align: middle;
4760
- }
4874
+ .E_lk3gkp4 {
4875
+ position: absolute;
4876
+ width: 5px;
4877
+ height: 48px;
4878
+ left: 9.33px;
4879
+ top: 40.5px;
4761
4880
 
4762
- .table-default-empty,
4763
- .ant-table-expanded-row-fixed {
4764
- font-weight: bold;
4765
- font-size: 20px;
4766
- color: $text-terdiary-light;
4767
- }
4768
- }
4769
- th.ant-table-cell-scrollbar,
4770
- th.cell__action_ {
4771
- z-index: 10;
4772
- }
4773
- td.cell__action_ {
4774
- padding: 0 !important;
4775
- position: relative;
4776
- background: $white;
4777
- > * {
4778
- height: 100%;
4779
- display: flex;
4780
- align-items: center;
4781
- justify-content: flex-end;
4782
- padding-right: 8px;
4783
- }
4784
- .menu-button {
4785
- width: 24px;
4786
- height: 24px;
4787
- cursor: pointer;
4788
- justify-content: center;
4789
- border-radius: 4px;
4881
+ background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
4882
+ border-radius: 5px;
4883
+ transform: rotate(-128deg);
4884
+ transform-origin: top left;
4790
4885
 
4791
- &:hover {
4792
- background: $white;
4793
- }
4794
- }
4795
- }
4796
- }
4886
+ animation: loading-indicator1 1100ms ease-out infinite;
4797
4887
  }
4798
4888
 
4889
+ .E_ll4n94n {
4890
+ position: absolute;
4891
+ width: 5px;
4892
+ height: 48px;
4893
+ left: 40.8px;
4894
+ top: 8.4px;
4799
4895
 
4800
- .E_sddwhm6 {
4801
- $prefix: ui-kit-status-capsule;
4802
- margin: 0;
4803
- border-radius: 20px;
4804
- padding: 2px 10px;
4805
- height: 22px;
4806
-
4807
- &.ant-tag.#{$prefix}.off-white {
4808
- background-color: $fill-neutral-trans-1 !important;
4809
- &.tag-hover:hover,
4810
- &.__pseudo-states-hover {
4811
- background-color: $fill-neutral-trans-2 !important;
4812
- }
4813
- }
4814
- &.ant-tag.#{$prefix} {
4815
- color: $text-neutral-primary;
4816
- .#{$prefix}-icon {
4817
- margin-right: 6px;
4818
- }
4819
- .#{$prefix}-number {
4820
- margin-left: 8px;
4821
- color: #2C385299;
4822
- }
4823
- &.ant-tag-blue {
4824
- background-color: $fill-outstanding-light;
4825
- .#{$prefix}-icon {
4826
- background-color: $fill-outstanding-base;
4827
- }
4828
- &.tag-hover:hover,
4829
- &.__pseudo-states-hover {
4830
- background-color: $fill-outstanding-light-hover;
4831
- }
4832
- }
4833
- &.ant-tag-red {
4834
- background-color: $fill-serious-light;
4835
- .#{$prefix}-icon {
4836
- background-color: $fill-serious-base;
4837
- }
4838
- &.tag-hover:hover,
4839
- &.__pseudo-states-hover {
4840
- background-color: $fill-serious-light-hover;
4841
- }
4842
- }
4843
- &.ant-tag-yellow {
4844
- background-color: $fill-notice-light;
4845
- .#{$prefix}-icon {
4846
- background-color: $fill-notice-base;
4847
- }
4848
- &.tag-hover:hover,
4849
- &.__pseudo-states-hover {
4850
- background-color: $fill-notice-light-hover;
4851
- }
4852
- }
4853
- &.ant-tag-green {
4854
- background-color: $fill-positive-light;
4855
- .#{$prefix}-icon {
4856
- background-color: $fill-positive-base;
4857
- }
4858
- &.tag-hover:hover,
4859
- &.__pseudo-states-hover {
4860
- background-color: $fill-positive-light-hover;
4861
- }
4862
- }
4863
- &.ant-tag-gray {
4864
- background-color: $fill-neutral-trans-2;
4865
- .#{$prefix}-icon:not(.ui-kit-status-capsule-icon-loading) {
4866
- background-color: $gray-70;
4867
- }
4868
- &.tag-hover:hover,
4869
- &.__pseudo-states-hover {
4870
- background-color: $fill-neutral-trans-3-trans-2-hover;
4871
- }
4872
- }
4873
- }
4874
- }
4896
+ background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
4897
+ border-radius: 5px;
4898
+ transform: rotate(-8deg);
4899
+ transform-origin: top left;
4875
4900
 
4876
- .E_satwmqm {
4877
- width: 8px;
4878
- height: 8px;
4879
- border-radius: 50%;
4880
- display: inline-block;
4901
+ animation: loading-indicator2 1100ms ease-out infinite;
4881
4902
  }
4882
4903
 
4904
+ .E_l17lbdo6 {
4905
+ position: absolute;
4906
+ width: 5px;
4907
+ height: 48px;
4908
+ left: 52.9px;
4909
+ top: 51.8px;
4883
4910
 
4884
- .E_m11nzl2x {
4885
- color: $text-light-secondary;
4886
- text-align: center;
4887
-
4888
- display: flex;
4889
- align-items: center;
4890
- justify-content: center;
4891
- flex-direction: column;
4892
- height: 100%;
4911
+ background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
4912
+ border-radius: 5px;
4913
+ transform: rotate(112deg);
4914
+ transform-origin: top left;
4893
4915
 
4894
- .link {
4895
- color: $text-light-general;
4896
- cursor: pointer;
4897
- }
4916
+ animation: loading-indicator3 1100ms ease-out infinite;
4898
4917
  }
4899
4918
 
4900
- .E_mn7joto {
4919
+
4920
+ .E_t1tbywr9 {
4901
4921
  width: 100%;
4902
- height: 100%;
4922
+ flex: 1;
4903
4923
  display: flex;
4904
4924
  flex-direction: column;
4905
4925
 
4906
- .name-toolbar {
4907
- width: 100%;
4908
- display: flex;
4909
- line-height: 30px;
4910
- justify-content: space-between;
4911
- .metric-extra {
4912
- display: flex;
4913
- font-size: 12px;
4914
- align-items: center;
4926
+ &.medium {
4927
+ .tab-bar {
4928
+ height: 32px;
4915
4929
 
4916
- .info-item {
4917
- color: $gray-60;
4918
- }
4919
- .info-item + .info-item {
4920
- margin-left: 10px;
4921
- }
4930
+ .common-tab-bar {
4931
+ height: 32px;
4922
4932
 
4923
- .menu-trigger {
4924
- margin-left: 10px;
4925
- cursor: pointer;
4933
+ .tab-item-title {
4934
+ height: 32px;
4935
+ border-top-left-radius: 6px;
4936
+ border-top-right-radius: 6px;
4937
+ padding-right: 16px;
4938
+ padding-left: 16px;
4939
+ font-size: 16px;
4940
+ }
4926
4941
  }
4927
4942
  }
4928
4943
  }
4929
4944
 
4930
- .content {
4931
- flex: 1;
4932
- width: 100%;
4933
- display: flex;
4934
- justify-content: center;
4935
- align-items: center;
4936
- }
4937
- .single-content {
4938
- height: 65px;
4939
- }
4940
- }
4945
+ &.small {
4946
+ .tab-bar {
4947
+ height: 24px;
4941
4948
 
4942
- .E_l1bifhon {
4943
- display: flex;
4944
- align-items: center;
4945
- white-space: nowrap;
4946
- overflow: hidden;
4947
- width: 100%;
4949
+ .common-tab-bar {
4950
+ height: 24px;
4948
4951
 
4949
- .ant-dropdown-trigger {
4950
- font-size: 12px;
4951
- margin-left: 8px;
4952
+ .tab-item-title {
4953
+ height: 24px;
4954
+ border-top-left-radius: 4px;
4955
+ border-top-right-radius: 4px;
4956
+ padding-right: 12px;
4957
+ padding-left: 12px;
4958
+ font-size: 14px;
4959
+ }
4960
+ }
4961
+ }
4952
4962
  }
4953
- }
4954
4963
 
4955
- .E_ltthzck {
4956
- display: flex;
4957
- justify-content: flex-start;
4958
- align-items: center;
4959
- font-size: 12px;
4960
- cursor: pointer;
4961
- &:not(:first-child) {
4962
- margin-left: 8px;
4963
- }
4964
+ .tab-bar {
4965
+ max-width: 100%;
4966
+ display: flex;
4967
+ place-items: center;
4968
+ border-bottom: 1px solid $fills-trans-terdiary-light;
4964
4969
 
4965
- &.deselected,
4966
- &.hovering {
4967
- opacity: 0.3;
4970
+ .common-tab-bar {
4971
+ overflow: hidden;
4972
+ display: flex;
4973
+ place-items: center;
4968
4974
 
4969
- &:not(.hoverering-self) .color-block {
4970
- background: #b4beca !important;
4971
- border-radius: 2px;
4975
+ .tab-item-title {
4976
+ &:first-child:not(.__selected):not(:hover) {
4977
+ padding-left: 0px;
4978
+ }
4979
+ }
4980
+
4981
+ & + .tab-item-title {
4982
+ margin-left: 12px;
4983
+ position: relative;
4984
+
4985
+ &::before {
4986
+ content: "";
4987
+ width: 1px;
4988
+ height: 24px;
4989
+ background: $strokes-light-trans-3;
4990
+ position: absolute;
4991
+ left: -6px;
4992
+ top: 50%;
4993
+ transform: translateY(-50%);
4994
+ }
4995
+ }
4972
4996
  }
4973
- }
4974
- &.hoverering-self {
4975
- opacity: 1;
4976
- }
4977
- .dropdown-trigger {
4978
- margin-left: 12px;
4979
- }
4980
- .legend-name {
4981
- color: $text-light-primary;
4982
- }
4983
- .icon-suffix-wrapper {
4984
- display: flex;
4985
- align-items: center;
4986
- margin-left: 4px;
4987
- }
4988
- }
4989
4997
 
4990
- .E_l1mumj7o {
4991
- display: flex;
4992
- justify-content: flex-start;
4993
- align-items: center;
4994
- font-size: 12px;
4995
- cursor: pointer;
4998
+ .tab-item-title {
4999
+ flex-shrink: 0;
5000
+ display: flex;
5001
+ place-items: center;
5002
+ cursor: pointer;
5003
+ color: $text-neutral-secondary;
5004
+ transition:
5005
+ color 100ms ease-out,
5006
+ background-color 100ms ease-out,
5007
+ padding-left 320ms ease 80ms;
4996
5008
 
4997
- &.deselected,
4998
- &.hovering {
4999
- opacity: 0.3;
5009
+ &:hover {
5010
+ padding-left: 16px;
5011
+ color: $text-light-general;
5012
+ background: $fill-outstanding-lighthover;
5013
+ }
5000
5014
 
5001
- &:not(.hoverering-self) .color-block {
5002
- background: #b4beca !important;
5003
- border-radius: 2px;
5015
+ & + .tab-item-title {
5016
+ margin-left: 2px;
5017
+ }
5018
+
5019
+ &.more {
5020
+ &:not(.__selected) {
5021
+ width: 16px;
5022
+ height: 16px;
5023
+ padding: 0;
5024
+ border-radius: 2px;
5025
+ margin-left: 8px;
5026
+ }
5027
+
5028
+ &.__selected.tab-title-text {
5029
+ margin-left: 8px;
5030
+ }
5031
+ }
5032
+
5033
+ &.__selected {
5034
+ padding-left: 16px;
5035
+ background: $fills-light-general-general-light;
5036
+ color: $text-light-general;
5037
+ }
5038
+
5039
+ &.__hidden {
5040
+ display: none;
5041
+ }
5004
5042
  }
5005
5043
  }
5006
- .legend-name {
5007
- color: $text-light-primary;
5008
- }
5009
- &.hoverering-self {
5010
- opacity: 1;
5011
- }
5012
- .icon-suffix-wrapper {
5013
- margin-left: 4px;
5014
- display: flex;
5015
- align-items: center;
5016
- }
5017
- }
5018
-
5019
- .E_c14rn6j5 {
5020
- display: inline-block;
5021
- height: 8px;
5022
- width: 8px;
5023
- margin-right: 6px;
5024
- border-radius: 2px;
5025
5044
  }
5026
5045
 
5027
- .E_e45tc5l {
5028
- .ant-dropdown-menu-item {
5029
- display: flex;
5030
- align-items: center;
5031
- font-size: 12px;
5032
- margin: 0;
5046
+ .E_ti12z2 {
5047
+ &.ant-dropdown-open {
5048
+ color: $text-light-general;
5049
+ background: $fills-light-trans-3;
5033
5050
  }
5034
5051
  }
5035
5052
 
5036
- .E_lqeaosa {
5037
- position: relative;
5038
-
5039
- &.hidden-xaxis .pointer-wrapper {
5040
- bottom: -12px;
5041
- }
5053
+ .E_m19lu3v {
5054
+ cursor: default;
5055
+ & .menu-wrapper {
5056
+ min-width: 160px;
5057
+ max-width: 400px;
5058
+ padding: 6px;
5059
+ background: $white;
5060
+ box-shadow:
5061
+ 0px 0px 10px rgba(107, 125, 153, 0.18),
5062
+ 0px 12px 40px rgba(45, 58, 86, 0.3);
5063
+ border-radius: 8px;
5064
+ max-height: calc(100vh - 250px);
5065
+ overflow: auto;
5042
5066
 
5043
- .metric-toolbar {
5044
- display: flex;
5045
- justify-content: space-between;
5046
- line-height: 30px;
5047
- .metric-extra {
5067
+ & .tab-menu-item {
5048
5068
  display: flex;
5049
- flex-shrink: 0;
5050
- font-size: 12px;
5051
- align-items: center;
5069
+ place-items: center;
5070
+ width: var(--itemWidth);
5052
5071
 
5053
- .info-item {
5054
- color: $gray-60;
5072
+ & + .tab-menu-item {
5073
+ margin-top: 8px;
5055
5074
  }
5056
- .info-item + .info-item {
5057
- margin-left: 10px;
5075
+
5076
+ &.__selected {
5077
+ padding: 6px;
5078
+ background: $fills-light-general-general-light;
5079
+ color: $text-light-general;
5080
+
5081
+ &E_l1fbkbzo {
5082
+ @include Inter(bold !important);
5083
+ }
5058
5084
  }
5059
5085
 
5060
- .menu-trigger {
5061
- margin-left: 10px;
5062
- cursor: pointer;
5086
+ &.ant-dropdown-menu-item {
5087
+ padding: 5px 12px;
5088
+ border-radius: 4px;
5063
5089
  }
5064
- }
5065
- }
5066
5090
 
5067
- .recharts-xAxis {
5068
- font-size: 12px;
5069
- }
5091
+ &.ant-dropdown-menu-item:not(.ant-dropdown-menu-item-disabled):hover {
5092
+ color: $text-light-general;
5093
+ background: $fills-light-trans-3;
5094
+ }
5070
5095
 
5071
- .pointer-wrapper {
5072
- position: absolute;
5073
- bottom: 10px;
5074
- padding: 0 8px;
5075
- font-size: 12px;
5076
- color: $white;
5077
- transform: translateX(-50%);
5096
+ &-text {
5097
+ text-align: left;
5098
+ flex: 1;
5099
+ overflow: hidden;
5100
+ text-overflow: ellipsis;
5101
+ white-space: nowrap;
5102
+ }
5103
+ }
5078
5104
  }
5079
5105
  }
5080
5106
 
5081
- .E_t2pr38p {
5082
- min-width: 200px;
5083
- background-color: $fill-neutral-trans-8;
5084
- border-radius: 4px;
5085
- box-shadow: 0px 1px 4px 0px rgba(29, 50, 108, 0.6);
5086
- padding: 8px;
5087
- }
5088
-
5089
- .E_tecdsj7 {
5090
- display: flex;
5091
- align-items: center;
5092
- background-color: unset;
5093
- color: $text-neutral-ontint;
5094
- justify-content: space-between;
5095
- font-size: 12px;
5096
- padding-top: 6px;
5097
-
5098
- &:first-child {
5099
- padding-top: 3px;
5100
- }
5101
- &:last-child {
5102
- padding-bottom: 3px;
5103
- }
5104
- .column-value {
5105
- color: $text-neutral-ontint;
5106
- margin-left: 8px;
5107
- }
5108
- }
5107
+ .E_i1bmwe2m {
5108
+ margin: auto;
5109
+ cursor: pointer;
5110
+ line-height: normal;
5111
+ height: 16px;
5112
+ margin-right: 3px;
5109
5113
 
5110
- .E_ljhvvia {
5111
- display: inline-block;
5112
- height: 8px;
5113
- width: 8px;
5114
- margin-right: 8px;
5115
- border-radius: 2px;
5116
- &.borderd {
5117
- border: 1px solid $stroke-neutral-white;
5114
+ .icon-inner {
5115
+ display: block;
5116
+ height: 16px;
5118
5117
  }
5119
5118
  }
5120
5119
 
5121
5120
 
5122
- .E_msn7nxt {
5121
+ .E_m11nzl2x {
5123
5122
  color: $text-light-secondary;
5124
5123
  text-align: center;
5125
5124
 
@@ -5135,7 +5134,7 @@
5135
5134
  }
5136
5135
  }
5137
5136
 
5138
- .E_mp64wfi {
5137
+ .E_mn7joto {
5139
5138
  width: 100%;
5140
5139
  height: 100%;
5141
5140
  display: flex;
@@ -5145,7 +5144,6 @@
5145
5144
  width: 100%;
5146
5145
  display: flex;
5147
5146
  line-height: 30px;
5148
- padding: 0 16px;
5149
5147
  justify-content: space-between;
5150
5148
  .metric-extra {
5151
5149
  display: flex;
@@ -5178,7 +5176,7 @@
5178
5176
  }
5179
5177
  }
5180
5178
 
5181
- .E_l1oyigan {
5179
+ .E_l1bifhon {
5182
5180
  display: flex;
5183
5181
  align-items: center;
5184
5182
  white-space: nowrap;
@@ -5186,38 +5184,84 @@
5186
5184
  width: 100%;
5187
5185
 
5188
5186
  .ant-dropdown-trigger {
5189
- margin-left: auto;
5190
5187
  font-size: 12px;
5188
+ margin-left: 8px;
5191
5189
  }
5192
5190
  }
5193
5191
 
5194
- .E_l1noi4n1 {
5192
+ .E_ltthzck {
5195
5193
  display: flex;
5196
5194
  justify-content: flex-start;
5197
5195
  align-items: center;
5198
5196
  font-size: 12px;
5199
5197
  cursor: pointer;
5198
+ &:not(:first-child) {
5199
+ margin-left: 8px;
5200
+ }
5200
5201
 
5201
- &:not(:last-child) {
5202
- margin-right: 20px;
5202
+ &.deselected,
5203
+ &.hovering {
5204
+ opacity: 0.3;
5205
+
5206
+ &:not(.hoverering-self) .color-block {
5207
+ background: #b4beca !important;
5208
+ border-radius: 2px;
5209
+ }
5203
5210
  }
5204
- &.deselected {
5205
- opacity: 0.4;
5211
+ &.hoverering-self {
5212
+ opacity: 1;
5213
+ }
5214
+ .dropdown-trigger {
5215
+ margin-left: 12px;
5216
+ }
5217
+ .legend-name {
5218
+ color: $text-light-primary;
5219
+ }
5220
+ .icon-suffix-wrapper {
5221
+ display: flex;
5222
+ align-items: center;
5223
+ margin-left: 4px;
5224
+ }
5225
+ }
5206
5226
 
5207
- .color-block {
5227
+ .E_l1mumj7o {
5228
+ display: flex;
5229
+ justify-content: flex-start;
5230
+ align-items: center;
5231
+ font-size: 12px;
5232
+ cursor: pointer;
5233
+
5234
+ &.deselected,
5235
+ &.hovering {
5236
+ opacity: 0.3;
5237
+
5238
+ &:not(.hoverering-self) .color-block {
5208
5239
  background: #b4beca !important;
5240
+ border-radius: 2px;
5209
5241
  }
5210
5242
  }
5243
+ .legend-name {
5244
+ color: $text-light-primary;
5245
+ }
5246
+ &.hoverering-self {
5247
+ opacity: 1;
5248
+ }
5249
+ .icon-suffix-wrapper {
5250
+ margin-left: 4px;
5251
+ display: flex;
5252
+ align-items: center;
5253
+ }
5211
5254
  }
5212
5255
 
5213
- .E_cz19rz6 {
5256
+ .E_c14rn6j5 {
5214
5257
  display: inline-block;
5215
5258
  height: 8px;
5216
5259
  width: 8px;
5217
- margin-right: 8px;
5260
+ margin-right: 6px;
5261
+ border-radius: 2px;
5218
5262
  }
5219
5263
 
5220
- .E_e17r5r9c {
5264
+ .E_e45tc5l {
5221
5265
  .ant-dropdown-menu-item {
5222
5266
  display: flex;
5223
5267
  align-items: center;
@@ -5226,7 +5270,7 @@
5226
5270
  }
5227
5271
  }
5228
5272
 
5229
- .E_m1y1hhnr {
5273
+ .E_lqeaosa {
5230
5274
  position: relative;
5231
5275
 
5232
5276
  &.hidden-xaxis .pointer-wrapper {
@@ -5237,10 +5281,9 @@
5237
5281
  display: flex;
5238
5282
  justify-content: space-between;
5239
5283
  line-height: 30px;
5240
- margin: 0 16px;
5241
-
5242
5284
  .metric-extra {
5243
5285
  display: flex;
5286
+ flex-shrink: 0;
5244
5287
  font-size: 12px;
5245
5288
  align-items: center;
5246
5289
 
@@ -5266,139 +5309,58 @@
5266
5309
  position: absolute;
5267
5310
  bottom: 10px;
5268
5311
  padding: 0 8px;
5269
- border-radius: 4px;
5270
5312
  font-size: 12px;
5271
5313
  color: $white;
5272
- background: rgba(0, 0, 0, 0.75);
5273
5314
  transform: translateX(-50%);
5274
5315
  }
5275
5316
  }
5276
5317
 
5277
- .E_tnvijvs {
5278
- min-width: 200px;
5279
- }
5280
-
5281
- .E_t1ub2aex {
5282
- display: flex;
5283
- align-items: center;
5284
- justify-content: space-between;
5285
- background-color: rgba(0, 0, 0, 0.75);
5286
- color: #b4beca;
5287
- font-size: 12px;
5288
- padding: 3px 6px;
5289
-
5290
- &:first-child {
5291
- padding-top: 3px;
5292
- }
5293
- &:last-child {
5294
- padding-bottom: 3px;
5295
- }
5296
- .column-value {
5297
- color: $white;
5298
- margin-left: 8px;
5299
- }
5300
- }
5301
-
5302
-
5303
- .E_lht19u8 {
5304
- width: 64px;
5305
- height: 64px;
5306
- display: flex;
5307
- align-items: center;
5308
- justify-content: center;
5309
- position: relative;
5310
- opacity: 0.2;
5311
- }
5312
-
5313
- .E_lk3gkp4 {
5314
- position: absolute;
5315
- width: 5px;
5316
- height: 48px;
5317
- left: 9.33px;
5318
- top: 40.5px;
5319
-
5320
- background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
5321
- border-radius: 5px;
5322
- transform: rotate(-128deg);
5323
- transform-origin: top left;
5324
-
5325
- animation: loading-indicator1 1100ms ease-out infinite;
5326
- }
5327
-
5328
- .E_ll4n94n {
5329
- position: absolute;
5330
- width: 5px;
5331
- height: 48px;
5332
- left: 40.8px;
5333
- top: 8.4px;
5334
-
5335
- background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
5336
- border-radius: 5px;
5337
- transform: rotate(-8deg);
5338
- transform-origin: top left;
5339
-
5340
- animation: loading-indicator2 1100ms ease-out infinite;
5341
- }
5342
-
5343
- .E_l17lbdo6 {
5344
- position: absolute;
5345
- width: 5px;
5346
- height: 48px;
5347
- left: 52.9px;
5348
- top: 51.8px;
5349
-
5350
- background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
5351
- border-radius: 5px;
5352
- transform: rotate(112deg);
5353
- transform-origin: top left;
5354
-
5355
- animation: loading-indicator3 1100ms ease-out infinite;
5356
- }
5357
-
5358
-
5359
- .E_w7ob4th {
5360
- &.outside-tag {
5361
- padding-left: 0;
5362
- .inside-tag {
5363
- border-radius: 4px 0 0 4px;
5364
- padding-right: 4px;
5365
- margin-right: 4px;
5366
- }
5367
- }
5318
+ .E_t2pr38p {
5319
+ min-width: 200px;
5320
+ background-color: $fill-neutral-trans-8;
5321
+ border-radius: 4px;
5322
+ box-shadow: 0px 1px 4px 0px rgba(29, 50, 108, 0.6);
5323
+ padding: 8px;
5368
5324
  }
5369
5325
 
5326
+ .E_tecdsj7 {
5327
+ display: flex;
5328
+ align-items: center;
5329
+ background-color: unset;
5330
+ color: $text-neutral-ontint;
5331
+ justify-content: space-between;
5332
+ font-size: 12px;
5333
+ padding-top: 6px;
5370
5334
 
5371
- .E_slr2ynn {
5372
- padding: 0 8px;
5373
- height: 18px;
5335
+ &:first-child {
5336
+ padding-top: 3px;
5374
5337
  }
5375
-
5376
- .E_m140wbb6 {
5377
- padding: 2px 8px;
5378
- height: 24px;
5338
+ &:last-child {
5339
+ padding-bottom: 3px;
5340
+ }
5341
+ .column-value {
5342
+ color: $text-neutral-ontint;
5343
+ margin-left: 8px;
5379
5344
  }
5345
+ }
5380
5346
 
5381
- .E_t1fozc1i {
5382
- margin: 0;
5347
+ .E_ljhvvia {
5348
+ display: inline-block;
5349
+ height: 8px;
5350
+ width: 8px;
5351
+ margin-right: 8px;
5352
+ border-radius: 2px;
5353
+ &.borderd {
5354
+ border: 1px solid $stroke-neutral-white;
5355
+ }
5383
5356
  }
5384
5357
 
5385
- .E_i1vxv4ln {
5358
+
5359
+ .E_i1g85yz3 {
5386
5360
  margin-right: 4px;
5387
5361
  height: 16px;
5388
5362
  }
5389
5363
 
5390
- .E_n1afl31m {
5391
- &.ant-tag.ant-tag-gray {
5392
- font-weight: 700;
5393
- color: $text-neutral-primary;
5394
- background-color: $fill-neutral-trans-1;
5395
- border: 1px solid $stroke-neutral-trans-2;
5396
- word-break: break-all;
5397
- display: inline;
5398
- white-space: normal;
5399
- }
5400
- }
5401
-
5402
5364
 
5403
5365
  .E_sjob3jg {
5404
5366
  $item: ant-steps-item;
@@ -5857,46 +5819,49 @@
5857
5819
  }
5858
5820
 
5859
5821
 
5860
- .E_t13ef470 {
5861
- height: 100%;
5862
- .table-loading-item {
5863
- padding: 12px 4px;
5864
- border-bottom: 1px solid rgba($gray-50, 0.18);
5865
- display: flex;
5866
-
5867
- > * {
5868
- height: 16px;
5869
- margin: 4px;
5870
- background: rgba($gray-50, 0.18);
5871
- border-radius: 2px;
5872
- }
5873
- .checkbox-loading {
5874
- width: 16px;
5875
- }
5876
- .td-loading {
5877
- flex: 1;
5878
- }
5822
+ .E_slr2ynn {
5823
+ padding: 0 8px;
5824
+ height: 18px;
5879
5825
  }
5880
5826
 
5881
- :nth-child(1) {
5882
- padding: 8px 4px;
5883
- > * {
5884
- background: rgba($gray-70, 0.18);
5885
- }
5886
- }
5887
- :nth-child(1) {
5888
- > * {
5889
- background: rgba($gray-60, 0.18);
5890
- }
5827
+ .E_m140wbb6 {
5828
+ padding: 2px 8px;
5829
+ height: 24px;
5891
5830
  }
5892
- }
5893
5831
 
5832
+ .E_t1fozc1i {
5833
+ margin: 0;
5834
+ }
5894
5835
 
5895
- .E_i1g85yz3 {
5836
+ .E_i1vxv4ln {
5896
5837
  margin-right: 4px;
5897
5838
  height: 16px;
5898
5839
  }
5899
5840
 
5841
+ .E_n1afl31m {
5842
+ &.ant-tag.ant-tag-gray {
5843
+ font-weight: 700;
5844
+ color: $text-neutral-primary;
5845
+ background-color: $fill-neutral-trans-1;
5846
+ border: 1px solid $stroke-neutral-trans-2;
5847
+ word-break: break-all;
5848
+ display: inline;
5849
+ white-space: normal;
5850
+ }
5851
+ }
5852
+
5853
+
5854
+ .E_w7ob4th {
5855
+ &.outside-tag {
5856
+ padding-left: 0;
5857
+ .inside-tag {
5858
+ border-radius: 4px 0 0 4px;
5859
+ padding-right: 4px;
5860
+ margin-right: 4px;
5861
+ }
5862
+ }
5863
+ }
5864
+
5900
5865
 
5901
5866
  .E_bpgac8u {
5902
5867
  color: #FFFFFF;
@@ -5926,6 +5891,41 @@
5926
5891
  }
5927
5892
 
5928
5893
 
5894
+ .E_t13ef470 {
5895
+ height: 100%;
5896
+ .table-loading-item {
5897
+ padding: 12px 4px;
5898
+ border-bottom: 1px solid rgba($gray-50, 0.18);
5899
+ display: flex;
5900
+
5901
+ > * {
5902
+ height: 16px;
5903
+ margin: 4px;
5904
+ background: rgba($gray-50, 0.18);
5905
+ border-radius: 2px;
5906
+ }
5907
+ .checkbox-loading {
5908
+ width: 16px;
5909
+ }
5910
+ .td-loading {
5911
+ flex: 1;
5912
+ }
5913
+ }
5914
+
5915
+ :nth-child(1) {
5916
+ padding: 8px 4px;
5917
+ > * {
5918
+ background: rgba($gray-70, 0.18);
5919
+ }
5920
+ }
5921
+ :nth-child(1) {
5922
+ > * {
5923
+ background: rgba($gray-60, 0.18);
5924
+ }
5925
+ }
5926
+ }
5927
+
5928
+
5929
5929
  .E_b1jaupqb {
5930
5930
  color: #F0483E;
5931
5931
  }
@@ -6210,6 +6210,47 @@
6210
6210
  }
6211
6211
 
6212
6212
 
6213
+ .E_sqv6dmy {
6214
+ display: flex;
6215
+ justify-content: flex-end;
6216
+ }
6217
+
6218
+ .E_p1rm8wzb {
6219
+ margin-right: 8px;
6220
+ }
6221
+
6222
+ .E_sd7qcf4 {
6223
+ height: 100%;
6224
+ width: 100%;
6225
+ overflow: auto;
6226
+ }
6227
+
6228
+ .E_r1fxc9gq {
6229
+ &.right {
6230
+ overflow: auto;
6231
+ padding-right: 2px;
6232
+ width: calc(192px + 6px + 2px);
6233
+ height: fit-content;
6234
+ max-height: calc(
6235
+ 100vh - var(--modal-to-viewport-margin) * 2 - var(--side-panel-margin-top) - var(
6236
+ --modal-body-padding-bottom
6237
+ ) - var(--modal-footer-height)
6238
+ );
6239
+ scrollbar-gutter: stable;
6240
+ &::-webkit-scrollbar {
6241
+ width: 6px;
6242
+ }
6243
+ &::-webkit-scrollbar-track {
6244
+ background: #E1E6F199;
6245
+ }
6246
+ &::-webkit-scrollbar-thumb {
6247
+ background: #ACBAD399;
6248
+ border-radius: 8px;
6249
+ }
6250
+ }
6251
+ }
6252
+
6253
+
6213
6254
  .E_dxyv8bv {
6214
6255
  --footer-height: 80px;
6215
6256
  --modal-content-width: 492px;
@@ -6386,56 +6427,15 @@
6386
6427
  opacity: 0.8;
6387
6428
  background: linear-gradient(
6388
6429
  90deg,
6389
- rgba(255, 255, 255, 0) 15%,
6390
- #FFFFFF99 50%,
6391
- rgba(255, 255, 255, 0) 85%
6392
- );
6393
-
6394
- animation: shimmer 1100ms infinite;
6395
- }
6396
-
6397
- @keyframes shimmer { from { left: -120%; } to { left: 100%; } }
6398
- }
6399
- }
6400
-
6401
-
6402
- .E_sqv6dmy {
6403
- display: flex;
6404
- justify-content: flex-end;
6405
- }
6406
-
6407
- .E_p1rm8wzb {
6408
- margin-right: 8px;
6409
- }
6410
-
6411
- .E_sd7qcf4 {
6412
- height: 100%;
6413
- width: 100%;
6414
- overflow: auto;
6415
- }
6416
-
6417
- .E_r1fxc9gq {
6418
- &.right {
6419
- overflow: auto;
6420
- padding-right: 2px;
6421
- width: calc(192px + 6px + 2px);
6422
- height: fit-content;
6423
- max-height: calc(
6424
- 100vh - var(--modal-to-viewport-margin) * 2 - var(--side-panel-margin-top) - var(
6425
- --modal-body-padding-bottom
6426
- ) - var(--modal-footer-height)
6427
- );
6428
- scrollbar-gutter: stable;
6429
- &::-webkit-scrollbar {
6430
- width: 6px;
6431
- }
6432
- &::-webkit-scrollbar-track {
6433
- background: #E1E6F199;
6434
- }
6435
- &::-webkit-scrollbar-thumb {
6436
- background: #ACBAD399;
6437
- border-radius: 8px;
6430
+ rgba(255, 255, 255, 0) 15%,
6431
+ #FFFFFF99 50%,
6432
+ rgba(255, 255, 255, 0) 85%
6433
+ );
6434
+
6435
+ animation: shimmer 1100ms infinite;
6438
6436
  }
6437
+
6438
+ @keyframes shimmer { from { left: -120%; } to { left: 100%; } }
6439
6439
  }
6440
6440
  }
6441
6441
 
@@ -6533,11 +6533,6 @@
6533
6533
  }
6534
6534
 
6535
6535
 
6536
- .E_t1616y1o {
6537
- color: $text-light-on-tint;
6538
- }
6539
-
6540
-
6541
6536
  .E_t1gvlxt5 {
6542
6537
  min-width: 0;
6543
6538
  flex: 1;
@@ -6562,6 +6557,11 @@
6562
6557
  }
6563
6558
 
6564
6559
 
6560
+ .E_t1616y1o {
6561
+ color: $text-light-on-tint;
6562
+ }
6563
+
6564
+
6565
6565
  .E_a9y3flr {
6566
6566
  margin-left: 8px;
6567
6567
  }
@@ -6664,6 +6664,104 @@
6664
6664
  }
6665
6665
 
6666
6666
 
6667
+ .E_c18bcrac {
6668
+ display: inline-block;
6669
+ width: 100%;
6670
+ .recharts-wrapper {
6671
+ margin-left: 4px;
6672
+ }
6673
+ }
6674
+
6675
+ .E_cro7kg2 {
6676
+ padding: 4px;
6677
+
6678
+ .unit {
6679
+ color: white;
6680
+ }
6681
+ }
6682
+
6683
+ .E_c14wcxf0 {
6684
+ display: flex;
6685
+ justify-content: space-between;
6686
+ align-items: center;
6687
+ font-size: 13px;
6688
+ line-height: 24px;
6689
+ color: #cccccc;
6690
+ white-space: nowrap;
6691
+
6692
+ label {
6693
+ margin-right: 32px;
6694
+ }
6695
+ }
6696
+
6697
+ .E_coy29mj.E_c14wcxf0 {
6698
+ font-weight: bold;
6699
+ color: white;
6700
+ }
6701
+
6702
+ .E_s11212zy {
6703
+ width: 8px;
6704
+ height: 8px;
6705
+ border-radius: 2px;
6706
+ display: inline-block;
6707
+ background: var(--s11212zy-0);
6708
+ border: 1px solid $fills-light-white;
6709
+ box-sizing: content-box;
6710
+ margin-right: 6px;
6711
+ }
6712
+
6713
+ .E_p1lyky6c {
6714
+ & > :first-child {
6715
+ font-weight: bold;
6716
+ color: white;
6717
+ margin-right: 4px;
6718
+ }
6719
+ }
6720
+
6721
+
6722
+ .E_gmyahx3 {
6723
+ cursor: pointer;
6724
+
6725
+ .link-text {
6726
+ color: $text-light-tertiary;
6727
+ }
6728
+
6729
+ &:hover .link-text {
6730
+ color: $text-light-general;
6731
+ }
6732
+ }
6733
+
6734
+
6735
+ .E_tqjc4ui {
6736
+ @at-root {
6737
+ span#{&} {
6738
+ margin: 0 2px;
6739
+ }
6740
+ }
6741
+ }
6742
+
6743
+
6744
+ .E_n12mqh7z {
6745
+ display: flex;
6746
+ align-items: center;
6747
+ font-size: 12px;
6748
+ line-height: 18px;
6749
+
6750
+ &:not(:last-child) {
6751
+ margin-bottom: 4px;
6752
+ }
6753
+ }
6754
+
6755
+ .E_tf5bynu {
6756
+ margin: 0 3px;
6757
+ }
6758
+
6759
+ .E_tcckoz1 {
6760
+ max-height: 400px;
6761
+ overflow: auto;
6762
+ }
6763
+
6764
+
6667
6765
  .E_s1ebs0ra {
6668
6766
  display: flex;
6669
6767
  align-items: center;
@@ -6737,57 +6835,130 @@
6737
6835
  }
6738
6836
 
6739
6837
 
6740
- .E_c18bcrac {
6741
- display: inline-block;
6742
- width: 100%;
6743
- .recharts-wrapper {
6744
- margin-left: 4px;
6838
+ .E_clm1wy1 {
6839
+ width: 192px;
6840
+ height: 246px;
6841
+ border-radius: 4px;
6842
+
6843
+ > .ant-picker-calendar,
6844
+ > .ant-picker-calendar .ant-picker-panel {
6845
+ width: 100%;
6846
+ background-color: rgba(245, 247, 250, 0.6);
6847
+ border-top: none;
6848
+
6849
+ .ant-picker-body {
6850
+ padding: 0 16px;
6851
+ }
6852
+
6853
+ .ant-picker-content {
6854
+ width: 100%;
6855
+ height: 180px;
6856
+ border-spacing: 0;
6857
+
6858
+ thead {
6859
+ margin-bottom: 8px;
6860
+ }
6861
+ th {
6862
+ width: 22px;
6863
+ }
6864
+ td {
6865
+ padding: 0;
6866
+ }
6867
+ }
6745
6868
  }
6746
- }
6747
6869
 
6748
- .E_cro7kg2 {
6749
- padding: 4px;
6870
+ .ant-picker-cell {
6871
+ color: rgba(62, 70, 82, 0.6);
6872
+ opacity: 0.4;
6873
+ }
6874
+ .ant-picker-cell-in-view {
6875
+ color: rgba(62, 70, 82, 0.6);
6876
+ opacity: 1;
6877
+ }
6878
+ .ant-picker-cell-in-view > .active {
6879
+ color: #3e4652;
6880
+ }
6750
6881
 
6751
- .unit {
6752
- color: white;
6882
+ .ant-picker-cell::before {
6883
+ pointer-events: none;
6753
6884
  }
6754
6885
  }
6755
6886
 
6756
- .E_c14wcxf0 {
6887
+ .E_t1tsm00v {
6888
+ color: rgba(129, 138, 153, 0.6);
6889
+ box-shadow: inset 0px -1px 0px rgba(213, 219, 227, 0.6);
6890
+ backdrop-filter: blur(10px);
6891
+ padding: 7px 10px;
6892
+ }
6893
+
6894
+ .E_c167wnad {
6895
+ color: rgba(62, 70, 82, 0.6);
6757
6896
  display: flex;
6758
6897
  justify-content: space-between;
6759
6898
  align-items: center;
6760
- font-size: 13px;
6761
- line-height: 24px;
6762
- color: #cccccc;
6763
- white-space: nowrap;
6899
+ padding: 8px 16px;
6764
6900
 
6765
- label {
6766
- margin-right: 32px;
6901
+ .anticon {
6902
+ cursor: pointer;
6903
+ &:hover {
6904
+ color: $blue;
6905
+ }
6767
6906
  }
6768
6907
  }
6769
6908
 
6770
- .E_coy29mj.E_c14wcxf0 {
6771
- font-weight: bold;
6772
- color: white;
6909
+ .E_cxhf7dh {
6910
+ text-align: center;
6911
+
6912
+ .dots {
6913
+ display: flex;
6914
+ justify-content: center;
6915
+ }
6916
+ .dot {
6917
+ display: inline-block;
6918
+ width: 2px;
6919
+ height: 2px;
6920
+ border-radius: 1px;
6921
+ background: $blue;
6922
+
6923
+ &:not(:last-child) {
6924
+ margin-right: 2px;
6925
+ }
6926
+ }
6927
+ .bar {
6928
+ width: 9px;
6929
+ height: 2px;
6930
+ background: $blue;
6931
+ border-radius: 2px;
6932
+ }
6773
6933
  }
6774
6934
 
6775
- .E_s11212zy {
6776
- width: 8px;
6777
- height: 8px;
6778
- border-radius: 2px;
6779
- display: inline-block;
6780
- background: var(--s11212zy-0);
6781
- border: 1px solid $fills-light-white;
6782
- box-sizing: content-box;
6783
- margin-right: 6px;
6935
+
6936
+ .E_ou7iq30 {
6937
+ overflow: hidden;
6938
+ text-overflow: ellipsis;
6784
6939
  }
6785
6940
 
6786
- .E_p1lyky6c {
6787
- & > :first-child {
6788
- font-weight: bold;
6789
- color: white;
6790
- margin-right: 4px;
6941
+ .E_s1tui002 {
6942
+ white-space: nowrap;
6943
+ }
6944
+
6945
+ .E_mxrc2zg {
6946
+ display: -webkit-box;
6947
+ -webkit-line-clamp: var(--mxrc2zg-0);
6948
+ -webkit-box-orient: vertical;
6949
+ word-break: break-all;
6950
+ }
6951
+
6952
+ .E_t1vv6d68 {
6953
+ .ant-tooltip-arrow {
6954
+ display: none;
6955
+ }
6956
+ .ant-tooltip-inner {
6957
+ background: $gray-a80-9;
6958
+ border-radius: 4px;
6959
+ &:has(.eagle-ellipsis-content) {
6960
+ visibility: hidden;
6961
+ }
6791
6962
  }
6792
6963
  }
6793
6964
 
@@ -6951,261 +7122,8 @@
6951
7122
  background-color: $blue;
6952
7123
  border-color: $blue;
6953
7124
  color: $white;
6954
- }
6955
- }
6956
- }
6957
-
6958
-
6959
- .E_gmyahx3 {
6960
- cursor: pointer;
6961
-
6962
- .link-text {
6963
- color: $text-light-tertiary;
6964
- }
6965
-
6966
- &:hover .link-text {
6967
- color: $text-light-general;
6968
- }
6969
- }
6970
-
6971
-
6972
- .E_tqjc4ui {
6973
- @at-root {
6974
- span#{&} {
6975
- margin: 0 2px;
6976
- }
6977
- }
6978
- }
6979
-
6980
-
6981
- .E_clm1wy1 {
6982
- width: 192px;
6983
- height: 246px;
6984
- border-radius: 4px;
6985
-
6986
- > .ant-picker-calendar,
6987
- > .ant-picker-calendar .ant-picker-panel {
6988
- width: 100%;
6989
- background-color: rgba(245, 247, 250, 0.6);
6990
- border-top: none;
6991
-
6992
- .ant-picker-body {
6993
- padding: 0 16px;
6994
- }
6995
-
6996
- .ant-picker-content {
6997
- width: 100%;
6998
- height: 180px;
6999
- border-spacing: 0;
7000
-
7001
- thead {
7002
- margin-bottom: 8px;
7003
- }
7004
- th {
7005
- width: 22px;
7006
- }
7007
- td {
7008
- padding: 0;
7009
- }
7010
- }
7011
- }
7012
-
7013
- .ant-picker-cell {
7014
- color: rgba(62, 70, 82, 0.6);
7015
- opacity: 0.4;
7016
- }
7017
- .ant-picker-cell-in-view {
7018
- color: rgba(62, 70, 82, 0.6);
7019
- opacity: 1;
7020
- }
7021
- .ant-picker-cell-in-view > .active {
7022
- color: #3e4652;
7023
- }
7024
-
7025
- .ant-picker-cell::before {
7026
- pointer-events: none;
7027
- }
7028
- }
7029
-
7030
- .E_t1tsm00v {
7031
- color: rgba(129, 138, 153, 0.6);
7032
- box-shadow: inset 0px -1px 0px rgba(213, 219, 227, 0.6);
7033
- backdrop-filter: blur(10px);
7034
- padding: 7px 10px;
7035
- }
7036
-
7037
- .E_c167wnad {
7038
- color: rgba(62, 70, 82, 0.6);
7039
- display: flex;
7040
- justify-content: space-between;
7041
- align-items: center;
7042
- padding: 8px 16px;
7043
-
7044
- .anticon {
7045
- cursor: pointer;
7046
- &:hover {
7047
- color: $blue;
7048
- }
7049
- }
7050
- }
7051
-
7052
- .E_cxhf7dh {
7053
- text-align: center;
7054
-
7055
- .dots {
7056
- display: flex;
7057
- justify-content: center;
7058
- }
7059
- .dot {
7060
- display: inline-block;
7061
- width: 2px;
7062
- height: 2px;
7063
- border-radius: 1px;
7064
- background: $blue;
7065
-
7066
- &:not(:last-child) {
7067
- margin-right: 2px;
7068
- }
7069
- }
7070
- .bar {
7071
- width: 9px;
7072
- height: 2px;
7073
- background: $blue;
7074
- border-radius: 2px;
7075
- }
7076
- }
7077
-
7078
-
7079
- .E_n12mqh7z {
7080
- display: flex;
7081
- align-items: center;
7082
- font-size: 12px;
7083
- line-height: 18px;
7084
-
7085
- &:not(:last-child) {
7086
- margin-bottom: 4px;
7087
- }
7088
- }
7089
-
7090
- .E_tf5bynu {
7091
- margin: 0 3px;
7092
- }
7093
-
7094
- .E_tcckoz1 {
7095
- max-height: 400px;
7096
- overflow: auto;
7097
- }
7098
-
7099
-
7100
- .E_t1sqg15u {
7101
- background: white;
7102
-
7103
- &.inline {
7104
- .table-row {
7105
- flex-direction: column;
7106
-
7107
- > label {
7108
- padding: 0 16px 7px 0;
7109
- }
7110
- }
7111
- }
7112
-
7113
- &.has-border {
7114
- .table-header {
7115
- border-bottom: 1px solid $strokes-light-trans-1;
7116
- }
7117
-
7118
- .hiddenBorder {
7119
- border-top: none !important;
7120
- }
7121
-
7122
- .table-row + .table-row {
7123
- border-top: 1px solid $strokes-light-trans-1;
7124
- }
7125
-
7126
- .table-row:last-of-type {
7127
- padding-bottom: 0;
7128
- }
7129
- }
7130
-
7131
- &.align-right {
7132
- .content {
7133
- text-align: right;
7134
- }
7135
- }
7136
- .uuid-row {
7137
- display: flex;
7138
- justify-content: space-between;
7139
-
7140
- .id-text {
7141
- white-space: nowrap;
7142
- overflow: hidden;
7143
- text-overflow: ellipsis;
7144
- }
7145
- }
7146
- }
7147
-
7148
- .E_t4zczcp {
7149
- display: flex;
7150
- justify-content: space-between;
7151
- align-items: center;
7152
- padding: 8px;
7153
- min-height: 32px;
7154
-
7155
- .table-title {
7156
- color: $text-secondary-light;
7157
- font-weight: 600;
7158
- font-size: 12px;
7159
- line-height: 8px;
7160
- }
7161
-
7162
- .edit-icon {
7163
- font-size: 16px;
7164
- color: $strokes-translucent-2-light;
7165
- cursor: pointer;
7166
- }
7167
- }
7168
-
7169
- .E_t1s7goww {
7170
- font-size: 12px;
7171
- line-height: 18px;
7172
- }
7173
-
7174
- .E_t93e4cf {
7175
- display: flex;
7176
- padding: 8px 0;
7177
- color: $text-primary-light;
7178
-
7179
- .hidden {
7180
- display: none;
7181
- }
7182
-
7183
- .ant-btn.ant-btn-link {
7184
- height: auto;
7185
- }
7186
-
7187
- .content {
7188
- overflow: hidden;
7189
- overflow-x: auto;
7190
- width: 100%;
7191
- white-space: pre-wrap;
7192
-
7193
- .ant-btn {
7194
- white-space: pre-wrap;
7195
- text-align: left;
7196
- }
7197
-
7198
- .unit-chart {
7199
- justify-content: flex-start;
7200
- }
7201
- }
7202
- }
7203
-
7204
- .E_rhz2uv5 {
7205
- width: var(--rhz2uv5-0);
7206
- flex-shrink: 0;
7207
- color: $text-secondary-light;
7208
- padding-right: 12px;
7125
+ }
7126
+ }
7209
7127
  }
7210
7128
 
7211
7129
 
@@ -7496,35 +7414,155 @@
7496
7414
  }
7497
7415
 
7498
7416
 
7499
- .E_ou7iq30 {
7500
- overflow: hidden;
7501
- text-overflow: ellipsis;
7417
+ .E_s1iv0tp1 {
7418
+ .enabled-switch {
7419
+ display: flex;
7420
+ align-items: center;
7421
+ }
7422
+
7423
+ .enabled-text {
7424
+ margin-right: 8px;
7425
+ }
7502
7426
  }
7503
7427
 
7504
- .E_s1tui002 {
7505
- white-space: nowrap;
7428
+
7429
+ .E_t1sqg15u {
7430
+ background: white;
7431
+
7432
+ &.inline {
7433
+ .table-row {
7434
+ flex-direction: column;
7435
+
7436
+ > label {
7437
+ padding: 0 16px 7px 0;
7438
+ }
7439
+ }
7440
+ }
7441
+
7442
+ &.has-border {
7443
+ .table-header {
7444
+ border-bottom: 1px solid $strokes-light-trans-1;
7445
+ }
7446
+
7447
+ .hiddenBorder {
7448
+ border-top: none !important;
7449
+ }
7450
+
7451
+ .table-row + .table-row {
7452
+ border-top: 1px solid $strokes-light-trans-1;
7453
+ }
7454
+
7455
+ .table-row:last-of-type {
7456
+ padding-bottom: 0;
7457
+ }
7458
+ }
7459
+
7460
+ &.align-right {
7461
+ .content {
7462
+ text-align: right;
7463
+ }
7464
+ }
7465
+ .uuid-row {
7466
+ display: flex;
7467
+ justify-content: space-between;
7468
+
7469
+ .id-text {
7470
+ white-space: nowrap;
7471
+ overflow: hidden;
7472
+ text-overflow: ellipsis;
7473
+ }
7474
+ }
7506
7475
  }
7507
7476
 
7508
- .E_mxrc2zg {
7509
- display: -webkit-box;
7510
- -webkit-line-clamp: var(--mxrc2zg-0);
7511
- -webkit-box-orient: vertical;
7512
- word-break: break-all;
7477
+ .E_t4zczcp {
7478
+ display: flex;
7479
+ justify-content: space-between;
7480
+ align-items: center;
7481
+ padding: 8px;
7482
+ min-height: 32px;
7483
+
7484
+ .table-title {
7485
+ color: $text-secondary-light;
7486
+ font-weight: 600;
7487
+ font-size: 12px;
7488
+ line-height: 8px;
7489
+ }
7490
+
7491
+ .edit-icon {
7492
+ font-size: 16px;
7493
+ color: $strokes-translucent-2-light;
7494
+ cursor: pointer;
7495
+ }
7513
7496
  }
7514
7497
 
7515
- .E_t1vv6d68 {
7516
- .ant-tooltip-arrow {
7498
+ .E_t1s7goww {
7499
+ font-size: 12px;
7500
+ line-height: 18px;
7501
+ }
7502
+
7503
+ .E_t93e4cf {
7504
+ display: flex;
7505
+ padding: 8px 0;
7506
+ color: $text-primary-light;
7507
+
7508
+ .hidden {
7517
7509
  display: none;
7518
7510
  }
7519
- .ant-tooltip-inner {
7520
- background: $gray-a80-9;
7521
- border-radius: 4px;
7522
- &:has(.eagle-ellipsis-content) {
7523
- visibility: hidden;
7511
+
7512
+ .ant-btn.ant-btn-link {
7513
+ height: auto;
7514
+ }
7515
+
7516
+ .content {
7517
+ overflow: hidden;
7518
+ overflow-x: auto;
7519
+ width: 100%;
7520
+ white-space: pre-wrap;
7521
+
7522
+ .ant-btn {
7523
+ white-space: pre-wrap;
7524
+ text-align: left;
7525
+ }
7526
+
7527
+ .unit-chart {
7528
+ justify-content: flex-start;
7524
7529
  }
7525
7530
  }
7526
7531
  }
7527
7532
 
7533
+ .E_rhz2uv5 {
7534
+ width: var(--rhz2uv5-0);
7535
+ flex-shrink: 0;
7536
+ color: $text-secondary-light;
7537
+ padding-right: 12px;
7538
+ }
7539
+
7540
+
7541
+ .E_wg1tsps {
7542
+ display: flex;
7543
+ align-items: center;
7544
+ justify-content: flex-end;
7545
+ }
7546
+
7547
+ .E_b1ctd5xy {
7548
+ display: flex;
7549
+ align-items: center;
7550
+ width: calc(100% - 40px);
7551
+
7552
+ .chart {
7553
+ display: inline-block;
7554
+ width: 100%;
7555
+ }
7556
+ }
7557
+
7558
+ .E_u1p8acpn {
7559
+ min-width: 40px;
7560
+
7561
+ .unit {
7562
+ color: $text-light-primary !important;
7563
+ }
7564
+ }
7565
+
7528
7566
 
7529
7567
  .E_s1at6qmn {
7530
7568
  &.ant-layout-sider {
@@ -7665,85 +7703,77 @@
7665
7703
  }
7666
7704
 
7667
7705
 
7668
- .E_wg1tsps {
7669
- display: flex;
7670
- align-items: center;
7671
- justify-content: flex-end;
7706
+ .E_kr6am0s {
7707
+ .ant-modal-body {
7708
+ padding: 60px 128px;
7709
+ }
7672
7710
  }
7673
7711
 
7674
- .E_b1ctd5xy {
7712
+ .E_k1h3cl5q {
7675
7713
  display: flex;
7676
- align-items: center;
7677
- width: calc(100% - 40px);
7678
-
7679
- .chart {
7680
- display: inline-block;
7681
- width: 100%;
7682
- }
7714
+ flex-direction: column;
7715
+ height: 100%;
7683
7716
  }
7684
7717
 
7685
- .E_u1p8acpn {
7686
- min-width: 40px;
7687
-
7688
- .unit {
7689
- color: $text-light-primary !important;
7690
- }
7718
+ .E_k1a6j97w {
7719
+ color: $gray-120;
7720
+ font-size: 32px !important;
7721
+ margin-bottom: 16px;
7691
7722
  }
7692
7723
 
7693
-
7694
- .E_s1iv0tp1 {
7695
- .enabled-switch {
7696
- display: flex;
7697
- align-items: center;
7698
- }
7699
-
7700
- .enabled-text {
7701
- margin-right: 8px;
7702
- }
7724
+ .E_k1uim1fg {
7725
+ margin-bottom: 32px;
7726
+ color: $gray-120;
7703
7727
  }
7704
7728
 
7705
-
7706
- .E_i5w779o {
7707
- padding: 8px 0;
7708
-
7709
- .col-label {
7710
- flex-shrink: unset;
7711
- * {
7712
- line-height: 18px;
7713
- }
7714
- }
7715
- .col-content {
7716
- flex: 1 1 0;
7717
- display: flex;
7718
- align-items: center;
7719
- * {
7720
- line-height: 18px;
7721
- }
7722
- }
7729
+ .E_kobelzt {
7730
+ font-family:
7731
+ Roboto Mono,
7732
+ SFMono-Regular,
7733
+ SF Mono,
7734
+ Menlo,
7735
+ Consolas,
7736
+ Liberation Mono,
7737
+ monospace;
7738
+ min-height: 0;
7739
+ flex: 1;
7740
+ padding: 16px;
7741
+ background-color: $gray-80;
7742
+ color: $white;
7743
+ overflow: auto;
7744
+ max-width: 100%;
7745
+ min-height: 0;
7746
+ border-radius: 8px;
7747
+ white-space: pre-wrap;
7723
7748
  }
7724
7749
 
7725
- .E_l18dja44 {
7726
- padding: 6px 0;
7750
+ .E_kxzv3id {
7751
+ width: 100%;
7752
+ display: flex;
7753
+ justify-content: space-between;
7754
+ padding: 0 128px;
7755
+ }
7727
7756
 
7728
- .col-label * {
7729
- font-size: 13px;
7730
- line-height: 20px;
7731
- }
7732
- .col-content * {
7733
- font-size: 14px;
7734
- line-height: 20px;
7735
- }
7757
+ .E_eld9lt {
7758
+ display: flex;
7759
+ flex-direction: column;
7760
+ justify-content: center;
7761
+ align-items: center;
7762
+ height: 100%;
7736
7763
  }
7737
7764
 
7738
- .E_c8c2hys {
7765
+ .E_e1505fqc {
7739
7766
  display: flex;
7740
- justify-content: space-between;
7741
- flex: 1;
7742
- min-width: 0;
7743
- }
7767
+ flex-direction: column;
7768
+ align-items: center;
7744
7769
 
7745
- .E_n4m6c4d {
7746
- color: $text-light-tertiary;
7770
+ .title {
7771
+ margin-bottom: 8px;
7772
+ background-clip: text;
7773
+ -webkit-background-clip: text;
7774
+ -webkit-text-fill-color: transparent;
7775
+ background-image: linear-gradient(211.41deg, #929dad 0%, #d3dbe3 100%);
7776
+ }
7747
7777
  }
7748
7778
 
7749
7779
 
@@ -7825,102 +7855,54 @@
7825
7855
  }
7826
7856
 
7827
7857
 
7828
- .E_h1ol2wl7 {
7829
- font-weight: bold;
7830
- background-color: unset;
7831
- padding: unset;
7832
- }
7833
-
7858
+ .E_i5w779o {
7859
+ padding: 8px 0;
7834
7860
 
7835
- .E_kr6am0s {
7836
- .ant-modal-body {
7837
- padding: 60px 128px;
7861
+ .col-label {
7862
+ flex-shrink: unset;
7863
+ * {
7864
+ line-height: 18px;
7865
+ }
7866
+ }
7867
+ .col-content {
7868
+ flex: 1 1 0;
7869
+ display: flex;
7870
+ align-items: center;
7871
+ * {
7872
+ line-height: 18px;
7873
+ }
7838
7874
  }
7839
7875
  }
7840
7876
 
7841
- .E_k1h3cl5q {
7842
- display: flex;
7843
- flex-direction: column;
7844
- height: 100%;
7845
- }
7846
-
7847
- .E_k1a6j97w {
7848
- color: $gray-120;
7849
- font-size: 32px !important;
7850
- margin-bottom: 16px;
7851
- }
7852
-
7853
- .E_k1uim1fg {
7854
- margin-bottom: 32px;
7855
- color: $gray-120;
7856
- }
7877
+ .E_l18dja44 {
7878
+ padding: 6px 0;
7857
7879
 
7858
- .E_kobelzt {
7859
- font-family:
7860
- Roboto Mono,
7861
- SFMono-Regular,
7862
- SF Mono,
7863
- Menlo,
7864
- Consolas,
7865
- Liberation Mono,
7866
- monospace;
7867
- min-height: 0;
7868
- flex: 1;
7869
- padding: 16px;
7870
- background-color: $gray-80;
7871
- color: $white;
7872
- overflow: auto;
7873
- max-width: 100%;
7874
- min-height: 0;
7875
- border-radius: 8px;
7876
- white-space: pre-wrap;
7880
+ .col-label * {
7881
+ font-size: 13px;
7882
+ line-height: 20px;
7883
+ }
7884
+ .col-content * {
7885
+ font-size: 14px;
7886
+ line-height: 20px;
7887
+ }
7877
7888
  }
7878
7889
 
7879
- .E_kxzv3id {
7880
- width: 100%;
7890
+ .E_c8c2hys {
7881
7891
  display: flex;
7882
7892
  justify-content: space-between;
7883
- padding: 0 128px;
7884
- }
7885
-
7886
- .E_eld9lt {
7887
- display: flex;
7888
- flex-direction: column;
7889
- justify-content: center;
7890
- align-items: center;
7891
- height: 100%;
7893
+ flex: 1;
7894
+ min-width: 0;
7892
7895
  }
7893
7896
 
7894
- .E_e1505fqc {
7895
- display: flex;
7896
- flex-direction: column;
7897
- align-items: center;
7898
-
7899
- .title {
7900
- margin-bottom: 8px;
7901
- background-clip: text;
7902
- -webkit-background-clip: text;
7903
- -webkit-text-fill-color: transparent;
7904
- background-image: linear-gradient(211.41deg, #929dad 0%, #d3dbe3 100%);
7905
- }
7897
+ .E_n4m6c4d {
7898
+ color: $text-light-tertiary;
7906
7899
  }
7907
7900
 
7908
7901
 
7909
- .E_l12xdkhl {
7910
- width: 64px;
7911
- height: 64px;
7912
- max-width: 64px;
7913
- max-height: 64px;
7914
- overflow: hidden;
7915
- display: flex;
7916
- align-items: center;
7917
- justify-content: center;
7918
- position: relative;
7919
- opacity: 0.6;
7920
- .icon-wrapper {
7921
- @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } };
7922
- animation: rotate 1200ms cubic-bezier(0.33, 0, 0.67, 1) infinite;
7923
- }
7902
+ .E_h1ol2wl7 {
7903
+ font-weight: bold;
7904
+ background-color: unset;
7905
+ padding: unset;
7924
7906
  }
7925
7907
 
7926
7908
 
@@ -7975,6 +7957,63 @@
7975
7957
  }
7976
7958
 
7977
7959
 
7960
+ .E_c1ss4prm {
7961
+ color: $text-light-secondary;
7962
+ &:is(ul, ol) {
7963
+ padding-inline-start: 12px;
7964
+ }
7965
+
7966
+ li {
7967
+ margin-bottom: 4px;
7968
+
7969
+ &:last-child {
7970
+ margin-bottom: 0;
7971
+ }
7972
+ }
7973
+ }
7974
+
7975
+ .E_ms3tlei {
7976
+ background: $fill-neutral-trans-2;
7977
+ padding: 8px;
7978
+ border-radius: 6px;
7979
+ color: $gray-a60-8;
7980
+
7981
+ .icon-wrapper {
7982
+ margin-top: 1px; // The text line height is 18px, the icon height is 16px, so a 1px offset is needed
7983
+ margin-right: 4px;
7984
+ }
7985
+
7986
+ li {
7987
+ margin-bottom: 4px;
7988
+ display: flex;
7989
+ align-items: flex-start;
7990
+
7991
+ &:last-child {
7992
+ margin-bottom: 0;
7993
+ }
7994
+ }
7995
+ }
7996
+
7997
+ .E_du44iy7 {
7998
+ margin-bottom: 4px;
7999
+ }
8000
+
8001
+ .E_p1qmhanr {
8002
+ margin-bottom: 8px;
8003
+ }
8004
+
8005
+ .E_srje1h0 {
8006
+ color: $text-light-secondary;
8007
+ margin-bottom: 8px;
8008
+ }
8009
+
8010
+ .E_di3zi7v {
8011
+ height: 1px;
8012
+ background: $strokes-light-opaque-2;
8013
+ margin: 16px 0;
8014
+ }
8015
+
8016
+
7978
8017
  .E_cevhqx7 {
7979
8018
  color: $text-light-primary;
7980
8019
  }
@@ -8584,59 +8623,20 @@
8584
8623
  }
8585
8624
 
8586
8625
 
8587
- .E_c1ss4prm {
8588
- color: $text-light-secondary;
8589
- &:is(ul, ol) {
8590
- padding-inline-start: 12px;
8591
- }
8592
-
8593
- li {
8594
- margin-bottom: 4px;
8595
-
8596
- &:last-child {
8597
- margin-bottom: 0;
8598
- }
8599
- }
8600
- }
8601
-
8602
- .E_ms3tlei {
8603
- background: $fill-neutral-trans-2;
8604
- padding: 8px;
8605
- border-radius: 6px;
8606
- color: $gray-a60-8;
8607
-
8626
+ .E_l12xdkhl {
8627
+ width: 64px;
8628
+ height: 64px;
8629
+ max-width: 64px;
8630
+ max-height: 64px;
8631
+ overflow: hidden;
8632
+ display: flex;
8633
+ align-items: center;
8634
+ justify-content: center;
8635
+ position: relative;
8636
+ opacity: 0.6;
8608
8637
  .icon-wrapper {
8609
- margin-top: 1px; // The text line height is 18px, the icon height is 16px, so a 1px offset is needed
8610
- margin-right: 4px;
8611
- }
8612
-
8613
- li {
8614
- margin-bottom: 4px;
8615
- display: flex;
8616
- align-items: flex-start;
8617
-
8618
- &:last-child {
8619
- margin-bottom: 0;
8620
- }
8638
+ @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } };
8639
+ animation: rotate 1200ms cubic-bezier(0.33, 0, 0.67, 1) infinite;
8621
8640
  }
8622
8641
  }
8623
8642
 
8624
- .E_du44iy7 {
8625
- margin-bottom: 4px;
8626
- }
8627
-
8628
- .E_p1qmhanr {
8629
- margin-bottom: 8px;
8630
- }
8631
-
8632
- .E_srje1h0 {
8633
- color: $text-light-secondary;
8634
- margin-bottom: 8px;
8635
- }
8636
-
8637
- .E_di3zi7v {
8638
- height: 1px;
8639
- background: $strokes-light-opaque-2;
8640
- margin: 16px 0;
8641
- }
8642
-