@cloudtower/eagle 0.33.9 → 0.34.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/cjs/stats1.html +1 -1
  2. package/dist/components.css +1587 -1587
  3. package/dist/esm/stats1.html +1 -1
  4. package/dist/linaria.merged.scss +1827 -1827
  5. package/dist/style.css +1503 -1503
  6. package/package.json +4 -4
package/dist/linaria.merged.scss CHANGED
@@ -1,3 +1,28 @@
1
+ .E_m74vjol {
2
+ display: flex;
3
+ justify-content: space-between;
4
+ width: 100%;
5
+ & .action {
6
+ margin-left: 16px;
7
+ }
8
+ }
9
+
10
+ .E_a1o35uvh {
11
+ &.ant-alert-closable {
12
+ padding-right: 12px;
13
+
14
+ .ant-alert-close-icon {
15
+ height: fit-content;
16
+ margin-left: 16px;
17
+ }
18
+ }
19
+
20
+ .ant-alert-message {
21
+ flex: 1;
22
+ }
23
+ }
24
+
25
+
1
26
  .E_c18gxmrl {
2
27
  border: 1px solid $gray-40;
3
28
  border-radius: 4px;
@@ -26,19 +51,61 @@
26
51
  }
27
52
 
28
53
 
29
- .E_d133fzv0 {
30
- .ant-dropdown-menu-item-group {
31
- .ant-dropdown-menu-item-group-title {
32
- padding: 4px 8px 0 8px;
33
- color: $text-light-secondary;
34
- font-size: 12px;
54
+ .E_b1nip9bk {
55
+ padding: 4px 11px;
56
+ }
57
+
58
+ .E_bqamoqe {
59
+ white-space: nowrap;
60
+ filter: drop-shadow(0px 2px 8px rgba(0, 136, 255, 0.1));
61
+
62
+ & > .ant-btn {
63
+ &.ant-btn-ordinary-onTint:not(.ant-btn-dangerous) {
64
+ --color: #{$text-light-general};
65
+
66
+ &[disabled],
67
+ &:hover[disabled] {
68
+ --color: #{$text-light-general};
69
+ }
35
70
  }
36
- .ant-dropdown-menu-item-group-list {
37
- padding-bottom: 6px;
71
+ }
72
+
73
+ & > .ant-btn:not(:only-child) {
74
+ & + .ant-btn {
75
+ margin-left: 1px;
38
76
  }
39
- &:not(:first-child) {
40
- padding-top: 4px;
41
- border-top: 1px solid $strokes-light-trans-2;
77
+
78
+ &:first-child {
79
+ border-top-right-radius: 0;
80
+ border-bottom-right-radius: 0;
81
+ }
82
+
83
+ &:last-child {
84
+ border-top-left-radius: 0;
85
+ border-bottom-left-radius: 0;
86
+ }
87
+
88
+ &:not(:first-child, :last-child) {
89
+ border-radius: unset;
90
+ }
91
+ }
92
+ }
93
+
94
+
95
+ .E_berrcjl {
96
+ color: $text-terdiary-light;
97
+ margin-bottom: 4px;
98
+
99
+ .breadcrumb-link {
100
+ color: $text-terdiary-light;
101
+ cursor: pointer;
102
+ transition: color 160ms ease;
103
+
104
+ &:hover {
105
+ color: $blue-60;
106
+ }
107
+ &:active {
108
+ color: $blue-80;
42
109
  }
43
110
  }
44
111
  }
@@ -427,91 +494,6 @@
427
494
  }
428
495
 
429
496
 
430
- .E_berrcjl {
431
- color: $text-terdiary-light;
432
- margin-bottom: 4px;
433
-
434
- .breadcrumb-link {
435
- color: $text-terdiary-light;
436
- cursor: pointer;
437
- transition: color 160ms ease;
438
-
439
- &:hover {
440
- color: $blue-60;
441
- }
442
- &:active {
443
- color: $blue-80;
444
- }
445
- }
446
- }
447
-
448
-
449
- .E_m74vjol {
450
- display: flex;
451
- justify-content: space-between;
452
- width: 100%;
453
- & .action {
454
- margin-left: 16px;
455
- }
456
- }
457
-
458
- .E_a1o35uvh {
459
- &.ant-alert-closable {
460
- padding-right: 12px;
461
-
462
- .ant-alert-close-icon {
463
- height: fit-content;
464
- margin-left: 16px;
465
- }
466
- }
467
-
468
- .ant-alert-message {
469
- flex: 1;
470
- }
471
- }
472
-
473
-
474
- .E_b1nip9bk {
475
- padding: 4px 11px;
476
- }
477
-
478
- .E_bqamoqe {
479
- white-space: nowrap;
480
- filter: drop-shadow(0px 2px 8px rgba(0, 136, 255, 0.1));
481
-
482
- & > .ant-btn {
483
- &.ant-btn-ordinary-onTint:not(.ant-btn-dangerous) {
484
- --color: #{$text-light-general};
485
-
486
- &[disabled],
487
- &:hover[disabled] {
488
- --color: #{$text-light-general};
489
- }
490
- }
491
- }
492
-
493
- & > .ant-btn:not(:only-child) {
494
- & + .ant-btn {
495
- margin-left: 1px;
496
- }
497
-
498
- &:first-child {
499
- border-top-right-radius: 0;
500
- border-bottom-right-radius: 0;
501
- }
502
-
503
- &:last-child {
504
- border-top-left-radius: 0;
505
- border-bottom-left-radius: 0;
506
- }
507
-
508
- &:not(:first-child, :last-child) {
509
- border-radius: unset;
510
- }
511
- }
512
- }
513
-
514
-
515
497
  .E_d1bw7c5z {
516
498
  position: relative;
517
499
  max-width: 388px;
@@ -611,75 +593,51 @@
611
593
  }
612
594
 
613
595
 
614
- .E_sx1bpnu {
615
- .ant-input-sm {
616
- line-height: 18px;
596
+ .E_d133fzv0 {
597
+ .ant-dropdown-menu-item-group {
598
+ .ant-dropdown-menu-item-group-title {
599
+ padding: 4px 8px 0 8px;
600
+ color: $text-light-secondary;
601
+ font-size: 12px;
602
+ }
603
+ .ant-dropdown-menu-item-group-list {
604
+ padding-bottom: 6px;
605
+ }
606
+ &:not(:first-child) {
607
+ padding-top: 4px;
608
+ border-top: 1px solid $strokes-light-trans-2;
609
+ }
617
610
  }
618
611
  }
619
612
 
620
613
 
621
- .E_phljevk {
622
- display: flex;
623
- justify-content: space-between;
624
- align-items: center;
625
- padding: 10px 0;
626
- color: $text-light-secondary;
627
- font-size: 12px;
628
- line-height: 24px;
629
-
630
- .pagination-left {
631
- padding: 2px 8px;
632
- }
633
-
634
- .dropdown-trigger {
635
- display: flex;
636
- align-items: center;
637
- border-radius: 6px;
638
- cursor: pointer;
639
- transition: all 0.3s ease;
640
-
641
- &:hover {
642
- background: $fills-interaction-light-general-hover;
643
- color: $text-light-general;
644
- }
645
- .icon-inner {
646
- margin-left: 4px;
647
- }
648
- }
614
+ .E_ccrbeuz {
615
+ .ant-collapse-item {
616
+ border: 0px;
617
+ background-color: $fills-light-white;
649
618
 
650
- .pagination-right {
651
- display: flex;
652
- align-items: center;
653
- color: $blue-60;
654
- font-weight: bold;
655
- .icon-inner {
656
- margin-left: 4px;
657
- }
658
- .prev-btn,
659
- .next-btn {
660
- padding: 0 8px;
661
- > span {
662
- color: $text-light-general;
619
+ .ant-collapse-header {
620
+ padding-top: 0px;
621
+ padding-bottom: 0px;
622
+ padding-left: 0px !important;
623
+ padding-right: 24px;
624
+ .ant-collapse-arrow {
625
+ right: 0px;
663
626
  }
664
627
  }
665
-
666
- .next-btn {
667
- .icon-inner {
668
- transform: rotate(180deg);
628
+ .ant-collapse-content {
629
+ .ant-collapse-content-box {
630
+ padding: 0px;
669
631
  }
670
632
  }
671
633
  }
672
634
  }
673
635
 
674
- .E_d12rtyeg {
675
- &.ant-dropdown .ant-dropdown-menu {
676
- max-height: calc(100vh - 128px);
677
- overflow-y: auto;
678
-
679
- .ant-dropdown-menu-item {
680
- padding: 4px 20px;
681
- font-size: 12px;
682
- line-height: 18px;
636
+ .E_c1fljvag {
637
+ .ant-collapse-item {
638
+ .ant-collapse-header {
639
+ padding-right: 0px;
640
+ cursor: default;
683
641
  }
684
642
  }
685
643
  }
@@ -740,38 +698,112 @@
740
698
  }
741
699
 
742
700
 
743
- .E_ccrbeuz {
744
- .ant-collapse-item {
745
- border: 0px;
746
- background-color: $fills-light-white;
701
+ .E_sx1bpnu {
702
+ .ant-input-sm {
703
+ line-height: 18px;
704
+ }
705
+ }
747
706
 
748
- .ant-collapse-header {
749
- padding-top: 0px;
750
- padding-bottom: 0px;
751
- padding-left: 0px !important;
752
- padding-right: 24px;
753
- .ant-collapse-arrow {
754
- right: 0px;
707
+
708
+ .E_phljevk {
709
+ display: flex;
710
+ justify-content: space-between;
711
+ align-items: center;
712
+ padding: 10px 0;
713
+ color: $text-light-secondary;
714
+ font-size: 12px;
715
+ line-height: 24px;
716
+
717
+ .pagination-left {
718
+ padding: 2px 8px;
719
+ }
720
+
721
+ .dropdown-trigger {
722
+ display: flex;
723
+ align-items: center;
724
+ border-radius: 6px;
725
+ cursor: pointer;
726
+ transition: all 0.3s ease;
727
+
728
+ &:hover {
729
+ background: $fills-interaction-light-general-hover;
730
+ color: $text-light-general;
731
+ }
732
+ .icon-inner {
733
+ margin-left: 4px;
734
+ }
735
+ }
736
+
737
+ .pagination-right {
738
+ display: flex;
739
+ align-items: center;
740
+ color: $blue-60;
741
+ font-weight: bold;
742
+ .icon-inner {
743
+ margin-left: 4px;
744
+ }
745
+ .prev-btn,
746
+ .next-btn {
747
+ padding: 0 8px;
748
+ > span {
749
+ color: $text-light-general;
755
750
  }
756
751
  }
757
- .ant-collapse-content {
758
- .ant-collapse-content-box {
759
- padding: 0px;
752
+
753
+ .next-btn {
754
+ .icon-inner {
755
+ transform: rotate(180deg);
760
756
  }
761
757
  }
762
758
  }
763
759
  }
764
760
 
765
- .E_c1fljvag {
766
- .ant-collapse-item {
767
- .ant-collapse-header {
768
- padding-right: 0px;
769
- cursor: default;
761
+ .E_d12rtyeg {
762
+ &.ant-dropdown .ant-dropdown-menu {
763
+ max-height: calc(100vh - 128px);
764
+ overflow-y: auto;
765
+
766
+ .ant-dropdown-menu-item {
767
+ padding: 4px 20px;
768
+ font-size: 12px;
769
+ line-height: 18px;
770
770
  }
771
771
  }
772
772
  }
773
773
 
774
774
 
775
+ .E_i11gg7mj {
776
+ .ant-input-prefix {
777
+ margin-right: 8px;
778
+ }
779
+ .ant-input-suffix {
780
+ margin-left: 8px;
781
+ }
782
+ }
783
+
784
+ .E_cc368xp {
785
+ color: $gray-120;
786
+ border-right: 1px solid $gray-a60-5;
787
+ margin-right: 8px;
788
+ padding-right: 8px;
789
+ }
790
+
791
+ .E_i11o6xqj {
792
+ display: flex;
793
+ gap: 4px;
794
+
795
+ .icon-wrapper {
796
+ cursor: pointer;
797
+ }
798
+ }
799
+
800
+ .E_d19ruhdj {
801
+ &.icon-wrapper {
802
+ cursor: not-allowed;
803
+ }
804
+ }
805
+
806
+
775
807
  .E_rapgekc {
776
808
  &.ant-radio-wrapper {
777
809
  display: inline-flex;
@@ -953,132 +985,150 @@
953
985
  }
954
986
 
955
987
 
956
- .E_i11gg7mj {
957
- .ant-input-prefix {
958
- margin-right: 8px;
959
- }
960
- .ant-input-suffix {
961
- margin-left: 8px;
962
- }
963
- }
964
-
965
- .E_cc368xp {
966
- color: $gray-120;
967
- border-right: 1px solid $gray-a60-5;
968
- margin-right: 8px;
969
- padding-right: 8px;
988
+ .E_iq1gosr {
989
+ display: inline-block;
970
990
  }
971
991
 
972
- .E_i11o6xqj {
973
- display: flex;
974
- gap: 4px;
975
-
976
- .icon-wrapper {
977
- cursor: pointer;
978
- }
979
- }
980
992
 
981
- .E_d19ruhdj {
982
- &.icon-wrapper {
983
- cursor: not-allowed;
993
+ .E_tju3gfj {
994
+ .date {
995
+ margin-right: 4px;
984
996
  }
985
997
  }
986
998
 
987
999
 
988
- .E_ivqqkzv {
989
- height: 24px;
990
- width: 56px !important;
991
- margin-right: 4px;
992
- }
993
-
994
- .E_c1wk4q29 {
995
- color: $text-secondary-light;
996
- }
997
-
998
-
999
- .E_c1bus5hc {
1000
- --color: white;
1001
- height: 14px;
1002
- width: 14px;
1003
- border-radius: 50%;
1004
- flex-shrink: 0;
1005
- display: flex;
1006
- align-items: center;
1007
- justify-content: center;
1008
- border: 1px solid var(--color);
1009
-
1010
- .circle-inner {
1011
- position: relative;
1012
- height: 10px;
1013
- width: 10px;
1014
- border-radius: 50%;
1015
- overflow: hidden;
1016
- }
1017
-
1018
- .circle-content {
1019
- position: absolute;
1020
- height: 100%;
1021
- width: 100%;
1022
- left: 0;
1023
- top: 0;
1024
- border-radius: 50%;
1025
- background: linear-gradient(to right, var(--color) 50%, white 50%);
1026
- transform: rotate(180deg);
1000
+ .E_t1m2x205 {
1001
+ .ant-tooltip-arrow {
1002
+ display: none;
1027
1003
  }
1028
-
1029
- .circle-child {
1030
- position: absolute;
1031
- height: 100%;
1032
- width: 100%;
1033
- left: 0;
1034
- top: 0;
1035
- margin-left: 50%;
1036
- transform-origin: left;
1037
- background: white;
1038
- transform: rotate(0deg);
1004
+ .ant-tooltip-inner {
1005
+ background: $gray-a80-9;
1006
+ border-radius: 4px;
1007
+ &:has(.eagle-ellipsis-content) {
1008
+ visibility: hidden;
1009
+ }
1039
1010
  }
1040
1011
  }
1041
1012
 
1042
1013
 
1043
- .E_tju3gfj {
1044
- .date {
1045
- margin-right: 4px;
1014
+ .E_s1sck0th {
1015
+ padding: 0 8px;
1016
+ border-radius: 4px;
1046
1017
  }
1047
- }
1048
1018
 
1049
-
1050
- .E_s1dizucg {
1051
- &.ant-switch {
1052
- min-width: 40px;
1053
- height: 24px;
1054
- background: $fills-trans-quinary-light;
1055
- overflow: hidden;
1056
- &:focus {
1057
- box-shadow: 0 0 0 2px $strokes-light-trans-1;
1058
- }
1059
- }
1060
- &.ant-switch-small {
1061
- min-width: 26px;
1062
- height: 16px;
1063
- }
1064
- &.ant-switch-large {
1065
- min-width: 52px;
1066
- height: 32px;
1019
+ .E_m855nr1 {
1020
+ padding: 2px 8px;
1021
+ border-radius: 3px;
1067
1022
  }
1068
1023
 
1069
- &.ant-switch .ant-switch-handle {
1070
- height: 20px;
1071
- width: 20px;
1072
- &::before {
1073
- border-radius: 10px;
1074
- transition-delay: 120ms;
1075
- }
1024
+ .E_l1270xpg {
1025
+ padding: 3px 8px;
1026
+ border-radius: 2px;
1076
1027
  }
1077
- &.ant-switch-small .ant-switch-handle {
1078
- height: 14px;
1079
- width: 14px;
1080
- top: 1px;
1081
- left: 1px;
1028
+
1029
+ .E_t14rextb {
1030
+ &.ant-tag:hover {
1031
+ opacity: unset;
1032
+ }
1033
+ &.ant-tag.ui-kit-token:not(.ant-tag-hidden) {
1034
+ margin: 0;
1035
+ margin-right: 8px;
1036
+ display: inline-flex;
1037
+ align-items: center;
1038
+ border: none;
1039
+ & .ant-tag-close-icon {
1040
+ width: 16px;
1041
+ height: 16px;
1042
+ color: inherit;
1043
+ margin-left: 4px;
1044
+ opacity: 0.6;
1045
+ display: inline-flex;
1046
+ &:hover {
1047
+ opacity: 1;
1048
+ }
1049
+ }
1050
+ &.ant-tag-blue {
1051
+ color: $fills-light-general-general;
1052
+ background-color: $fills-light-general-general-light;
1053
+ }
1054
+ &.ant-tag-red {
1055
+ color: $fills-light-serious-serious;
1056
+ background-color: $fills-light-serious-serious-light;
1057
+ }
1058
+ &.ant-tag-yellow {
1059
+ color: $fills-light-notice-notice-dark;
1060
+ background-color: $fills-light-notice-notice-light;
1061
+ }
1062
+ &.ant-tag-green {
1063
+ color: $fills-light-positive-positive-dark;
1064
+ background-color: $fills-light-positive-positive-light;
1065
+ }
1066
+ &.ant-tag-gray {
1067
+ color: $text-light-super;
1068
+ background-color: $fills-element-light-container-general;
1069
+ }
1070
+ &.ant-tag-purple {
1071
+ color: $text-colorful-purple;
1072
+ background-color: $fill-purple-light;
1073
+ }
1074
+
1075
+ &.ui-kit-token-checked {
1076
+ color: $text-light-on-tint;
1077
+ &.ant-tag-red {
1078
+ background-color: $fills-light-serious-serious;
1079
+ }
1080
+ &.ant-tag-yellow {
1081
+ background-color: $fills-light-notice-notice;
1082
+ }
1083
+ &.ant-tag-green {
1084
+ background-color: $fills-light-positive-positive;
1085
+ }
1086
+ &.ant-tag-blue {
1087
+ background-color: $fills-light-general-general;
1088
+ }
1089
+ &.ant-tag-gray {
1090
+ background-color: $gray-70;
1091
+ }
1092
+ &.ant-tag-purple {
1093
+ background-color: $fill-purple-base;
1094
+ }
1095
+ }
1096
+ }
1097
+ }
1098
+
1099
+
1100
+ .E_s1dizucg {
1101
+ &.ant-switch {
1102
+ min-width: 40px;
1103
+ height: 24px;
1104
+ background: $fills-trans-quinary-light;
1105
+ overflow: hidden;
1106
+ &:focus {
1107
+ box-shadow: 0 0 0 2px $strokes-light-trans-1;
1108
+ }
1109
+ }
1110
+ &.ant-switch-small {
1111
+ min-width: 26px;
1112
+ height: 16px;
1113
+ }
1114
+ &.ant-switch-large {
1115
+ min-width: 52px;
1116
+ height: 32px;
1117
+ }
1118
+
1119
+ &.ant-switch .ant-switch-handle {
1120
+ height: 20px;
1121
+ width: 20px;
1122
+ &::before {
1123
+ border-radius: 10px;
1124
+ transition-delay: 120ms;
1125
+ }
1126
+ }
1127
+ &.ant-switch-small .ant-switch-handle {
1128
+ height: 14px;
1129
+ width: 14px;
1130
+ top: 1px;
1131
+ left: 1px;
1082
1132
  }
1083
1133
  &.ant-switch-large .ant-switch-handle {
1084
1134
  height: 28px;
@@ -1107,19 +1157,16 @@
1107
1157
  }
1108
1158
 
1109
1159
 
1110
- .E_t1m2x205 {
1111
- .ant-tooltip-arrow {
1112
- display: none;
1113
- }
1114
- .ant-tooltip-inner {
1115
- background: $gray-a80-9;
1116
- border-radius: 4px;
1117
- &:has(.eagle-ellipsis-content) {
1118
- visibility: hidden;
1119
- }
1120
- }
1160
+ .E_ivqqkzv {
1161
+ height: 24px;
1162
+ width: 56px !important;
1163
+ margin-right: 4px;
1121
1164
  }
1122
1165
 
1166
+ .E_c1wk4q29 {
1167
+ color: $text-secondary-light;
1168
+ }
1169
+
1123
1170
 
1124
1171
  .E_s1dni7lo {
1125
1172
  width: 430px !important;
@@ -1210,124 +1257,72 @@
1210
1257
  }
1211
1258
 
1212
1259
 
1213
- .E_iq1gosr {
1214
- display: inline-block;
1215
- }
1216
-
1260
+ .E_c1bus5hc {
1261
+ --color: white;
1262
+ height: 14px;
1263
+ width: 14px;
1264
+ border-radius: 50%;
1265
+ flex-shrink: 0;
1266
+ display: flex;
1267
+ align-items: center;
1268
+ justify-content: center;
1269
+ border: 1px solid var(--color);
1217
1270
 
1218
- .E_s1sck0th {
1219
- padding: 0 8px;
1220
- border-radius: 4px;
1271
+ .circle-inner {
1272
+ position: relative;
1273
+ height: 10px;
1274
+ width: 10px;
1275
+ border-radius: 50%;
1276
+ overflow: hidden;
1221
1277
  }
1222
1278
 
1223
- .E_m855nr1 {
1224
- padding: 2px 8px;
1225
- border-radius: 3px;
1279
+ .circle-content {
1280
+ position: absolute;
1281
+ height: 100%;
1282
+ width: 100%;
1283
+ left: 0;
1284
+ top: 0;
1285
+ border-radius: 50%;
1286
+ background: linear-gradient(to right, var(--color) 50%, white 50%);
1287
+ transform: rotate(180deg);
1226
1288
  }
1227
1289
 
1228
- .E_l1270xpg {
1229
- padding: 3px 8px;
1230
- border-radius: 2px;
1290
+ .circle-child {
1291
+ position: absolute;
1292
+ height: 100%;
1293
+ width: 100%;
1294
+ left: 0;
1295
+ top: 0;
1296
+ margin-left: 50%;
1297
+ transform-origin: left;
1298
+ background: white;
1299
+ transform: rotate(0deg);
1231
1300
  }
1301
+ }
1232
1302
 
1233
- .E_t14rextb {
1234
- &.ant-tag:hover {
1235
- opacity: unset;
1236
- }
1237
- &.ant-tag.ui-kit-token:not(.ant-tag-hidden) {
1238
- margin: 0;
1239
- margin-right: 8px;
1240
- display: inline-flex;
1241
- align-items: center;
1242
- border: none;
1243
- & .ant-tag-close-icon {
1244
- width: 16px;
1245
- height: 16px;
1246
- color: inherit;
1247
- margin-left: 4px;
1248
- opacity: 0.6;
1249
- display: inline-flex;
1250
- &:hover {
1251
- opacity: 1;
1252
- }
1253
- }
1254
- &.ant-tag-blue {
1255
- color: $fills-light-general-general;
1256
- background-color: $fills-light-general-general-light;
1257
- }
1258
- &.ant-tag-red {
1259
- color: $fills-light-serious-serious;
1260
- background-color: $fills-light-serious-serious-light;
1261
- }
1262
- &.ant-tag-yellow {
1263
- color: $fills-light-notice-notice-dark;
1264
- background-color: $fills-light-notice-notice-light;
1265
- }
1266
- &.ant-tag-green {
1267
- color: $fills-light-positive-positive-dark;
1268
- background-color: $fills-light-positive-positive-light;
1269
- }
1270
- &.ant-tag-gray {
1271
- color: $text-light-super;
1272
- background-color: $fills-element-light-container-general;
1273
- }
1274
- &.ant-tag-purple {
1275
- color: $text-colorful-purple;
1276
- background-color: $fill-purple-light;
1277
- }
1278
1303
 
1279
- &.ui-kit-token-checked {
1280
- color: $text-light-on-tint;
1281
- &.ant-tag-red {
1282
- background-color: $fills-light-serious-serious;
1283
- }
1284
- &.ant-tag-yellow {
1285
- background-color: $fills-light-notice-notice;
1286
- }
1287
- &.ant-tag-green {
1288
- background-color: $fills-light-positive-positive;
1289
- }
1290
- &.ant-tag-blue {
1291
- background-color: $fills-light-general-general;
1292
- }
1293
- &.ant-tag-gray {
1294
- background-color: $gray-70;
1295
- }
1296
- &.ant-tag-purple {
1297
- background-color: $fill-purple-base;
1298
- }
1299
- }
1304
+ .E_fzh9mnb {
1305
+ width: 100%;
1306
+ height: 100%;
1307
+ min-height: 124px;
1308
+ display: flex;
1309
+ flex-direction: column;
1310
+ justify-content: center;
1311
+ align-items: center;
1312
+
1313
+ .error-text {
1314
+ color: $text-terdiary-light;
1315
+ margin-bottom: 16px;
1316
+ font-size: 18px;
1300
1317
  }
1301
1318
  }
1302
1319
 
1303
1320
 
1304
- .E_iouxfgt {
1305
- display: inline-flex;
1306
- align-items: center;
1307
-
1308
- .icon-inner {
1309
- display: inline-flex;
1310
- align-items: center;
1311
- justify-content: center;
1312
- }
1313
- .icon-inner + span,
1314
- span + .icon-inner.suffix {
1315
- margin-left: 4px;
1316
- }
1317
- &.is-rotate {
1318
- img,
1319
- svg {
1320
- animation: rotate 680ms linear infinite;
1321
- }
1322
- }
1323
- }
1324
-
1325
-
1326
- .E_f7pxqmh {
1327
- width: 100%;
1328
- margin-bottom: 0 !important;
1329
- flex-flow: nowrap !important;
1330
- line-break: auto;
1321
+ .E_f7pxqmh {
1322
+ width: 100%;
1323
+ margin-bottom: 0 !important;
1324
+ flex-flow: nowrap !important;
1325
+ line-break: auto;
1331
1326
 
1332
1327
  & > .ant-form-item-label {
1333
1328
  text-align: left !important;
@@ -1446,29 +1441,24 @@
1446
1441
  }
1447
1442
 
1448
1443
 
1449
- .E_fzh9mnb {
1450
- width: 100%;
1451
- height: 100%;
1452
- min-height: 124px;
1453
- display: flex;
1454
- flex-direction: column;
1455
- justify-content: center;
1444
+ .E_iouxfgt {
1445
+ display: inline-flex;
1456
1446
  align-items: center;
1457
1447
 
1458
- .error-text {
1459
- color: $text-terdiary-light;
1460
- margin-bottom: 16px;
1461
- font-size: 18px;
1448
+ .icon-inner {
1449
+ display: inline-flex;
1450
+ align-items: center;
1451
+ justify-content: center;
1462
1452
  }
1463
- }
1464
-
1465
-
1466
- .E_atcz0kf {
1467
- .ant-input-suffix {
1468
- margin-left: 8px;
1453
+ .icon-inner + span,
1454
+ span + .icon-inner.suffix {
1455
+ margin-left: 4px;
1469
1456
  }
1470
- &.ant-input-affix-wrapper.ant-input-affix-wrapper-sm {
1471
- padding: 2px 7px 2px 12px;
1457
+ &.is-rotate {
1458
+ img,
1459
+ svg {
1460
+ animation: rotate 680ms linear infinite;
1461
+ }
1472
1462
  }
1473
1463
  }
1474
1464
 
@@ -1510,6 +1500,16 @@
1510
1500
  }
1511
1501
 
1512
1502
 
1503
+ .E_atcz0kf {
1504
+ .ant-input-suffix {
1505
+ margin-left: 8px;
1506
+ }
1507
+ &.ant-input-affix-wrapper.ant-input-affix-wrapper-sm {
1508
+ padding: 2px 7px 2px 12px;
1509
+ }
1510
+ }
1511
+
1512
+
1513
1513
  .E_i1inqkme {
1514
1514
  height: 18px;
1515
1515
  line-height: 18px;
@@ -1524,8 +1524,13 @@
1524
1524
  }
1525
1525
 
1526
1526
 
1527
- .E_m196gn1d {
1528
- min-width: 1280px;
1527
+ .E_owd0kml {
1528
+ display: inline-block;
1529
+ }
1530
+
1531
+ .E_h1jsgezc {
1532
+ visibility: hidden;
1533
+ position: absolute;
1529
1534
  }
1530
1535
 
1531
1536
 
@@ -2342,53 +2347,6 @@
2342
2347
  }
2343
2348
 
2344
2349
 
2345
- .E_a1b5xrg3 {
2346
- .user-icon-inner {
2347
- display: inline-flex;
2348
- align-items: center;
2349
- justify-content: center;
2350
- color: $white;
2351
- font-weight: bold;
2352
- font-size: 12px;
2353
- width: 24px;
2354
- height: 24px;
2355
- border-radius: 50%;
2356
- background: var(--a1b5xrg3-0);
2357
- }
2358
- &.btn-item {
2359
- transition: all 160ms ease;
2360
- cursor: pointer;
2361
- width: 56px;
2362
- height: 40px;
2363
- display: inline-flex;
2364
- align-items: center;
2365
- justify-content: center;
2366
- border-radius: 6px;
2367
-
2368
- &:hover {
2369
- box-shadow:
2370
- 0px 0px 20px rgba(107, 125, 153, 0.18),
2371
- 0px 25px 80px rgba(45, 58, 86, 0.3);
2372
- }
2373
-
2374
- &:active {
2375
- transform: translateY(2px);
2376
- transition: all 320ms ease;
2377
- }
2378
- }
2379
- }
2380
-
2381
-
2382
- .E_owd0kml {
2383
- display: inline-block;
2384
- }
2385
-
2386
- .E_h1jsgezc {
2387
- visibility: hidden;
2388
- position: absolute;
2389
- }
2390
-
2391
-
2392
2350
  .E_dsnbhzf {
2393
2351
  @include Inter(bold);
2394
2352
  font-size: 32px;
@@ -2743,6 +2701,48 @@
2743
2701
  }
2744
2702
 
2745
2703
 
2704
+ .E_a1b5xrg3 {
2705
+ .user-icon-inner {
2706
+ display: inline-flex;
2707
+ align-items: center;
2708
+ justify-content: center;
2709
+ color: $white;
2710
+ font-weight: bold;
2711
+ font-size: 12px;
2712
+ width: 24px;
2713
+ height: 24px;
2714
+ border-radius: 50%;
2715
+ background: var(--a1b5xrg3-0);
2716
+ }
2717
+ &.btn-item {
2718
+ transition: all 160ms ease;
2719
+ cursor: pointer;
2720
+ width: 56px;
2721
+ height: 40px;
2722
+ display: inline-flex;
2723
+ align-items: center;
2724
+ justify-content: center;
2725
+ border-radius: 6px;
2726
+
2727
+ &:hover {
2728
+ box-shadow:
2729
+ 0px 0px 20px rgba(107, 125, 153, 0.18),
2730
+ 0px 25px 80px rgba(45, 58, 86, 0.3);
2731
+ }
2732
+
2733
+ &:active {
2734
+ transform: translateY(2px);
2735
+ transition: all 320ms ease;
2736
+ }
2737
+ }
2738
+ }
2739
+
2740
+
2741
+ .E_m196gn1d {
2742
+ min-width: 1280px;
2743
+ }
2744
+
2745
+
2746
2746
  .E_s17wv897 {
2747
2747
  &.ant-select,
2748
2748
  &.ant-select div.ant-select-selector {
@@ -3046,6 +3046,22 @@
3046
3046
  }
3047
3047
 
3048
3048
 
3049
+ .E_w1dxz879 {
3050
+ display: flex;
3051
+ flex-direction: column;
3052
+ gap: 6px;
3053
+ .ellipsis-tooltip {
3054
+ max-height: var(--w1dxz879-0);
3055
+ text-overflow: clip;
3056
+ overflow: hidden;
3057
+ }
3058
+ .tips {
3059
+ color: #fff;
3060
+ opacity: 0.8;
3061
+ }
3062
+ }
3063
+
3064
+
3049
3065
  .E_oa99sl3 {
3050
3066
  display: flex;
3051
3067
  justify-content: space-between;
@@ -3074,18 +3090,19 @@
3074
3090
  }
3075
3091
 
3076
3092
 
3077
- .E_w1dxz879 {
3093
+ .E_ryby9ds {
3078
3094
  display: flex;
3079
- flex-direction: column;
3080
- gap: 6px;
3081
- .ellipsis-tooltip {
3082
- max-height: var(--w1dxz879-0);
3083
- text-overflow: clip;
3084
- overflow: hidden;
3085
- }
3086
- .tips {
3087
- color: #fff;
3088
- opacity: 0.8;
3095
+ align-items: center;
3096
+ .order {
3097
+ height: 24px;
3098
+ width: 24px;
3099
+ border-radius: 20px;
3100
+ color: $text-light-general;
3101
+ background: $fill-light-element-container-outstanding;
3102
+ display: flex;
3103
+ align-items: center;
3104
+ justify-content: center;
3105
+ margin-right: 6px;
3089
3106
  }
3090
3107
  }
3091
3108
 
@@ -3106,23 +3123,6 @@
3106
3123
  }
3107
3124
 
3108
3125
 
3109
- .E_ryby9ds {
3110
- display: flex;
3111
- align-items: center;
3112
- .order {
3113
- height: 24px;
3114
- width: 24px;
3115
- border-radius: 20px;
3116
- color: $text-light-general;
3117
- background: $fill-light-element-container-outstanding;
3118
- display: flex;
3119
- align-items: center;
3120
- justify-content: center;
3121
- margin-right: 6px;
3122
- }
3123
- }
3124
-
3125
-
3126
3126
  .E_hrhfj7c {
3127
3127
  display: none;
3128
3128
  }
@@ -3644,19 +3644,6 @@
3644
3644
  }
3645
3645
 
3646
3646
 
3647
- .E_ckui4s7 {
3648
- color: $text-primary-light;
3649
- line-height: 22px;
3650
- display: inline-flex;
3651
- .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; } } }
3652
- }
3653
-
3654
-
3655
- .E_c1yd35n {
3656
- padding: 0 12px 14px 12px;
3657
- }
3658
-
3659
-
3660
3647
  .E_c1kghdax {
3661
3648
  color: $text-primary-light;
3662
3649
  padding: 7px 12px;
@@ -3705,6 +3692,19 @@
3705
3692
  }
3706
3693
 
3707
3694
 
3695
+ .E_c1yd35n {
3696
+ padding: 0 12px 14px 12px;
3697
+ }
3698
+
3699
+
3700
+ .E_ckui4s7 {
3701
+ color: $text-primary-light;
3702
+ line-height: 22px;
3703
+ display: inline-flex;
3704
+ .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; } } }
3705
+ }
3706
+
3707
+
3708
3708
  .E_b14q2gmw {
3709
3709
  box-shadow: 0px 0.119595px 0.438513px rgba(129, 138, 153, 0.14),
3710
3710
  0px 0.271728px 0.996336px rgba(129, 138, 153, 0.106447),
@@ -3788,561 +3788,437 @@
3788
3788
  }
3789
3789
 
3790
3790
 
3791
- .E_sjob3jg {
3792
- $item: ant-steps-item;
3793
- --item-min-width: 60px;
3794
- .#{$item} {
3795
- &-tail,
3796
- &-icon {
3797
- display: none !important;
3798
- }
3799
- }
3800
- .#{$item}.#{$item}-active {
3801
- flex-shrink: 0 !important;
3802
- .step-item-prefix-container {
3803
- color: $text-colorful-outstanding;
3804
- }
3805
- .#{$item}-container .#{$item}-content .#{$item}-title {
3806
- color: $text-colorful-outstanding;
3807
- font-weight: normal;
3808
- }
3791
+ .E_tc97u5y {
3792
+ height: 100%;
3793
+ }
3794
+
3795
+ .E_efzf37v {
3796
+ .ant-table-content,
3797
+ .ant-table-body {
3798
+ overflow: visible !important;
3799
+ height: 100%;
3809
3800
  }
3810
- .#{$item}.#{$item}-finish {
3811
- .#{$item}-container .#{$item}-content .#{$item}-title,
3812
- & .#{$item}-container:hover .#{$item}-content .#{$item}-title {
3813
- color: $text-neutral-tertiary;
3814
- }
3801
+
3802
+ .ant-table-tbody .ant-table-placeholder td {
3803
+ height: 100%;
3815
3804
  }
3816
- .#{$item}.#{$item}-wait {
3817
- .#{$item}-container .#{$item}-content .#{$item}-title {
3818
- color: $text-neutral-primary;
3805
+
3806
+ table {
3807
+ width: 100% !important;
3808
+ height: 100%;
3809
+ .ant-table-placeholder .ant-table-expanded-row-fixed {
3810
+ padding: 15px 0;
3819
3811
  }
3820
3812
  }
3821
- .step-item-text {
3822
- display: inline-block;
3823
- }
3824
- .step-item-title {
3825
- overflow: hidden;
3826
- white-space: nowrap;
3827
- text-overflow: ellipsis;
3813
+
3814
+ table thead.ant-table-thead {
3815
+ display: none;
3828
3816
  }
3829
3817
  }
3830
3818
 
3831
- .E_hjvj6s6 {
3832
- $item: ant-steps-item;
3833
- @mixin rightTriangle($color: $fills-light-trans-1) {
3834
- content: "";
3835
- width: 0;
3836
- height: 0;
3837
- border: 13px solid transparent;
3838
- position: absolute;
3839
- top: 0;
3840
- border-left: 8px solid $color;
3819
+ .E_t1fisho6 {
3820
+ height: 100%;
3821
+
3822
+ .ant-table.ant-table-small .ant-table-tbody > tr > td {
3823
+ padding-top: 6px;
3824
+ padding-bottom: 6px;
3841
3825
  }
3842
- .#{$item}-container {
3843
- min-width: var(--item-min-width);
3826
+
3827
+ .active-row td:nth-child(1) {
3828
+ font-weight: 700;
3844
3829
  }
3845
- .#{$item}-disabled {
3846
- cursor: not-allowed !important;
3830
+ &.has-selection .active-row td:nth-child(2) {
3831
+ font-weight: 700;
3847
3832
  }
3848
- .ant-steps-horizontal.ant-steps-label-horizontal {
3849
- flex-direction: row;
3850
- justify-content: stretch;
3851
- .#{$item} {
3852
- padding: 0;
3853
- margin-right: 4px;
3854
- flex: 1;
3833
+
3834
+ .ant-spin-nested-loading {
3835
+ height: 100%;
3836
+
3837
+ .ant-spin-container {
3838
+ height: 100%;
3855
3839
  overflow: visible;
3856
- .#{$item}-content {
3857
- width: 100%;
3858
- min-height: unset;
3859
- .#{$item}-title {
3860
- height: 26px;
3861
- line-height: 26px;
3862
- width: 100%;
3863
- padding: 0;
3864
- font-size: 12px;
3865
- .step-count {
3866
- margin-right: 10px;
3867
- }
3868
- &::after {
3869
- display: none;
3870
- }
3871
- }
3872
- }
3873
- &:first-child {
3874
- .#{$item}-container {
3875
- padding-left: 8px;
3876
- padding-right: 4px;
3877
- border-radius: 4px 0 0 4px;
3878
- }
3879
- }
3880
- &:last-child {
3881
- margin-right: 0;
3882
- .#{$item}-container {
3883
- padding-right: 8px;
3884
- padding-left: 12px;
3885
- border-radius: 0 4px 4px 0;
3886
- }
3887
- }
3888
- &:not(&:last-child) {
3889
- &::after {
3890
- @include rightTriangle();
3891
- z-index: 2;
3892
- position: relative;
3893
- top: -50%;
3894
- right: -100%;
3895
- }
3896
- }
3897
- &:not(:first-child):not(:last-child) {
3898
- .#{$item}-container {
3899
- padding: 0 4px 0 12px;
3900
- }
3901
- }
3902
- &:not(&:first-child) {
3903
- &::before {
3904
- @include rightTriangle(#fff);
3905
- left: 0;
3906
- }
3907
- }
3908
- }
3909
- .#{$item}-active {
3910
- max-width: calc(100% - var(--item-min-width) * 2);
3911
- .#{$item}-container {
3912
- background-color: $fills-light-general-general-light;
3913
- }
3914
- &::after {
3915
- border-left-color: $fills-light-general-general-light !important;
3916
- }
3917
- }
3918
- .#{$item}-finish {
3919
- cursor: pointer;
3920
- min-width: var(--item-min-width);
3921
3840
  }
3922
- .#{$item}-wait,
3923
- .#{$item}-finish {
3924
- min-width: var(--item-min-width);
3925
- .#{$item}-container {
3926
- background-color: $fills-light-trans-1;
3927
- }
3841
+ .ant-spin {
3842
+ max-height: none;
3928
3843
  }
3929
3844
  }
3930
- .ant-steps:not(.ant-steps-dot):not(.ant-steps-navigation):not(
3931
- .ant-steps-vertical
3932
- )
3933
- .#{$item} {
3934
- padding: 0;
3935
- }
3936
- }
3937
3845
 
3938
- .E_v4tv3mf {
3939
- $item: ant-steps-item;
3940
- .ant-steps.ant-steps-vertical {
3941
- width: 192px;
3942
- row-gap: 2px;
3846
+ td.ant-table-column-sort {
3847
+ background: transparent;
3848
+ }
3943
3849
 
3944
- .preview-mode:not(.#{$item}-active) .#{$item}-container {
3945
- &:hover {
3946
- background-color: $fill-neutral-trans-2;
3947
- }
3948
- .#{$item}-title {
3949
- color: $text-neutral-primary !important;
3950
- }
3951
- }
3952
- .#{$item}:not(.#{$item}-active):not(.#{$item}-disabled)
3953
- .#{$item}-container:hover {
3954
- background-color: $fill-neutral-trans-2;
3955
- }
3956
- .#{$item}-container {
3957
- padding: 0 8px;
3958
- border-radius: 4px;
3959
- height: 32px;
3850
+ td.ant-table-cell-fix-left,
3851
+ td.ant-table-cell-fix-right {
3852
+ background: #fff;
3853
+ padding: 0 !important;
3854
+ .ant-table-cell-content {
3960
3855
  display: flex;
3961
3856
  align-items: center;
3962
- .#{$item}-content {
3963
- min-height: auto;
3964
- white-space: nowrap;
3965
- & .ant-steps-item-title {
3966
- font-size: 13px;
3967
- line-height: 20px;
3968
- max-width: 100%;
3969
- padding-right: 0;
3970
- }
3971
- }
3972
- }
3973
- .#{$item}-active {
3974
- .ant-steps-item-container {
3975
- background: rgba($blue-60, 0.1);
3857
+ height: 100%;
3858
+ padding: 8px;
3859
+ > span {
3860
+ overflow: hidden;
3861
+ text-overflow: ellipsis;
3862
+ width: 100%;
3976
3863
  }
3977
3864
  }
3978
3865
  }
3979
- }
3980
-
3981
- .E_h6l1tj4 {
3982
- width: 100%;
3983
- display: inline-flex;
3984
- align-items: center;
3985
- justify-content: center;
3986
- column-gap: 4px;
3987
- .step-item-prefix-container {
3988
- display: inline-flex;
3989
- align-items: center;
3990
- width: 18px;
3991
- height: 18px;
3992
- color: $gray-a75-8;
3993
- justify-content: center;
3994
- }
3995
- }
3996
3866
 
3997
- .E_v18frne8 {
3998
- width: 100%;
3999
- display: flex;
4000
- align-items: center;
4001
- justify-content: center;
4002
- column-gap: 6px;
4003
- font-size: 13px;
4004
- .step-item-prefix-container {
4005
- display: inline-flex;
4006
- align-items: center;
4007
- min-width: 20px;
4008
- min-height: 20px;
4009
- color: $gray-a75-8;
4010
- justify-content: center;
3867
+ .ant-table-container {
3868
+ height: 100%;
3869
+ &::before,
3870
+ &::after {
3871
+ box-shadow: none !important;
3872
+ }
4011
3873
  }
4012
- }
4013
-
4014
-
4015
- .E_w7ob4th {
4016
- &.outside-tag {
4017
- padding-left: 0;
4018
- .inside-tag {
4019
- border-radius: 4px 0 0 4px;
4020
- padding-right: 4px;
4021
- margin-right: 4px;
4022
- }
4023
- }
4024
- }
4025
3874
 
3875
+ div.ant-table {
3876
+ $columnAlignRightPaddingRight: 25px;
3877
+ border-radius: 0px;
3878
+ border-left: none;
3879
+ border-right: none;
3880
+ border-bottom: none;
3881
+ height: 100%;
3882
+ font-size: 12px;
3883
+ background: transparent;
4026
3884
 
4027
- .E_t1dtlqs1 {
4028
- margin-bottom: 4px;
4029
- color: $text-secondary-light;
4030
- }
3885
+ .ant-table-header {
3886
+ position: relative;
3887
+ z-index: $table-header-index;
3888
+ border-bottom: 1px solid $strokes-light-trans-2;
3889
+ margin-bottom: -1px;
3890
+ }
4031
3891
 
4032
- .E_s1ese5oy {
4033
- color: rgba(44, 56, 82, 0.6);
4034
- line-height: 32px;
4035
- height: 32px;
4036
- margin-bottom: 0;
4037
- &.primary,
4038
- &.info {
4039
- color: $text-light-general;
4040
- }
4041
- &.warning {
4042
- color: #ffa500;
4043
- }
4044
- &.success {
4045
- color: $text-light-positive;
4046
- }
4047
- &.danger,
4048
- &.error {
4049
- color: $text-light-serious;
4050
- }
4051
- &.normal {
4052
- color: $text-secondary-light;
4053
- }
4054
- }
3892
+ .time-wrapper .date,
3893
+ .value {
3894
+ color: $text-primary-light;
3895
+ }
4055
3896
 
4056
- .E_b1ibis43 {
4057
- margin-bottom: 0;
4058
- color: $text-light-primary;
4059
- }
3897
+ .time-wrapper .time,
3898
+ .unit {
3899
+ color: $text-secondary-light;
3900
+ }
4060
3901
 
4061
- .E_b11xxjd2 {
4062
- line-height: 32px;
4063
- margin-right: 6px;
4064
- }
3902
+ .ant-table-selection {
3903
+ position: unset;
3904
+ text-align: center;
3905
+ }
4065
3906
 
4066
- .E_bsub5bw {
4067
- &.with-description {
4068
- height: 24px;
4069
- flex: 1;
4070
- position: relative;
4071
- top: -7px;
4072
- }
4073
- p {
4074
- width: 100%;
4075
- overflow: hidden;
4076
- text-overflow: ellipsis;
4077
- white-space: nowrap;
4078
- }
4079
- }
3907
+ .ant-table-tbody > tr.ant-table-row-selected td {
3908
+ background: $white;
3909
+ }
4080
3910
 
4081
- .E_tmoyoag {
4082
- border: 1px solid $strokes-light-trans-2;
4083
- border-radius: 8px;
4084
- overflow: auto;
4085
- .ant-list {
4086
- position: relative;
4087
- .ant-list-item:last-child {
4088
- border-bottom: none;
3911
+ .anticon-setting {
3912
+ cursor: pointer;
3913
+ position: absolute;
3914
+ top: 50%;
3915
+ right: 12px;
3916
+ transform: translateY(-50%);
4089
3917
  }
4090
- .eagle-table-form-header {
4091
- position: sticky;
4092
- top: 0;
4093
- z-index: $eagle-table-form-header-index;
4094
- display: flex;
4095
- padding: 8px;
4096
- & {
4097
- align-items: inherit;
3918
+
3919
+ &.ant-table-ping-left {
3920
+ .ant-table-cell-fix-left-last::after {
3921
+ box-shadow: none;
3922
+ width: 1px;
3923
+ background: rgba(213, 219, 227, 0.6);
4098
3924
  }
4099
- flex-wrap: nowrap;
4100
- justify-content: flex-start;
4101
- background: $fills-light-opaque-1;
4102
- font-size: 14px;
4103
- color: $text-secondary-light;
4104
- border-bottom: 1px solid $fills-light-trans-2;
4105
- }
4106
- .eagle-table-form-header .eagle-table-form-cell > p {
4107
- margin-bottom: 0;
4108
3925
  }
4109
- .eagle-table-form-row {
4110
- display: flex;
4111
- justify-content: flex-start;
4112
- align-items: flex-start;
4113
- flex-wrap: wrap;
4114
- padding: 8px;
4115
- border: none;
4116
- .row-description {
4117
- flex-basis: 100%;
4118
- margin: 12px 0 0;
4119
- order: 99;
4120
- color: $text-secondary-light;
4121
- }
4122
- .row-error-message {
4123
- color: $text-light-serious;
4124
- flex-basis: 100%;
4125
- order: 98;
4126
- margin: 12px 0 0;
4127
- }
4128
- &:hover {
4129
- background-color: $fills-light-trans-1;
4130
- }
4131
- &.isDragging {
4132
- background-color: $fills-light-general-general-light;
3926
+
3927
+ &.ant-table-ping-right {
3928
+ .ant-table-cell-fix-right-first::after {
3929
+ box-shadow: none;
3930
+ width: 1px;
3931
+ background: rgba(213, 219, 227, 0.6);
4133
3932
  }
4134
3933
  }
4135
- .eagle-table-form-cell {
4136
- flex: 1 0 0;
4137
- overflow: hidden;
4138
- .cell-description {
4139
- color: $text-secondary-light;
4140
- margin: 0;
4141
- }
4142
3934
 
4143
- @mixin text-align-style($align-position) {
4144
- & > * {
4145
- text-align: $align-position;
4146
- }
4147
- .ant-form-item-control-input-content {
4148
- &,
4149
- & > * {
4150
- text-align: $align-position;
3935
+ .ant-table-tbody {
3936
+ position: relative;
3937
+ .ant-table-row {
3938
+ td {
3939
+ border-top: 1px solid $strokes-light-trans-2;
3940
+ border-bottom: 1px solid white;
3941
+ height: 40px;
3942
+ vertical-align: middle;
3943
+ transition: background 0ms;
3944
+ color: $gray-120;
3945
+
3946
+ &.header-hover {
3947
+ background: $fills-light-opaque-1;
3948
+ border-bottom-color: $fills-light-opaque-1;
4151
3949
  }
4152
- }
4153
- }
4154
3950
 
4155
- &.align-center {
4156
- @include text-align-style(center);
4157
- }
4158
- &.align-left {
4159
- @include text-align-style(left);
4160
- }
4161
- &.align-right {
4162
- @include text-align-style(right);
4163
- }
3951
+ .ant-btn.ant-btn-link {
3952
+ height: auto;
3953
+ color: $gray-120;
3954
+ font-size: 12px;
3955
+ text-align: left;
3956
+ transition: none;
3957
+ overflow: hidden;
3958
+ text-overflow: ellipsis;
3959
+ white-space: nowrap;
4164
3960
 
4165
- &:not(:last-of-type) {
4166
- margin-right: 8px;
4167
- }
4168
- }
4169
- .ant-list-item-action {
4170
- padding: 4px;
4171
- width: 24px;
4172
- height: 24px;
4173
- overflow: hidden;
4174
- li {
4175
- padding: 0;
4176
- }
4177
- }
4178
- .delete-row-icon.disabled {
4179
- cursor: not-allowed;
4180
- opacity: 0.5;
4181
- }
4182
- &.size-default {
4183
- .ant-list-item-action {
4184
- margin: 0;
4185
- }
4186
- .eagle-table-form-cell {
4187
- .ant-input,
4188
- .ant-select-selector {
4189
- border-radius: 5px;
4190
- font-size: 12px;
4191
- }
4192
- .ant-input-affix-wrapper {
4193
- font-size: inherit;
4194
- }
3961
+ &:hover {
3962
+ color: $blue;
3963
+ }
4195
3964
 
4196
- .ant-form-item-control-input {
4197
- min-height: 24px;
4198
- font-size: 12px;
4199
- position: relative;
3965
+ > span {
3966
+ overflow: hidden;
3967
+ text-overflow: ellipsis;
3968
+ width: 100%;
3969
+ vertical-align: middle;
3970
+ }
3971
+ }
3972
+
3973
+ &.cell_status {
3974
+ line-height: 0px;
3975
+ }
3976
+ &.align-right {
3977
+ padding-right: $columnAlignRightPaddingRight;
3978
+ }
4200
3979
  }
4201
- }
4202
- }
4203
- }
4204
- &.row-split-by-border {
4205
- .eagle-table-form-row {
4206
- border-bottom: 1px solid $fills-light-trans-2;
4207
- }
4208
- }
4209
- &.row-split-by-zebraMarking {
4210
- .draggable-container {
4211
- & > :nth-child(2n) {
4212
- background-color: $fills-trans-primary-light;
4213
- }
4214
- }
4215
- }
4216
- }
4217
-
4218
- .E_a138syjm {
4219
- display: flex;
4220
- align-items: center;
4221
- margin-top: 8px;
4222
- button.ant-btn {
4223
- padding: 2px 8px;
4224
- height: 24px;
4225
- }
4226
- & > span.maximum-desc {
4227
- display: none;
4228
- margin-left: 8px;
4229
- color: $text-secondary-light;
4230
- &.disabled {
4231
- display: inline;
4232
- }
4233
- }
4234
- }
4235
-
4236
- .E_d77i8u0 {
4237
- width: 24px;
4238
- height: 24px;
4239
- padding: 4px;
4240
- margin-right: 8px;
4241
- }
4242
-
4243
-
4244
- .E_slr2ynn {
4245
- padding: 0 8px;
4246
- height: 18px;
4247
- }
4248
-
4249
- .E_m140wbb6 {
4250
- padding: 2px 8px;
4251
- height: 24px;
4252
- }
4253
3980
 
4254
- .E_t1fozc1i {
4255
- margin: 0;
4256
- }
3981
+ &:hover {
3982
+ & + tr td {
3983
+ border-top-color: transparent;
3984
+ }
3985
+ td {
3986
+ background: $fills-trans-secondary-light;
3987
+ border-color: transparent transparent white;
4257
3988
 
4258
- .E_i1vxv4ln {
4259
- margin-right: 4px;
4260
- height: 16px;
4261
- }
3989
+ &:first-child {
3990
+ border-radius: 8px 0 0 8px;
3991
+ .ant-table-cell-content {
3992
+ border-radius: 8px 0 0 8px;
3993
+ }
3994
+ &::before {
3995
+ content: "";
3996
+ width: 4px;
3997
+ top: -1px;
3998
+ bottom: -1px;
3999
+ background: white;
4000
+ }
4001
+ }
4002
+ &:last-child {
4003
+ border-radius: 0 8px 8px 0;
4004
+ }
4005
+ &:last-child.cell__action_ {
4006
+ border-radius: 0;
4007
+ background: white;
4008
+ border-top: none;
4262
4009
 
4263
- .E_n1afl31m {
4264
- &.ant-tag.ant-tag-gray {
4265
- font-weight: 700;
4266
- color: $text-neutral-primary;
4267
- background-color: $fill-neutral-trans-1;
4268
- border: 1px solid $stroke-neutral-trans-2;
4269
- word-break: break-all;
4270
- display: inline;
4271
- white-space: normal;
4272
- }
4273
- }
4010
+ > * {
4011
+ border-top: 1px solid transparent;
4012
+ border-radius: 0 8px 8px 0;
4013
+ background: $fills-trans-secondary-light;
4014
+ }
4015
+ }
4016
+ &.ant-table-cell-fix-right {
4017
+ background: white;
4018
+ border-top: 1px solid rgba(211, 218, 235, 0.6);
4019
+ .ant-table-cell-content {
4020
+ display: flex;
4021
+ align-items: center;
4022
+ height: 100%;
4023
+ background: $fills-trans-secondary-light;
4024
+ }
4025
+ }
4274
4026
 
4027
+ &.ant-table-cell-fix-left {
4028
+ background: white;
4029
+ border-top: 1px solid rgba(211, 218, 235, 0.6);
4030
+ .ant-table-cell-content {
4031
+ display: flex;
4032
+ align-items: center;
4033
+ height: 100%;
4034
+ background: $fills-trans-secondary-light;
4035
+ }
4036
+ }
4037
+ }
4038
+ }
4275
4039
 
4276
- .E_i1g85yz3 {
4277
- margin-right: 4px;
4278
- height: 16px;
4279
- }
4040
+ &:last-child td {
4041
+ border-bottom: 1px solid $strokes-light-trans-2;
4042
+ }
4280
4043
 
4044
+ &.active-row {
4045
+ box-shadow: inset 0px 0px 0 2px $blue-a10;
4046
+ border-radius: 8px;
4281
4047
 
4282
- .E_l48ei06 {
4283
- @at-root {
4284
- button#{&}.ant-btn,
4285
- button#{&}.ant-btn.ant-btn-sm,
4286
- button#{&}.ant-btn.ant-btn-lg {
4287
- font-size: 12px;
4288
- line-height: 18px;
4289
- height: 18px;
4290
- }
4291
- button#{&} {
4292
- color: #0080FF;
4293
- height: unset;
4294
- .button-prefix-icon {
4295
- margin-right: 4px;
4296
- }
4297
- .button-suffix-icon {
4298
- margin-left: 4px;
4299
- }
4048
+ & + tr td {
4049
+ border-top-color: white;
4050
+ }
4051
+ td {
4052
+ background: $blue-a10;
4053
+ border-bottom-color: transparent;
4054
+ border-top-color: transparent;
4300
4055
 
4301
- &:hover,
4302
- &.__pseudo-states-hover {
4303
- color: #009DFF;
4056
+ &:first-child {
4057
+ border-radius: 8px 0 0 8px;
4058
+ }
4059
+ &:last-child {
4060
+ border-radius: 0 8px 8px 0;
4061
+ }
4062
+ &:hover {
4063
+ background: $blue-a10;
4064
+ }
4065
+ }
4066
+ }
4304
4067
  }
4068
+ }
4305
4069
 
4306
- &:active,
4307
- &.__pseudo-states-active {
4308
- color: #005ED1;
4309
- }
4310
- &.ui-kit-link-disabled {
4311
- color: #0080FF;
4312
- }
4313
- &.ui-kit-link-primary {
4314
- color: #00122E;
4070
+ .ant-table-thead {
4071
+ > tr > th {
4072
+ background: $white;
4073
+ font-weight: 400;
4074
+ position: relative;
4075
+ border-bottom: none;
4076
+ color: $gray-120;
4077
+ transition: none;
4078
+ padding: 14px 8px 14px 8px;
4079
+ line-height: 20px;
4315
4080
 
4316
- &:hover,
4317
- &.__pseudo-states-hover {
4318
- color: #0080FF;
4081
+ &:not(:last-child):after {
4082
+ content: "";
4083
+ width: 1px;
4084
+ top: 0;
4085
+ bottom: 0;
4086
+ background: $strokes-light-trans-2;
4087
+ position: absolute;
4088
+ right: 0;
4319
4089
  }
4320
4090
 
4321
- &:active,
4322
- &.__pseudo-states-active {
4323
- color: #005ED1;
4091
+ &.is-blank {
4092
+ padding: unset;
4093
+
4094
+ &:after {
4095
+ display: none;
4096
+ }
4324
4097
  }
4325
4098
 
4326
- &.ui-kit-link-disabled {
4327
- color: #00122E;
4099
+ &.ant-table-cell-ellipsis.ant-table-column-has-sorters
4100
+ .ant-table-column-sorters {
4101
+ width: 100%;
4102
+ overflow: hidden;
4103
+ white-space: nowrap;
4104
+ text-overflow: ellipsis;
4105
+ > span {
4106
+ overflow: hidden;
4107
+ text-overflow: ellipsis;
4108
+ flex: 1;
4109
+ }
4328
4110
  }
4329
- }
4330
4111
 
4331
- &.ui-kit-link-secondary {
4332
- color: #2C3852BF;
4112
+ &.ant-table-column-has-sorters {
4113
+ padding: 15px $columnAlignRightPaddingRight 15px 8px;
4333
4114
 
4334
- &:hover,
4335
- &.__pseudo-states-hover {
4336
- color: #0080FF;
4337
- }
4115
+ .ant-table-column-sorters {
4116
+ padding: 0;
4117
+ .order-icon {
4118
+ position: absolute;
4119
+ right: 6px;
4120
+ top: 50%;
4121
+ transform: translateY(-50%);
4122
+ height: 16px;
4123
+ display: none;
4124
+ transition: transform 320ms ease;
4338
4125
 
4339
- &:active,
4340
- &.__pseudo-states-active {
4341
- color: #005ED1;
4126
+ &.descend {
4127
+ display: block;
4128
+ transform: translateY(-50%) rotateX(180deg);
4129
+ }
4130
+ &.ascend {
4131
+ display: block;
4132
+ }
4133
+ }
4134
+ }
4135
+ .ant-table-column-sorter {
4136
+ display: none;
4137
+ }
4342
4138
  }
4343
4139
 
4344
- &.ui-kit-link-disabled {
4345
- color: #2C3852BF;
4140
+ &:active {
4141
+ .ant-table-column-sorters .order-icon {
4142
+ &.descend {
4143
+ transform: translateY(-50%);
4144
+ }
4145
+ &.ascend {
4146
+ transform: translateY(-50%) rotateX(180deg);
4147
+ }
4148
+ }
4149
+ }
4150
+
4151
+ &:hover:not(.is-blank) {
4152
+ background: $fills-light-opaque-1;
4153
+ .ant-table-column-sorters .order-icon {
4154
+ display: block;
4155
+ }
4156
+ }
4157
+ &.align-right {
4158
+ padding-right: $columnAlignRightPaddingRight;
4159
+ }
4160
+ }
4161
+ }
4162
+
4163
+ .ant-table-selection-column {
4164
+ padding: 0 !important;
4165
+
4166
+ .ant-checkbox-wrapper {
4167
+ position: absolute;
4168
+ left: 50%;
4169
+ top: 50%;
4170
+ transform: translate(-50%, -50%);
4171
+ }
4172
+ &:after {
4173
+ display: none;
4174
+ }
4175
+ }
4176
+
4177
+ .ant-table-hide-scrollbar {
4178
+ background: $white;
4179
+ }
4180
+ .ant-table-placeholder {
4181
+ background: inherit;
4182
+
4183
+ td {
4184
+ position: static;
4185
+ border: none;
4186
+ background: inherit !important;
4187
+ height: 100px;
4188
+ vertical-align: middle;
4189
+ }
4190
+
4191
+ .table-default-empty,
4192
+ .ant-table-expanded-row-fixed {
4193
+ font-weight: bold;
4194
+ font-size: 20px;
4195
+ color: $text-terdiary-light;
4196
+ }
4197
+ }
4198
+ th.ant-table-cell-scrollbar,
4199
+ th.cell__action_ {
4200
+ z-index: 10;
4201
+ }
4202
+ td.cell__action_ {
4203
+ padding: 0 !important;
4204
+ position: relative;
4205
+ background: $white;
4206
+ > * {
4207
+ height: 100%;
4208
+ display: flex;
4209
+ align-items: center;
4210
+ justify-content: flex-end;
4211
+ padding-right: 8px;
4212
+ }
4213
+ .menu-button {
4214
+ width: 24px;
4215
+ height: 24px;
4216
+ cursor: pointer;
4217
+ justify-content: center;
4218
+ border-radius: 4px;
4219
+
4220
+ &:hover {
4221
+ background: $white;
4346
4222
  }
4347
4223
  }
4348
4224
  }
@@ -4434,443 +4310,567 @@
4434
4310
  }
4435
4311
 
4436
4312
 
4437
- .E_tc97u5y {
4438
- height: 100%;
4439
- }
4313
+ .E_l48ei06 {
4314
+ @at-root {
4315
+ button#{&}.ant-btn,
4316
+ button#{&}.ant-btn.ant-btn-sm,
4317
+ button#{&}.ant-btn.ant-btn-lg {
4318
+ font-size: 12px;
4319
+ line-height: 18px;
4320
+ height: 18px;
4321
+ }
4322
+ button#{&} {
4323
+ color: #0080FF;
4324
+ height: unset;
4325
+ .button-prefix-icon {
4326
+ margin-right: 4px;
4327
+ }
4328
+ .button-suffix-icon {
4329
+ margin-left: 4px;
4330
+ }
4440
4331
 
4441
- .E_efzf37v {
4442
- .ant-table-content,
4443
- .ant-table-body {
4444
- overflow: visible !important;
4445
- height: 100%;
4446
- }
4332
+ &:hover,
4333
+ &.__pseudo-states-hover {
4334
+ color: #009DFF;
4335
+ }
4447
4336
 
4448
- .ant-table-tbody .ant-table-placeholder td {
4449
- height: 100%;
4450
- }
4337
+ &:active,
4338
+ &.__pseudo-states-active {
4339
+ color: #005ED1;
4340
+ }
4341
+ &.ui-kit-link-disabled {
4342
+ color: #0080FF;
4343
+ }
4344
+ &.ui-kit-link-primary {
4345
+ color: #00122E;
4451
4346
 
4452
- table {
4453
- width: 100% !important;
4454
- height: 100%;
4455
- .ant-table-placeholder .ant-table-expanded-row-fixed {
4456
- padding: 15px 0;
4457
- }
4458
- }
4347
+ &:hover,
4348
+ &.__pseudo-states-hover {
4349
+ color: #0080FF;
4350
+ }
4459
4351
 
4460
- table thead.ant-table-thead {
4461
- display: none;
4462
- }
4463
- }
4352
+ &:active,
4353
+ &.__pseudo-states-active {
4354
+ color: #005ED1;
4355
+ }
4464
4356
 
4465
- .E_t1fisho6 {
4466
- height: 100%;
4357
+ &.ui-kit-link-disabled {
4358
+ color: #00122E;
4359
+ }
4360
+ }
4467
4361
 
4468
- .ant-table.ant-table-small .ant-table-tbody > tr > td {
4469
- padding-top: 6px;
4470
- padding-bottom: 6px;
4471
- }
4362
+ &.ui-kit-link-secondary {
4363
+ color: #2C3852BF;
4472
4364
 
4473
- .active-row td:nth-child(1) {
4474
- font-weight: 700;
4475
- }
4476
- &.has-selection .active-row td:nth-child(2) {
4477
- font-weight: 700;
4478
- }
4365
+ &:hover,
4366
+ &.__pseudo-states-hover {
4367
+ color: #0080FF;
4368
+ }
4479
4369
 
4480
- .ant-spin-nested-loading {
4481
- height: 100%;
4370
+ &:active,
4371
+ &.__pseudo-states-active {
4372
+ color: #005ED1;
4373
+ }
4482
4374
 
4483
- .ant-spin-container {
4484
- height: 100%;
4485
- overflow: visible;
4486
- }
4487
- .ant-spin {
4488
- max-height: none;
4375
+ &.ui-kit-link-disabled {
4376
+ color: #2C3852BF;
4377
+ }
4378
+ }
4489
4379
  }
4490
4380
  }
4381
+ }
4491
4382
 
4492
- td.ant-table-column-sort {
4493
- background: transparent;
4494
- }
4495
4383
 
4496
- td.ant-table-cell-fix-left,
4497
- td.ant-table-cell-fix-right {
4498
- background: #fff;
4499
- padding: 0 !important;
4500
- .ant-table-cell-content {
4501
- display: flex;
4502
- align-items: center;
4503
- height: 100%;
4504
- padding: 8px;
4505
- > span {
4506
- overflow: hidden;
4507
- text-overflow: ellipsis;
4508
- width: 100%;
4509
- }
4384
+ .E_w7ob4th {
4385
+ &.outside-tag {
4386
+ padding-left: 0;
4387
+ .inside-tag {
4388
+ border-radius: 4px 0 0 4px;
4389
+ padding-right: 4px;
4390
+ margin-right: 4px;
4510
4391
  }
4511
4392
  }
4393
+ }
4512
4394
 
4513
- .ant-table-container {
4514
- height: 100%;
4515
- &::before,
4516
- &::after {
4517
- box-shadow: none !important;
4518
- }
4519
- }
4520
4395
 
4521
- div.ant-table {
4522
- $columnAlignRightPaddingRight: 25px;
4523
- border-radius: 0px;
4524
- border-left: none;
4525
- border-right: none;
4526
- border-bottom: none;
4527
- height: 100%;
4528
- font-size: 12px;
4529
- background: transparent;
4396
+ .E_i1g85yz3 {
4397
+ margin-right: 4px;
4398
+ height: 16px;
4399
+ }
4530
4400
 
4531
- .ant-table-header {
4532
- position: relative;
4533
- z-index: $table-header-index;
4534
- border-bottom: 1px solid $strokes-light-trans-2;
4535
- margin-bottom: -1px;
4536
- }
4537
4401
 
4538
- .time-wrapper .date,
4539
- .value {
4540
- color: $text-primary-light;
4541
- }
4402
+ .E_slr2ynn {
4403
+ padding: 0 8px;
4404
+ height: 18px;
4405
+ }
4542
4406
 
4543
- .time-wrapper .time,
4544
- .unit {
4545
- color: $text-secondary-light;
4546
- }
4407
+ .E_m140wbb6 {
4408
+ padding: 2px 8px;
4409
+ height: 24px;
4410
+ }
4547
4411
 
4548
- .ant-table-selection {
4549
- position: unset;
4550
- text-align: center;
4551
- }
4412
+ .E_t1fozc1i {
4413
+ margin: 0;
4414
+ }
4552
4415
 
4553
- .ant-table-tbody > tr.ant-table-row-selected td {
4554
- background: $white;
4555
- }
4416
+ .E_i1vxv4ln {
4417
+ margin-right: 4px;
4418
+ height: 16px;
4419
+ }
4556
4420
 
4557
- .anticon-setting {
4558
- cursor: pointer;
4559
- position: absolute;
4560
- top: 50%;
4561
- right: 12px;
4562
- transform: translateY(-50%);
4563
- }
4421
+ .E_n1afl31m {
4422
+ &.ant-tag.ant-tag-gray {
4423
+ font-weight: 700;
4424
+ color: $text-neutral-primary;
4425
+ background-color: $fill-neutral-trans-1;
4426
+ border: 1px solid $stroke-neutral-trans-2;
4427
+ word-break: break-all;
4428
+ display: inline;
4429
+ white-space: normal;
4430
+ }
4431
+ }
4564
4432
 
4565
- &.ant-table-ping-left {
4566
- .ant-table-cell-fix-left-last::after {
4567
- box-shadow: none;
4568
- width: 1px;
4569
- background: rgba(213, 219, 227, 0.6);
4570
- }
4571
- }
4572
4433
 
4573
- &.ant-table-ping-right {
4574
- .ant-table-cell-fix-right-first::after {
4575
- box-shadow: none;
4576
- width: 1px;
4577
- background: rgba(213, 219, 227, 0.6);
4578
- }
4434
+ .E_sjob3jg {
4435
+ $item: ant-steps-item;
4436
+ --item-min-width: 60px;
4437
+ .#{$item} {
4438
+ &-tail,
4439
+ &-icon {
4440
+ display: none !important;
4579
4441
  }
4442
+ }
4443
+ .#{$item}.#{$item}-active {
4444
+ flex-shrink: 0 !important;
4445
+ .step-item-prefix-container {
4446
+ color: $text-colorful-outstanding;
4447
+ }
4448
+ .#{$item}-container .#{$item}-content .#{$item}-title {
4449
+ color: $text-colorful-outstanding;
4450
+ font-weight: normal;
4451
+ }
4452
+ }
4453
+ .#{$item}.#{$item}-finish {
4454
+ .#{$item}-container .#{$item}-content .#{$item}-title,
4455
+ & .#{$item}-container:hover .#{$item}-content .#{$item}-title {
4456
+ color: $text-neutral-tertiary;
4457
+ }
4458
+ }
4459
+ .#{$item}.#{$item}-wait {
4460
+ .#{$item}-container .#{$item}-content .#{$item}-title {
4461
+ color: $text-neutral-primary;
4462
+ }
4463
+ }
4464
+ .step-item-text {
4465
+ display: inline-block;
4466
+ }
4467
+ .step-item-title {
4468
+ overflow: hidden;
4469
+ white-space: nowrap;
4470
+ text-overflow: ellipsis;
4471
+ }
4472
+ }
4580
4473
 
4581
- .ant-table-tbody {
4582
- position: relative;
4583
- .ant-table-row {
4584
- td {
4585
- border-top: 1px solid $strokes-light-trans-2;
4586
- border-bottom: 1px solid white;
4587
- height: 40px;
4588
- vertical-align: middle;
4589
- transition: background 0ms;
4590
- color: $gray-120;
4591
-
4592
- &.header-hover {
4593
- background: $fills-light-opaque-1;
4594
- border-bottom-color: $fills-light-opaque-1;
4595
- }
4596
-
4597
- .ant-btn.ant-btn-link {
4598
- height: auto;
4599
- color: $gray-120;
4600
- font-size: 12px;
4601
- text-align: left;
4602
- transition: none;
4603
- overflow: hidden;
4604
- text-overflow: ellipsis;
4605
- white-space: nowrap;
4606
-
4607
- &:hover {
4608
- color: $blue;
4609
- }
4610
-
4611
- > span {
4612
- overflow: hidden;
4613
- text-overflow: ellipsis;
4614
- width: 100%;
4615
- vertical-align: middle;
4616
- }
4617
- }
4618
-
4619
- &.cell_status {
4620
- line-height: 0px;
4474
+ .E_hjvj6s6 {
4475
+ $item: ant-steps-item;
4476
+ @mixin rightTriangle($color: $fills-light-trans-1) {
4477
+ content: "";
4478
+ width: 0;
4479
+ height: 0;
4480
+ border: 13px solid transparent;
4481
+ position: absolute;
4482
+ top: 0;
4483
+ border-left: 8px solid $color;
4484
+ }
4485
+ .#{$item}-container {
4486
+ min-width: var(--item-min-width);
4487
+ }
4488
+ .#{$item}-disabled {
4489
+ cursor: not-allowed !important;
4490
+ }
4491
+ .ant-steps-horizontal.ant-steps-label-horizontal {
4492
+ flex-direction: row;
4493
+ justify-content: stretch;
4494
+ .#{$item} {
4495
+ padding: 0;
4496
+ margin-right: 4px;
4497
+ flex: 1;
4498
+ overflow: visible;
4499
+ .#{$item}-content {
4500
+ width: 100%;
4501
+ min-height: unset;
4502
+ .#{$item}-title {
4503
+ height: 26px;
4504
+ line-height: 26px;
4505
+ width: 100%;
4506
+ padding: 0;
4507
+ font-size: 12px;
4508
+ .step-count {
4509
+ margin-right: 10px;
4621
4510
  }
4622
- &.align-right {
4623
- padding-right: $columnAlignRightPaddingRight;
4511
+ &::after {
4512
+ display: none;
4624
4513
  }
4625
4514
  }
4626
-
4627
- &:hover {
4628
- & + tr td {
4629
- border-top-color: transparent;
4630
- }
4631
- td {
4632
- background: $fills-trans-secondary-light;
4633
- border-color: transparent transparent white;
4634
-
4635
- &:first-child {
4636
- border-radius: 8px 0 0 8px;
4637
- .ant-table-cell-content {
4638
- border-radius: 8px 0 0 8px;
4639
- }
4640
- &::before {
4641
- content: "";
4642
- width: 4px;
4643
- top: -1px;
4644
- bottom: -1px;
4645
- background: white;
4646
- }
4647
- }
4648
- &:last-child {
4649
- border-radius: 0 8px 8px 0;
4650
- }
4651
- &:last-child.cell__action_ {
4652
- border-radius: 0;
4653
- background: white;
4654
- border-top: none;
4655
-
4656
- > * {
4657
- border-top: 1px solid transparent;
4658
- border-radius: 0 8px 8px 0;
4659
- background: $fills-trans-secondary-light;
4660
- }
4661
- }
4662
- &.ant-table-cell-fix-right {
4663
- background: white;
4664
- border-top: 1px solid rgba(211, 218, 235, 0.6);
4665
- .ant-table-cell-content {
4666
- display: flex;
4667
- align-items: center;
4668
- height: 100%;
4669
- background: $fills-trans-secondary-light;
4670
- }
4671
- }
4672
-
4673
- &.ant-table-cell-fix-left {
4674
- background: white;
4675
- border-top: 1px solid rgba(211, 218, 235, 0.6);
4676
- .ant-table-cell-content {
4677
- display: flex;
4678
- align-items: center;
4679
- height: 100%;
4680
- background: $fills-trans-secondary-light;
4681
- }
4682
- }
4683
- }
4515
+ }
4516
+ &:first-child {
4517
+ .#{$item}-container {
4518
+ padding-left: 8px;
4519
+ padding-right: 4px;
4520
+ border-radius: 4px 0 0 4px;
4684
4521
  }
4685
-
4686
- &:last-child td {
4687
- border-bottom: 1px solid $strokes-light-trans-2;
4522
+ }
4523
+ &:last-child {
4524
+ margin-right: 0;
4525
+ .#{$item}-container {
4526
+ padding-right: 8px;
4527
+ padding-left: 12px;
4528
+ border-radius: 0 4px 4px 0;
4688
4529
  }
4530
+ }
4531
+ &:not(&:last-child) {
4532
+ &::after {
4533
+ @include rightTriangle();
4534
+ z-index: 2;
4535
+ position: relative;
4536
+ top: -50%;
4537
+ right: -100%;
4538
+ }
4539
+ }
4540
+ &:not(:first-child):not(:last-child) {
4541
+ .#{$item}-container {
4542
+ padding: 0 4px 0 12px;
4543
+ }
4544
+ }
4545
+ &:not(&:first-child) {
4546
+ &::before {
4547
+ @include rightTriangle(#fff);
4548
+ left: 0;
4549
+ }
4550
+ }
4551
+ }
4552
+ .#{$item}-active {
4553
+ max-width: calc(100% - var(--item-min-width) * 2);
4554
+ .#{$item}-container {
4555
+ background-color: $fills-light-general-general-light;
4556
+ }
4557
+ &::after {
4558
+ border-left-color: $fills-light-general-general-light !important;
4559
+ }
4560
+ }
4561
+ .#{$item}-finish {
4562
+ cursor: pointer;
4563
+ min-width: var(--item-min-width);
4564
+ }
4565
+ .#{$item}-wait,
4566
+ .#{$item}-finish {
4567
+ min-width: var(--item-min-width);
4568
+ .#{$item}-container {
4569
+ background-color: $fills-light-trans-1;
4570
+ }
4571
+ }
4572
+ }
4573
+ .ant-steps:not(.ant-steps-dot):not(.ant-steps-navigation):not(
4574
+ .ant-steps-vertical
4575
+ )
4576
+ .#{$item} {
4577
+ padding: 0;
4578
+ }
4579
+ }
4689
4580
 
4690
- &.active-row {
4691
- box-shadow: inset 0px 0px 0 2px $blue-a10;
4692
- border-radius: 8px;
4693
-
4694
- & + tr td {
4695
- border-top-color: white;
4696
- }
4697
- td {
4698
- background: $blue-a10;
4699
- border-bottom-color: transparent;
4700
- border-top-color: transparent;
4581
+ .E_v4tv3mf {
4582
+ $item: ant-steps-item;
4583
+ .ant-steps.ant-steps-vertical {
4584
+ width: 192px;
4585
+ row-gap: 2px;
4701
4586
 
4702
- &:first-child {
4703
- border-radius: 8px 0 0 8px;
4704
- }
4705
- &:last-child {
4706
- border-radius: 0 8px 8px 0;
4707
- }
4708
- &:hover {
4709
- background: $blue-a10;
4710
- }
4711
- }
4587
+ .preview-mode:not(.#{$item}-active) .#{$item}-container {
4588
+ &:hover {
4589
+ background-color: $fill-neutral-trans-2;
4590
+ }
4591
+ .#{$item}-title {
4592
+ color: $text-neutral-primary !important;
4593
+ }
4594
+ }
4595
+ .#{$item}:not(.#{$item}-active):not(.#{$item}-disabled)
4596
+ .#{$item}-container:hover {
4597
+ background-color: $fill-neutral-trans-2;
4598
+ }
4599
+ .#{$item}-container {
4600
+ padding: 0 8px;
4601
+ border-radius: 4px;
4602
+ height: 32px;
4603
+ display: flex;
4604
+ align-items: center;
4605
+ .#{$item}-content {
4606
+ min-height: auto;
4607
+ white-space: nowrap;
4608
+ & .ant-steps-item-title {
4609
+ font-size: 13px;
4610
+ line-height: 20px;
4611
+ max-width: 100%;
4612
+ padding-right: 0;
4712
4613
  }
4713
4614
  }
4714
4615
  }
4616
+ .#{$item}-active {
4617
+ .ant-steps-item-container {
4618
+ background: rgba($blue-60, 0.1);
4619
+ }
4620
+ }
4621
+ }
4622
+ }
4715
4623
 
4716
- .ant-table-thead {
4717
- > tr > th {
4718
- background: $white;
4719
- font-weight: 400;
4720
- position: relative;
4721
- border-bottom: none;
4722
- color: $gray-120;
4723
- transition: none;
4724
- padding: 14px 8px 14px 8px;
4725
- line-height: 20px;
4624
+ .E_h6l1tj4 {
4625
+ width: 100%;
4626
+ display: inline-flex;
4627
+ align-items: center;
4628
+ justify-content: center;
4629
+ column-gap: 4px;
4630
+ .step-item-prefix-container {
4631
+ display: inline-flex;
4632
+ align-items: center;
4633
+ width: 18px;
4634
+ height: 18px;
4635
+ color: $gray-a75-8;
4636
+ justify-content: center;
4637
+ }
4638
+ }
4726
4639
 
4727
- &:not(:last-child):after {
4728
- content: "";
4729
- width: 1px;
4730
- top: 0;
4731
- bottom: 0;
4732
- background: $strokes-light-trans-2;
4733
- position: absolute;
4734
- right: 0;
4735
- }
4640
+ .E_v18frne8 {
4641
+ width: 100%;
4642
+ display: flex;
4643
+ align-items: center;
4644
+ justify-content: center;
4645
+ column-gap: 6px;
4646
+ font-size: 13px;
4647
+ .step-item-prefix-container {
4648
+ display: inline-flex;
4649
+ align-items: center;
4650
+ min-width: 20px;
4651
+ min-height: 20px;
4652
+ color: $gray-a75-8;
4653
+ justify-content: center;
4654
+ }
4655
+ }
4736
4656
 
4737
- &.is-blank {
4738
- padding: unset;
4739
4657
 
4740
- &:after {
4741
- display: none;
4742
- }
4743
- }
4658
+ .E_t1dtlqs1 {
4659
+ margin-bottom: 4px;
4660
+ color: $text-secondary-light;
4661
+ }
4744
4662
 
4745
- &.ant-table-cell-ellipsis.ant-table-column-has-sorters
4746
- .ant-table-column-sorters {
4747
- width: 100%;
4748
- overflow: hidden;
4749
- white-space: nowrap;
4750
- text-overflow: ellipsis;
4751
- > span {
4752
- overflow: hidden;
4753
- text-overflow: ellipsis;
4754
- flex: 1;
4755
- }
4756
- }
4663
+ .E_s1ese5oy {
4664
+ color: rgba(44, 56, 82, 0.6);
4665
+ line-height: 32px;
4666
+ height: 32px;
4667
+ margin-bottom: 0;
4668
+ &.primary,
4669
+ &.info {
4670
+ color: $text-light-general;
4671
+ }
4672
+ &.warning {
4673
+ color: #ffa500;
4674
+ }
4675
+ &.success {
4676
+ color: $text-light-positive;
4677
+ }
4678
+ &.danger,
4679
+ &.error {
4680
+ color: $text-light-serious;
4681
+ }
4682
+ &.normal {
4683
+ color: $text-secondary-light;
4684
+ }
4685
+ }
4757
4686
 
4758
- &.ant-table-column-has-sorters {
4759
- padding: 15px $columnAlignRightPaddingRight 15px 8px;
4687
+ .E_b1ibis43 {
4688
+ margin-bottom: 0;
4689
+ color: $text-light-primary;
4690
+ }
4760
4691
 
4761
- .ant-table-column-sorters {
4762
- padding: 0;
4763
- .order-icon {
4764
- position: absolute;
4765
- right: 6px;
4766
- top: 50%;
4767
- transform: translateY(-50%);
4768
- height: 16px;
4769
- display: none;
4770
- transition: transform 320ms ease;
4692
+ .E_b11xxjd2 {
4693
+ line-height: 32px;
4694
+ margin-right: 6px;
4695
+ }
4771
4696
 
4772
- &.descend {
4773
- display: block;
4774
- transform: translateY(-50%) rotateX(180deg);
4775
- }
4776
- &.ascend {
4777
- display: block;
4778
- }
4779
- }
4780
- }
4781
- .ant-table-column-sorter {
4782
- display: none;
4783
- }
4784
- }
4697
+ .E_bsub5bw {
4698
+ &.with-description {
4699
+ height: 24px;
4700
+ flex: 1;
4701
+ position: relative;
4702
+ top: -7px;
4703
+ }
4704
+ p {
4705
+ width: 100%;
4706
+ overflow: hidden;
4707
+ text-overflow: ellipsis;
4708
+ white-space: nowrap;
4709
+ }
4710
+ }
4785
4711
 
4786
- &:active {
4787
- .ant-table-column-sorters .order-icon {
4788
- &.descend {
4789
- transform: translateY(-50%);
4790
- }
4791
- &.ascend {
4792
- transform: translateY(-50%) rotateX(180deg);
4793
- }
4794
- }
4795
- }
4712
+ .E_tmoyoag {
4713
+ border: 1px solid $strokes-light-trans-2;
4714
+ border-radius: 8px;
4715
+ overflow: auto;
4716
+ .ant-list {
4717
+ position: relative;
4718
+ .ant-list-item:last-child {
4719
+ border-bottom: none;
4720
+ }
4721
+ .eagle-table-form-header {
4722
+ position: sticky;
4723
+ top: 0;
4724
+ z-index: $eagle-table-form-header-index;
4725
+ display: flex;
4726
+ padding: 8px;
4727
+ & {
4728
+ align-items: inherit;
4729
+ }
4730
+ flex-wrap: nowrap;
4731
+ justify-content: flex-start;
4732
+ background: $fills-light-opaque-1;
4733
+ font-size: 14px;
4734
+ color: $text-secondary-light;
4735
+ border-bottom: 1px solid $fills-light-trans-2;
4736
+ }
4737
+ .eagle-table-form-header .eagle-table-form-cell > p {
4738
+ margin-bottom: 0;
4739
+ }
4740
+ .eagle-table-form-row {
4741
+ display: flex;
4742
+ justify-content: flex-start;
4743
+ align-items: flex-start;
4744
+ flex-wrap: wrap;
4745
+ padding: 8px;
4746
+ border: none;
4747
+ .row-description {
4748
+ flex-basis: 100%;
4749
+ margin: 12px 0 0;
4750
+ order: 99;
4751
+ color: $text-secondary-light;
4752
+ }
4753
+ .row-error-message {
4754
+ color: $text-light-serious;
4755
+ flex-basis: 100%;
4756
+ order: 98;
4757
+ margin: 12px 0 0;
4758
+ }
4759
+ &:hover {
4760
+ background-color: $fills-light-trans-1;
4761
+ }
4762
+ &.isDragging {
4763
+ background-color: $fills-light-general-general-light;
4764
+ }
4765
+ }
4766
+ .eagle-table-form-cell {
4767
+ flex: 1 0 0;
4768
+ overflow: hidden;
4769
+ .cell-description {
4770
+ color: $text-secondary-light;
4771
+ margin: 0;
4772
+ }
4796
4773
 
4797
- &:hover:not(.is-blank) {
4798
- background: $fills-light-opaque-1;
4799
- .ant-table-column-sorters .order-icon {
4800
- display: block;
4801
- }
4774
+ @mixin text-align-style($align-position) {
4775
+ & > * {
4776
+ text-align: $align-position;
4802
4777
  }
4803
- &.align-right {
4804
- padding-right: $columnAlignRightPaddingRight;
4778
+ .ant-form-item-control-input-content {
4779
+ &,
4780
+ & > * {
4781
+ text-align: $align-position;
4782
+ }
4805
4783
  }
4806
4784
  }
4807
- }
4808
4785
 
4809
- .ant-table-selection-column {
4810
- padding: 0 !important;
4786
+ &.align-center {
4787
+ @include text-align-style(center);
4788
+ }
4789
+ &.align-left {
4790
+ @include text-align-style(left);
4791
+ }
4792
+ &.align-right {
4793
+ @include text-align-style(right);
4794
+ }
4811
4795
 
4812
- .ant-checkbox-wrapper {
4813
- position: absolute;
4814
- left: 50%;
4815
- top: 50%;
4816
- transform: translate(-50%, -50%);
4796
+ &:not(:last-of-type) {
4797
+ margin-right: 8px;
4817
4798
  }
4818
- &:after {
4819
- display: none;
4799
+ }
4800
+ .ant-list-item-action {
4801
+ padding: 4px;
4802
+ width: 24px;
4803
+ height: 24px;
4804
+ overflow: hidden;
4805
+ li {
4806
+ padding: 0;
4820
4807
  }
4821
4808
  }
4822
-
4823
- .ant-table-hide-scrollbar {
4824
- background: $white;
4809
+ .delete-row-icon.disabled {
4810
+ cursor: not-allowed;
4811
+ opacity: 0.5;
4825
4812
  }
4826
- .ant-table-placeholder {
4827
- background: inherit;
4828
-
4829
- td {
4830
- position: static;
4831
- border: none;
4832
- background: inherit !important;
4833
- height: 100px;
4834
- vertical-align: middle;
4813
+ &.size-default {
4814
+ .ant-list-item-action {
4815
+ margin: 0;
4835
4816
  }
4817
+ .eagle-table-form-cell {
4818
+ .ant-input,
4819
+ .ant-select-selector {
4820
+ border-radius: 5px;
4821
+ font-size: 12px;
4822
+ }
4823
+ .ant-input-affix-wrapper {
4824
+ font-size: inherit;
4825
+ }
4836
4826
 
4837
- .table-default-empty,
4838
- .ant-table-expanded-row-fixed {
4839
- font-weight: bold;
4840
- font-size: 20px;
4841
- color: $text-terdiary-light;
4827
+ .ant-form-item-control-input {
4828
+ min-height: 24px;
4829
+ font-size: 12px;
4830
+ position: relative;
4831
+ }
4842
4832
  }
4843
4833
  }
4844
- th.ant-table-cell-scrollbar,
4845
- th.cell__action_ {
4846
- z-index: 10;
4834
+ }
4835
+ &.row-split-by-border {
4836
+ .eagle-table-form-row {
4837
+ border-bottom: 1px solid $fills-light-trans-2;
4847
4838
  }
4848
- td.cell__action_ {
4849
- padding: 0 !important;
4850
- position: relative;
4851
- background: $white;
4852
- > * {
4853
- height: 100%;
4854
- display: flex;
4855
- align-items: center;
4856
- justify-content: flex-end;
4857
- padding-right: 8px;
4839
+ }
4840
+ &.row-split-by-zebraMarking {
4841
+ .draggable-container {
4842
+ & > :nth-child(2n) {
4843
+ background-color: $fills-trans-primary-light;
4858
4844
  }
4859
- .menu-button {
4860
- width: 24px;
4861
- height: 24px;
4862
- cursor: pointer;
4863
- justify-content: center;
4864
- border-radius: 4px;
4845
+ }
4846
+ }
4847
+ }
4865
4848
 
4866
- &:hover {
4867
- background: $white;
4868
- }
4869
- }
4849
+ .E_a138syjm {
4850
+ display: flex;
4851
+ align-items: center;
4852
+ margin-top: 8px;
4853
+ button.ant-btn {
4854
+ padding: 2px 8px;
4855
+ height: 24px;
4856
+ }
4857
+ & > span.maximum-desc {
4858
+ display: none;
4859
+ margin-left: 8px;
4860
+ color: $text-secondary-light;
4861
+ &.disabled {
4862
+ display: inline;
4870
4863
  }
4871
4864
  }
4872
4865
  }
4873
4866
 
4867
+ .E_d77i8u0 {
4868
+ width: 24px;
4869
+ height: 24px;
4870
+ padding: 4px;
4871
+ margin-right: 8px;
4872
+ }
4873
+
4874
4874
 
4875
4875
  .E_r77hffu {
4876
4876
  display: flex;
@@ -5656,73 +5656,6 @@
5656
5656
  }
5657
5657
 
5658
5658
 
5659
- .E_s1ebs0ra {
5660
- display: flex;
5661
- align-items: center;
5662
- justify-content: space-between;
5663
- background: $backgrounds-light-grouped;
5664
- padding: 8px 12px;
5665
- position: sticky;
5666
- top: 0;
5667
- z-index: 1;
5668
- margin-bottom: -52px;
5669
-
5670
- .select-total {
5671
- display: flex;
5672
- align-items: center;
5673
- font-weight: 700;
5674
- flex-shrink: 0;
5675
-
5676
- .icon-wrapper {
5677
- cursor: pointer;
5678
- margin-left: 8px;
5679
- width: 32px;
5680
- height: 32px;
5681
- border-radius: 50%;
5682
- justify-content: center;
5683
-
5684
- &:hover {
5685
- background: $fills-light-trans-2;
5686
- }
5687
- }
5688
- }
5689
- .action-group {
5690
- flex: 1;
5691
- margin-left: 88px;
5692
- white-space: nowrap;
5693
- text-align: right;
5694
- position: relative;
5695
- padding: 4px 0;
5696
- margin-top: -4px;
5697
- overflow: hidden;
5698
- .sub-menu-delete {
5699
- transform: translateY(-4px);
5700
- }
5701
- button {
5702
- border: none;
5703
- }
5704
- > *:not(:last-child) {
5705
- margin-right: 8px;
5706
- }
5707
-
5708
- > button:last-child {
5709
- margin-right: 4px;
5710
- }
5711
- .more-btn {
5712
- cursor: pointer;
5713
- width: 32px;
5714
- height: 32px;
5715
- justify-content: center;
5716
- border-radius: 50%;
5717
-
5718
- &:hover {
5719
- background: $white;
5720
- }
5721
- }
5722
- }
5723
- }
5724
-
5725
-
5726
5659
  .E_c18bcrac {
5727
5660
  display: inline-block;
5728
5661
  width: 100%;
@@ -5763,111 +5696,80 @@
5763
5696
  border: 1px solid $fills-light-white;
5764
5697
  box-sizing: content-box;
5765
5698
  margin-right: 6px;
5766
- }
5767
-
5768
- .E_p1lyky6c {
5769
- & > :first-child {
5770
- font-weight: bold;
5771
- color: white;
5772
- margin-right: 4px;
5773
- }
5774
- }
5775
-
5776
-
5777
- .E_clm1wy1 {
5778
- width: 192px;
5779
- height: 246px;
5780
- border-radius: 4px;
5781
-
5782
- > .ant-picker-calendar,
5783
- > .ant-picker-calendar .ant-picker-panel {
5784
- width: 100%;
5785
- background-color: rgba(245, 247, 250, 0.6);
5786
- border-top: none;
5787
-
5788
- .ant-picker-body {
5789
- padding: 0 16px;
5790
- }
5791
-
5792
- .ant-picker-content {
5793
- width: 100%;
5794
- height: 180px;
5795
- border-spacing: 0;
5796
-
5797
- thead {
5798
- margin-bottom: 8px;
5799
- }
5800
- th {
5801
- width: 22px;
5802
- }
5803
- td {
5804
- padding: 0;
5805
- }
5806
- }
5807
- }
5808
-
5809
- .ant-picker-cell {
5810
- color: rgba(62, 70, 82, 0.6);
5811
- opacity: 0.4;
5812
- }
5813
- .ant-picker-cell-in-view {
5814
- color: rgba(62, 70, 82, 0.6);
5815
- opacity: 1;
5816
- }
5817
- .ant-picker-cell-in-view > .active {
5818
- color: #3e4652;
5819
- }
5820
-
5821
- .ant-picker-cell::before {
5822
- pointer-events: none;
5823
- }
5824
- }
5825
-
5826
- .E_t1tsm00v {
5827
- color: rgba(129, 138, 153, 0.6);
5828
- box-shadow: inset 0px -1px 0px rgba(213, 219, 227, 0.6);
5829
- backdrop-filter: blur(10px);
5830
- padding: 7px 10px;
5831
- }
5832
-
5833
- .E_c167wnad {
5834
- color: rgba(62, 70, 82, 0.6);
5835
- display: flex;
5836
- justify-content: space-between;
5837
- align-items: center;
5838
- padding: 8px 16px;
5839
-
5840
- .anticon {
5841
- cursor: pointer;
5842
- &:hover {
5843
- color: $blue;
5844
- }
5699
+ }
5700
+
5701
+ .E_p1lyky6c {
5702
+ & > :first-child {
5703
+ font-weight: bold;
5704
+ color: white;
5705
+ margin-right: 4px;
5845
5706
  }
5846
5707
  }
5847
5708
 
5848
- .E_cxhf7dh {
5849
- text-align: center;
5850
5709
 
5851
- .dots {
5710
+ .E_s1ebs0ra {
5711
+ display: flex;
5712
+ align-items: center;
5713
+ justify-content: space-between;
5714
+ background: $backgrounds-light-grouped;
5715
+ padding: 8px 12px;
5716
+ position: sticky;
5717
+ top: 0;
5718
+ z-index: 1;
5719
+ margin-bottom: -52px;
5720
+
5721
+ .select-total {
5852
5722
  display: flex;
5853
- justify-content: center;
5854
- }
5855
- .dot {
5856
- display: inline-block;
5857
- width: 2px;
5858
- height: 2px;
5859
- border-radius: 1px;
5860
- background: $blue;
5723
+ align-items: center;
5724
+ font-weight: 700;
5725
+ flex-shrink: 0;
5861
5726
 
5862
- &:not(:last-child) {
5863
- margin-right: 2px;
5727
+ .icon-wrapper {
5728
+ cursor: pointer;
5729
+ margin-left: 8px;
5730
+ width: 32px;
5731
+ height: 32px;
5732
+ border-radius: 50%;
5733
+ justify-content: center;
5734
+
5735
+ &:hover {
5736
+ background: $fills-light-trans-2;
5737
+ }
5864
5738
  }
5865
5739
  }
5866
- .bar {
5867
- width: 9px;
5868
- height: 2px;
5869
- background: $blue;
5870
- border-radius: 2px;
5740
+ .action-group {
5741
+ flex: 1;
5742
+ margin-left: 88px;
5743
+ white-space: nowrap;
5744
+ text-align: right;
5745
+ position: relative;
5746
+ padding: 4px 0;
5747
+ margin-top: -4px;
5748
+ overflow: hidden;
5749
+ .sub-menu-delete {
5750
+ transform: translateY(-4px);
5751
+ }
5752
+ button {
5753
+ border: none;
5754
+ }
5755
+ > *:not(:last-child) {
5756
+ margin-right: 8px;
5757
+ }
5758
+
5759
+ > button:last-child {
5760
+ margin-right: 4px;
5761
+ }
5762
+ .more-btn {
5763
+ cursor: pointer;
5764
+ width: 32px;
5765
+ height: 32px;
5766
+ justify-content: center;
5767
+ border-radius: 50%;
5768
+
5769
+ &:hover {
5770
+ background: $white;
5771
+ }
5772
+ }
5871
5773
  }
5872
5774
  }
5873
5775
 
@@ -5915,32 +5817,28 @@
5915
5817
  }
5916
5818
 
5917
5819
 
5918
- .E_ou7iq30 {
5919
- overflow: hidden;
5920
- text-overflow: ellipsis;
5820
+ .E_wg1tsps {
5821
+ display: flex;
5822
+ align-items: center;
5823
+ justify-content: flex-end;
5921
5824
  }
5922
5825
 
5923
- .E_s1tui002 {
5924
- white-space: nowrap;
5925
- }
5826
+ .E_b1ctd5xy {
5827
+ display: flex;
5828
+ align-items: center;
5829
+ width: calc(100% - 40px);
5926
5830
 
5927
- .E_mxrc2zg {
5928
- display: -webkit-box;
5929
- -webkit-line-clamp: var(--mxrc2zg-0);
5930
- -webkit-box-orient: vertical;
5931
- word-break: break-all;
5831
+ .chart {
5832
+ display: inline-block;
5833
+ width: 100%;
5834
+ }
5932
5835
  }
5933
5836
 
5934
- .E_t1vv6d68 {
5935
- .ant-tooltip-arrow {
5936
- display: none;
5937
- }
5938
- .ant-tooltip-inner {
5939
- background: $gray-a80-9;
5940
- border-radius: 4px;
5941
- &:has(.eagle-ellipsis-content) {
5942
- visibility: hidden;
5943
- }
5837
+ .E_u1p8acpn {
5838
+ min-width: 40px;
5839
+
5840
+ .unit {
5841
+ color: $text-light-primary !important;
5944
5842
  }
5945
5843
  }
5946
5844
 
@@ -6014,60 +5912,185 @@
6014
5912
  }
6015
5913
  }
6016
5914
 
6017
- .E_t1s7goww {
6018
- font-size: 12px;
6019
- line-height: 18px;
5915
+ .E_t1s7goww {
5916
+ font-size: 12px;
5917
+ line-height: 18px;
5918
+ }
5919
+
5920
+ .E_t93e4cf {
5921
+ display: flex;
5922
+ padding: 8px 0;
5923
+ color: $text-primary-light;
5924
+
5925
+ .hidden {
5926
+ display: none;
5927
+ }
5928
+
5929
+ .ant-btn.ant-btn-link {
5930
+ height: auto;
5931
+ }
5932
+
5933
+ .content {
5934
+ overflow: hidden;
5935
+ overflow-x: auto;
5936
+ width: 100%;
5937
+ white-space: pre-wrap;
5938
+
5939
+ .ant-btn {
5940
+ white-space: pre-wrap;
5941
+ text-align: left;
5942
+ }
5943
+
5944
+ .unit-chart {
5945
+ justify-content: flex-start;
5946
+ }
5947
+ }
5948
+ }
5949
+
5950
+ .E_rhz2uv5 {
5951
+ width: var(--rhz2uv5-0);
5952
+ flex-shrink: 0;
5953
+ color: $text-secondary-light;
5954
+ padding-right: 12px;
5955
+ }
5956
+
5957
+
5958
+ .E_ou7iq30 {
5959
+ overflow: hidden;
5960
+ text-overflow: ellipsis;
5961
+ }
5962
+
5963
+ .E_s1tui002 {
5964
+ white-space: nowrap;
5965
+ }
5966
+
5967
+ .E_mxrc2zg {
5968
+ display: -webkit-box;
5969
+ -webkit-line-clamp: var(--mxrc2zg-0);
5970
+ -webkit-box-orient: vertical;
5971
+ word-break: break-all;
5972
+ }
5973
+
5974
+ .E_t1vv6d68 {
5975
+ .ant-tooltip-arrow {
5976
+ display: none;
5977
+ }
5978
+ .ant-tooltip-inner {
5979
+ background: $gray-a80-9;
5980
+ border-radius: 4px;
5981
+ &:has(.eagle-ellipsis-content) {
5982
+ visibility: hidden;
5983
+ }
5984
+ }
5985
+ }
5986
+
5987
+
5988
+ .E_s1iv0tp1 {
5989
+ .enabled-switch {
5990
+ display: flex;
5991
+ align-items: center;
5992
+ }
5993
+
5994
+ .enabled-text {
5995
+ margin-right: 8px;
5996
+ }
5997
+ }
5998
+
5999
+
6000
+ .E_clm1wy1 {
6001
+ width: 192px;
6002
+ height: 246px;
6003
+ border-radius: 4px;
6004
+
6005
+ > .ant-picker-calendar,
6006
+ > .ant-picker-calendar .ant-picker-panel {
6007
+ width: 100%;
6008
+ background-color: rgba(245, 247, 250, 0.6);
6009
+ border-top: none;
6010
+
6011
+ .ant-picker-body {
6012
+ padding: 0 16px;
6013
+ }
6014
+
6015
+ .ant-picker-content {
6016
+ width: 100%;
6017
+ height: 180px;
6018
+ border-spacing: 0;
6019
+
6020
+ thead {
6021
+ margin-bottom: 8px;
6022
+ }
6023
+ th {
6024
+ width: 22px;
6025
+ }
6026
+ td {
6027
+ padding: 0;
6028
+ }
6029
+ }
6030
+ }
6031
+
6032
+ .ant-picker-cell {
6033
+ color: rgba(62, 70, 82, 0.6);
6034
+ opacity: 0.4;
6035
+ }
6036
+ .ant-picker-cell-in-view {
6037
+ color: rgba(62, 70, 82, 0.6);
6038
+ opacity: 1;
6039
+ }
6040
+ .ant-picker-cell-in-view > .active {
6041
+ color: #3e4652;
6042
+ }
6043
+
6044
+ .ant-picker-cell::before {
6045
+ pointer-events: none;
6046
+ }
6047
+ }
6048
+
6049
+ .E_t1tsm00v {
6050
+ color: rgba(129, 138, 153, 0.6);
6051
+ box-shadow: inset 0px -1px 0px rgba(213, 219, 227, 0.6);
6052
+ backdrop-filter: blur(10px);
6053
+ padding: 7px 10px;
6020
6054
  }
6021
6055
 
6022
- .E_t93e4cf {
6056
+ .E_c167wnad {
6057
+ color: rgba(62, 70, 82, 0.6);
6023
6058
  display: flex;
6024
- padding: 8px 0;
6025
- color: $text-primary-light;
6026
-
6027
- .hidden {
6028
- display: none;
6029
- }
6030
-
6031
- .ant-btn.ant-btn-link {
6032
- height: auto;
6033
- }
6034
-
6035
- .content {
6036
- overflow: hidden;
6037
- overflow-x: auto;
6038
- width: 100%;
6039
- white-space: pre-wrap;
6040
-
6041
- .ant-btn {
6042
- white-space: pre-wrap;
6043
- text-align: left;
6044
- }
6059
+ justify-content: space-between;
6060
+ align-items: center;
6061
+ padding: 8px 16px;
6045
6062
 
6046
- .unit-chart {
6047
- justify-content: flex-start;
6063
+ .anticon {
6064
+ cursor: pointer;
6065
+ &:hover {
6066
+ color: $blue;
6048
6067
  }
6049
6068
  }
6050
6069
  }
6051
6070
 
6052
- .E_rhz2uv5 {
6053
- width: var(--rhz2uv5-0);
6054
- flex-shrink: 0;
6055
- color: $text-secondary-light;
6056
- padding-right: 12px;
6057
- }
6058
-
6071
+ .E_cxhf7dh {
6072
+ text-align: center;
6059
6073
 
6060
- .E_skwah65 {
6061
- height: 8px;
6062
- box-sizing: border-box;
6063
- border-radius: 2px;
6064
- background: #f5f7fa;
6065
- display: flex;
6066
- width: 100%;
6067
- overflow: hidden;
6074
+ .dots {
6075
+ display: flex;
6076
+ justify-content: center;
6077
+ }
6078
+ .dot {
6079
+ display: inline-block;
6080
+ width: 2px;
6081
+ height: 2px;
6082
+ border-radius: 1px;
6083
+ background: $blue;
6068
6084
 
6069
- .stack-bar-item + .stack-bar-item {
6070
- margin-left: 1px;
6085
+ &:not(:last-child) {
6086
+ margin-right: 2px;
6087
+ }
6088
+ }
6089
+ .bar {
6090
+ width: 9px;
6091
+ height: 2px;
6092
+ background: $blue;
6093
+ border-radius: 2px;
6071
6094
  }
6072
6095
  }
6073
6096
 
@@ -6236,179 +6259,17 @@
6236
6259
  }
6237
6260
 
6238
6261
 
6239
- .E_wg1tsps {
6240
- display: flex;
6241
- align-items: center;
6242
- justify-content: flex-end;
6243
- }
6244
-
6245
- .E_b1ctd5xy {
6246
- display: flex;
6247
- align-items: center;
6248
- width: calc(100% - 40px);
6249
-
6250
- .chart {
6251
- display: inline-block;
6252
- width: 100%;
6253
- }
6254
- }
6255
-
6256
- .E_u1p8acpn {
6257
- min-width: 40px;
6258
-
6259
- .unit {
6260
- color: $text-light-primary !important;
6261
- }
6262
- }
6263
-
6264
-
6265
- .E_s1iv0tp1 {
6266
- .enabled-switch {
6267
- display: flex;
6268
- align-items: center;
6269
- }
6270
-
6271
- .enabled-text {
6272
- margin-right: 8px;
6273
- }
6274
- }
6275
-
6276
-
6277
- .E_s1at6qmn {
6278
- &.ant-layout-sider {
6279
- background: $backgrounds-light-grouped;
6280
- padding: 32px 8px;
6281
- overflow: auto;
6282
- }
6283
-
6284
- .ant-layout-sider-children {
6285
- display: flex;
6286
- flex-direction: column;
6287
- justify-content: space-between;
6288
- }
6289
-
6290
- footer {
6291
- display: flex;
6292
- }
6293
-
6294
- .ant-menu {
6295
- background: $backgrounds-light-grouped;
6296
- a {
6297
- color: $text-light-primary;
6298
- width: 180px;
6299
- overflow: hidden;
6300
- text-overflow: ellipsis;
6301
- }
6302
- }
6303
-
6304
- .ant-menu-vertical {
6305
- margin-bottom: 24px;
6306
-
6307
- .ant-menu-item-group {
6308
- .ant-menu-item {
6309
- margin: 0;
6310
- }
6311
- .ant-menu-item-group-title {
6312
- font-size: 12px;
6313
- padding: 0 8px 4px;
6314
- line-height: 18px;
6315
-
6316
- &:empty {
6317
- padding: 0;
6318
- }
6319
- }
6320
- &:not(:last-child) {
6321
- padding-bottom: 24px;
6322
- &.split {
6323
- margin-bottom: 24px;
6324
- border-bottom: 1px solid rgba(211, 218, 235, 0.6);
6325
- }
6326
- }
6327
- }
6328
-
6329
- .ant-menu-item {
6330
- transition: none;
6331
- display: flex;
6332
- align-items: center;
6333
- height: 32px;
6334
- line-height: 22px;
6335
- padding: 0 8px;
6336
-
6337
- > .icon-wrapper {
6338
- margin-right: 12px;
6339
- }
6340
-
6341
- &:not(:last-child) {
6342
- margin: 0;
6343
- margin-bottom: 2px;
6344
- }
6345
- &.ant-menu-item-selected {
6346
- background: $background-selected;
6347
- box-shadow: $box-shadow-light-selected;
6348
- border-radius: 6px;
6349
- color: $text-light-on-tint;
6350
- a {
6351
- color: $text-light-on-tint;
6352
- }
6353
- }
6354
- &:not(.ant-menu-item-selected) {
6355
- &.ant-menu-item:hover,
6356
- &.ant-menu-item-active {
6357
- background: $background-onhover;
6358
- box-shadow: $box-shadow-light-onhover;
6359
- border-radius: 6px;
6360
- }
6361
- }
6362
- }
6363
- }
6364
- }
6365
-
6366
- .E_s1wu0lms {
6367
- .ant-menu-item-group-title {
6368
- white-space: nowrap;
6369
- transition: all 0s;
6370
- }
6371
-
6372
- &.shrink {
6373
- transition: all 0s;
6374
- overflow: hidden;
6375
-
6376
- .ant-menu-item-group-title {
6377
- visibility: hidden;
6378
- }
6379
-
6380
- .ant-menu-item {
6381
- width: 36px;
6382
- padding: 0 6px;
6383
- }
6384
- }
6385
- }
6386
-
6387
- .E_n1ugzfva {
6388
- display: flex;
6389
- place-items: center;
6390
- width: 100% !important;
6391
-
6392
- &[disabled] {
6393
- color: rgba(0, 0, 0, 0.25) !important;
6394
- opacity: 1 !important;
6395
- }
6396
-
6397
- &.ant-btn {
6398
- width: 100%;
6399
- color: $text-light-primary;
6400
- }
6401
-
6402
- .icon-wrapper {
6403
- margin-right: 12px;
6404
- }
6405
-
6406
- .link-title {
6407
- flex: 1;
6408
- overflow: hidden;
6409
- white-space: nowrap;
6410
- text-overflow: ellipsis;
6411
- text-align: left;
6262
+ .E_skwah65 {
6263
+ height: 8px;
6264
+ box-sizing: border-box;
6265
+ border-radius: 2px;
6266
+ background: #f5f7fa;
6267
+ display: flex;
6268
+ width: 100%;
6269
+ overflow: hidden;
6270
+
6271
+ .stack-bar-item + .stack-bar-item {
6272
+ margin-left: 1px;
6412
6273
  }
6413
6274
  }
6414
6275
 
@@ -6681,6 +6542,145 @@
6681
6542
  }
6682
6543
 
6683
6544
 
6545
+ .E_s1at6qmn {
6546
+ &.ant-layout-sider {
6547
+ background: $backgrounds-light-grouped;
6548
+ padding: 32px 8px;
6549
+ overflow: auto;
6550
+ }
6551
+
6552
+ .ant-layout-sider-children {
6553
+ display: flex;
6554
+ flex-direction: column;
6555
+ justify-content: space-between;
6556
+ }
6557
+
6558
+ footer {
6559
+ display: flex;
6560
+ }
6561
+
6562
+ .ant-menu {
6563
+ background: $backgrounds-light-grouped;
6564
+ a {
6565
+ color: $text-light-primary;
6566
+ width: 180px;
6567
+ overflow: hidden;
6568
+ text-overflow: ellipsis;
6569
+ }
6570
+ }
6571
+
6572
+ .ant-menu-vertical {
6573
+ margin-bottom: 24px;
6574
+
6575
+ .ant-menu-item-group {
6576
+ .ant-menu-item {
6577
+ margin: 0;
6578
+ }
6579
+ .ant-menu-item-group-title {
6580
+ font-size: 12px;
6581
+ padding: 0 8px 4px;
6582
+ line-height: 18px;
6583
+
6584
+ &:empty {
6585
+ padding: 0;
6586
+ }
6587
+ }
6588
+ &:not(:last-child) {
6589
+ padding-bottom: 24px;
6590
+ &.split {
6591
+ margin-bottom: 24px;
6592
+ border-bottom: 1px solid rgba(211, 218, 235, 0.6);
6593
+ }
6594
+ }
6595
+ }
6596
+
6597
+ .ant-menu-item {
6598
+ transition: none;
6599
+ display: flex;
6600
+ align-items: center;
6601
+ height: 32px;
6602
+ line-height: 22px;
6603
+ padding: 0 8px;
6604
+
6605
+ > .icon-wrapper {
6606
+ margin-right: 12px;
6607
+ }
6608
+
6609
+ &:not(:last-child) {
6610
+ margin: 0;
6611
+ margin-bottom: 2px;
6612
+ }
6613
+ &.ant-menu-item-selected {
6614
+ background: $background-selected;
6615
+ box-shadow: $box-shadow-light-selected;
6616
+ border-radius: 6px;
6617
+ color: $text-light-on-tint;
6618
+ a {
6619
+ color: $text-light-on-tint;
6620
+ }
6621
+ }
6622
+ &:not(.ant-menu-item-selected) {
6623
+ &.ant-menu-item:hover,
6624
+ &.ant-menu-item-active {
6625
+ background: $background-onhover;
6626
+ box-shadow: $box-shadow-light-onhover;
6627
+ border-radius: 6px;
6628
+ }
6629
+ }
6630
+ }
6631
+ }
6632
+ }
6633
+
6634
+ .E_s1wu0lms {
6635
+ .ant-menu-item-group-title {
6636
+ white-space: nowrap;
6637
+ transition: all 0s;
6638
+ }
6639
+
6640
+ &.shrink {
6641
+ transition: all 0s;
6642
+ overflow: hidden;
6643
+
6644
+ .ant-menu-item-group-title {
6645
+ visibility: hidden;
6646
+ }
6647
+
6648
+ .ant-menu-item {
6649
+ width: 36px;
6650
+ padding: 0 6px;
6651
+ }
6652
+ }
6653
+ }
6654
+
6655
+ .E_n1ugzfva {
6656
+ display: flex;
6657
+ place-items: center;
6658
+ width: 100% !important;
6659
+
6660
+ &[disabled] {
6661
+ color: rgba(0, 0, 0, 0.25) !important;
6662
+ opacity: 1 !important;
6663
+ }
6664
+
6665
+ &.ant-btn {
6666
+ width: 100%;
6667
+ color: $text-light-primary;
6668
+ }
6669
+
6670
+ .icon-wrapper {
6671
+ margin-right: 12px;
6672
+ }
6673
+
6674
+ .link-title {
6675
+ flex: 1;
6676
+ overflow: hidden;
6677
+ white-space: nowrap;
6678
+ text-overflow: ellipsis;
6679
+ text-align: left;
6680
+ }
6681
+ }
6682
+
6683
+
6684
6684
  .E_cyms3br {
6685
6685
  background: #fff;
6686
6686
  width: 100%;
@@ -6737,10 +6737,47 @@
6737
6737
  }
6738
6738
 
6739
6739
 
6740
- .E_h1ol2wl7 {
6741
- font-weight: bold;
6742
- background-color: unset;
6743
- padding: unset;
6740
+ .E_i5w779o {
6741
+ padding: 8px 0;
6742
+
6743
+ .col-label {
6744
+ flex-shrink: unset;
6745
+ * {
6746
+ line-height: 18px;
6747
+ }
6748
+ }
6749
+ .col-content {
6750
+ flex: 1 1 0;
6751
+ display: flex;
6752
+ align-items: center;
6753
+ * {
6754
+ line-height: 18px;
6755
+ }
6756
+ }
6757
+ }
6758
+
6759
+ .E_l18dja44 {
6760
+ padding: 6px 0;
6761
+
6762
+ .col-label * {
6763
+ font-size: 13px;
6764
+ line-height: 20px;
6765
+ }
6766
+ .col-content * {
6767
+ font-size: 14px;
6768
+ line-height: 20px;
6769
+ }
6770
+ }
6771
+
6772
+ .E_c8c2hys {
6773
+ display: flex;
6774
+ justify-content: space-between;
6775
+ flex: 1;
6776
+ min-width: 0;
6777
+ }
6778
+
6779
+ .E_n4m6c4d {
6780
+ color: $text-light-tertiary;
6744
6781
  }
6745
6782
 
6746
6783
 
@@ -6789,47 +6826,10 @@
6789
6826
  }
6790
6827
 
6791
6828
 
6792
- .E_i5w779o {
6793
- padding: 8px 0;
6794
-
6795
- .col-label {
6796
- flex-shrink: unset;
6797
- * {
6798
- line-height: 18px;
6799
- }
6800
- }
6801
- .col-content {
6802
- flex: 1 1 0;
6803
- display: flex;
6804
- align-items: center;
6805
- * {
6806
- line-height: 18px;
6807
- }
6808
- }
6809
- }
6810
-
6811
- .E_l18dja44 {
6812
- padding: 6px 0;
6813
-
6814
- .col-label * {
6815
- font-size: 13px;
6816
- line-height: 20px;
6817
- }
6818
- .col-content * {
6819
- font-size: 14px;
6820
- line-height: 20px;
6821
- }
6822
- }
6823
-
6824
- .E_c8c2hys {
6825
- display: flex;
6826
- justify-content: space-between;
6827
- flex: 1;
6828
- min-width: 0;
6829
- }
6830
-
6831
- .E_n4m6c4d {
6832
- color: $text-light-tertiary;
6829
+ .E_h1ol2wl7 {
6830
+ font-weight: bold;
6831
+ background-color: unset;
6832
+ padding: unset;
6833
6833
  }
6834
6834
 
6835
6835
 
@@ -6884,16 +6884,6 @@
6884
6884
  }
6885
6885
 
6886
6886
 
6887
- .E_cevhqx7 {
6888
- color: $text-light-primary;
6889
- }
6890
-
6891
- .E_snbqlt4 {
6892
- margin-top: 8px;
6893
- color: $text-light-secondary;
6894
- }
6895
-
6896
-
6897
6887
  .E_c1kchka8 {
6898
6888
  height: 100%;
6899
6889
  width: 100%;
@@ -7473,6 +7463,16 @@
7473
7463
  }
7474
7464
 
7475
7465
 
7466
+ .E_cevhqx7 {
7467
+ color: $text-light-primary;
7468
+ }
7469
+
7470
+ .E_snbqlt4 {
7471
+ margin-top: 8px;
7472
+ color: $text-light-secondary;
7473
+ }
7474
+
7475
+
7476
7476
  .E_c1ss4prm {
7477
7477
  color: $text-light-secondary;
7478
7478