@cloudtower/eagle 0.33.21 → 0.33.23

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 (13) hide show
  1. package/dist/cjs/index.js +81 -76
  2. package/dist/cjs/stats1.html +1 -1
  3. package/dist/components.css +1656 -1656
  4. package/dist/esm/index.js +4 -3
  5. package/dist/esm/stats1.html +1 -1
  6. package/dist/linaria.merged.scss +1859 -1859
  7. package/dist/src/core/Antd5Tree/Antd5Tree.d.ts +1 -0
  8. package/dist/src/core/Antd5Tree/Antd5Tree.type.d.ts +4 -0
  9. package/dist/src/core/Antd5Tree/index.d.ts +2 -0
  10. package/dist/src/core/index.d.ts +5 -16
  11. package/dist/stories/docs/core/Antd5Tree.stories.d.ts +44 -0
  12. package/dist/style.css +1316 -1316
  13. package/package.json +4 -4
package/dist/linaria.merged.scss CHANGED
@@ -469,10 +469,82 @@
469
469
  }
470
470
 
471
471
 
472
- .E_c1yyuluq {
473
- border-radius: 8px;
474
- .ant-card-body {
475
- padding: 20px 24px 24px 24px;
472
+ .E_c1uzzomf {
473
+ margin-bottom: 16px;
474
+
475
+ .card-title {
476
+ font-size: 16px;
477
+ color: $text-secondary-light;
478
+ font-weight: 700;
479
+ line-height: 32px;
480
+ }
481
+ .card-body {
482
+ padding: 24px;
483
+ border-radius: 8px;
484
+ background: $fills-light-white;
485
+ }
486
+
487
+ .empty {
488
+ font-weight: 700;
489
+ font-size: 14px;
490
+ line-height: 22px;
491
+ color: $text-light-tertiary;
492
+ text-align: center;
493
+ }
494
+ }
495
+
496
+
497
+ .E_itxley7 {
498
+ &.ant-input-group.ant-input-group-compact {
499
+ display: flex;
500
+ }
501
+
502
+ &.ant-input-group.ant-input-group-compact > *:first-child,
503
+ &.ant-input-group.ant-input-group-compact
504
+ > .ant-select:first-child
505
+ > .ant-select-selector,
506
+ &.ant-input-group.ant-input-group-compact
507
+ > .ant-calendar-picker:first-child
508
+ .ant-input,
509
+ &.ant-input-group.ant-input-group-compact
510
+ > .ant-select-auto-complete:first-child
511
+ .ant-input,
512
+ &.ant-input-group.ant-input-group-compact
513
+ > .ant-cascader-picker:first-child
514
+ .ant-input,
515
+ &.ant-input-group.ant-input-group-compact
516
+ > .ant-mention-wrapper:first-child
517
+ .ant-mention-editor,
518
+ &.ant-input-group.ant-input-group-compact
519
+ > .ant-time-picker:first-child
520
+ .ant-time-picker-input {
521
+ border-bottom-left-radius: 5px;
522
+ border-top-left-radius: 5px;
523
+ }
524
+ &.ant-input-group.ant-input-group-compact > *:last-child,
525
+ &.ant-input-group.ant-input-group-compact
526
+ > .ant-select:last-child
527
+ > .ant-select-selector,
528
+ &.ant-input-group.ant-input-group-compact
529
+ > .ant-calendar-picker:last-child
530
+ .ant-input,
531
+ &.ant-input-group.ant-input-group-compact
532
+ > .ant-select-auto-complete:last-child
533
+ .ant-input,
534
+ &.ant-input-group.ant-input-group-compact
535
+ > .ant-cascader-picker:last-child
536
+ .ant-input,
537
+ &.ant-input-group.ant-input-group-compact
538
+ > .ant-cascader-picker-focused:last-child
539
+ .ant-input,
540
+ &.ant-input-group.ant-input-group-compact
541
+ > .ant-mention-wrapper:last-child
542
+ .ant-mention-editor,
543
+ &.ant-input-group.ant-input-group-compact
544
+ > .ant-time-picker:last-child
545
+ .ant-time-picker-input {
546
+ border-bottom-right-radius: 5px;
547
+ border-top-right-radius: 5px;
476
548
  }
477
549
  }
478
550
 
@@ -509,27 +581,35 @@
509
581
  }
510
582
 
511
583
 
512
- .E_c1uzzomf {
513
- margin-bottom: 16px;
514
-
515
- .card-title {
516
- font-size: 16px;
517
- color: $text-secondary-light;
518
- font-weight: 700;
519
- line-height: 32px;
584
+ .E_d133fzv0 {
585
+ .ant-dropdown-menu-item-group {
586
+ .ant-dropdown-menu-item-group-title {
587
+ padding: 4px 8px 0 8px;
588
+ color: $text-light-secondary;
589
+ font-size: 12px;
590
+ }
591
+ .ant-dropdown-menu-item-group-list {
592
+ padding-bottom: 6px;
593
+ }
594
+ &:not(:first-child) {
595
+ padding-top: 4px;
596
+ border-top: 1px solid $strokes-light-trans-2;
597
+ }
520
598
  }
521
- .card-body {
522
- padding: 24px;
523
- border-radius: 8px;
524
- background: $fills-light-white;
599
+ }
600
+
601
+
602
+ .E_sx1bpnu {
603
+ .ant-input-sm {
604
+ line-height: 18px;
525
605
  }
606
+ }
526
607
 
527
- .empty {
528
- font-weight: 700;
529
- font-size: 14px;
530
- line-height: 22px;
531
- color: $text-light-tertiary;
532
- text-align: center;
608
+
609
+ .E_c1yyuluq {
610
+ border-radius: 8px;
611
+ .ant-card-body {
612
+ padding: 20px 24px 24px 24px;
533
613
  }
534
614
  }
535
615
 
@@ -625,259 +705,103 @@
625
705
  }
626
706
 
627
707
 
628
- .E_d133fzv0 {
629
- .ant-dropdown-menu-item-group {
630
- .ant-dropdown-menu-item-group-title {
631
- padding: 4px 8px 0 8px;
632
- color: $text-light-secondary;
633
- font-size: 12px;
634
- }
635
- .ant-dropdown-menu-item-group-list {
636
- padding-bottom: 6px;
708
+ .E_rapgekc {
709
+ &.ant-radio-wrapper {
710
+ display: inline-flex;
711
+ align-items: baseline;
712
+ white-space: pre-wrap;
713
+
714
+ .ant-radio {
715
+ position: relative;
716
+ top: 3px;
717
+
718
+ .ant-radio-inner {
719
+ border-color: $strokes-light-trans-4;
720
+ }
721
+
722
+ &:hover .ant-radio-inner {
723
+ border-color: $blue-60;
724
+ }
725
+
726
+ &.ant-radio-checked .ant-radio-inner {
727
+ border-color: $blue-60;
728
+ background: $blue-60;
729
+ &::after {
730
+ top: 4px;
731
+ left: 4px;
732
+ width: 6px;
733
+ height: 6px;
734
+ background: $white;
735
+ }
736
+ }
737
+
738
+ &.ant-radio-disabled {
739
+ opacity: 0.5;
740
+
741
+ .ant-radio-inner {
742
+ border-color: $strokes-light-trans-4;
743
+ background: $fills-light-trans-3;
744
+ &::after {
745
+ background: $text-light-primary;
746
+ }
747
+ }
748
+
749
+ & + span {
750
+ color: $text-light-primary;
751
+ opacity: 0.5;
752
+
753
+ .radio-description {
754
+ color: $text-light-primary;
755
+ }
756
+ }
757
+ }
758
+
759
+ & + span {
760
+ display: inline-block;
761
+ padding: 0;
762
+ padding-left: 10px;
763
+
764
+ .radio-description {
765
+ margin-bottom: 0;
766
+ white-space: pre-wrap;
767
+ color: $text-secondary-light;
768
+ }
769
+ }
637
770
  }
638
- &:not(:first-child) {
639
- padding-top: 4px;
640
- border-top: 1px solid $strokes-light-trans-2;
771
+ }
772
+
773
+ &.ant-radio-wrapper.compact {
774
+ .ant-radio + span {
775
+ padding-left: 8px;
641
776
  }
642
777
  }
643
778
  }
644
779
 
645
-
646
- .E_sx1bpnu {
647
- .ant-input-sm {
648
- line-height: 18px;
780
+ .E_rp906go {
781
+ & .ant-radio-button-wrapper:first-child {
782
+ border-radius: 5px 0 0 5px;
783
+ }
784
+ & .ant-radio-button-wrapper:last-child {
785
+ border-radius: 0 5px 5px 0;
649
786
  }
650
787
  }
651
788
 
789
+ .E_rcc63c8 {
790
+ color: $text-light-primary;
791
+ border-color: $strokes-light-opaque-3;
652
792
 
653
- .E_itxley7 {
654
- &.ant-input-group.ant-input-group-compact {
655
- display: flex;
793
+ &:first-child {
794
+ border-color: $strokes-light-opaque-4;
656
795
  }
657
796
 
658
- &.ant-input-group.ant-input-group-compact > *:first-child,
659
- &.ant-input-group.ant-input-group-compact
660
- > .ant-select:first-child
661
- > .ant-select-selector,
662
- &.ant-input-group.ant-input-group-compact
663
- > .ant-calendar-picker:first-child
664
- .ant-input,
665
- &.ant-input-group.ant-input-group-compact
666
- > .ant-select-auto-complete:first-child
667
- .ant-input,
668
- &.ant-input-group.ant-input-group-compact
669
- > .ant-cascader-picker:first-child
670
- .ant-input,
671
- &.ant-input-group.ant-input-group-compact
672
- > .ant-mention-wrapper:first-child
673
- .ant-mention-editor,
674
- &.ant-input-group.ant-input-group-compact
675
- > .ant-time-picker:first-child
676
- .ant-time-picker-input {
677
- border-bottom-left-radius: 5px;
678
- border-top-left-radius: 5px;
679
- }
680
- &.ant-input-group.ant-input-group-compact > *:last-child,
681
- &.ant-input-group.ant-input-group-compact
682
- > .ant-select:last-child
683
- > .ant-select-selector,
684
- &.ant-input-group.ant-input-group-compact
685
- > .ant-calendar-picker:last-child
686
- .ant-input,
687
- &.ant-input-group.ant-input-group-compact
688
- > .ant-select-auto-complete:last-child
689
- .ant-input,
690
- &.ant-input-group.ant-input-group-compact
691
- > .ant-cascader-picker:last-child
692
- .ant-input,
693
- &.ant-input-group.ant-input-group-compact
694
- > .ant-cascader-picker-focused:last-child
695
- .ant-input,
696
- &.ant-input-group.ant-input-group-compact
697
- > .ant-mention-wrapper:last-child
698
- .ant-mention-editor,
699
- &.ant-input-group.ant-input-group-compact
700
- > .ant-time-picker:last-child
701
- .ant-time-picker-input {
702
- border-bottom-right-radius: 5px;
703
- border-top-right-radius: 5px;
704
- }
705
- }
706
-
707
-
708
- .E_c1bus5hc {
709
- --color: white;
710
- height: 14px;
711
- width: 14px;
712
- border-radius: 50%;
713
- flex-shrink: 0;
714
- display: flex;
715
- align-items: center;
716
- justify-content: center;
717
- border: 1px solid var(--color);
718
-
719
- .circle-inner {
720
- position: relative;
721
- height: 10px;
722
- width: 10px;
723
- border-radius: 50%;
724
- overflow: hidden;
725
- }
726
-
727
- .circle-content {
728
- position: absolute;
729
- height: 100%;
730
- width: 100%;
731
- left: 0;
732
- top: 0;
733
- border-radius: 50%;
734
- background: linear-gradient(to right, var(--color) 50%, white 50%);
735
- transform: rotate(180deg);
736
- }
737
-
738
- .circle-child {
739
- position: absolute;
740
- height: 100%;
741
- width: 100%;
742
- left: 0;
743
- top: 0;
744
- margin-left: 50%;
745
- transform-origin: left;
746
- background: white;
747
- transform: rotate(0deg);
748
- }
749
- }
750
-
751
-
752
- .E_i11gg7mj {
753
- .ant-input-prefix {
754
- margin-right: 8px;
755
- }
756
- .ant-input-suffix {
757
- margin-left: 8px;
758
- }
759
- }
760
-
761
- .E_cc368xp {
762
- color: $gray-120;
763
- border-right: 1px solid $gray-a60-5;
764
- margin-right: 8px;
765
- padding-right: 8px;
766
- }
767
-
768
- .E_i11o6xqj {
769
- display: flex;
770
- gap: 4px;
771
-
772
- .icon-wrapper {
773
- cursor: pointer;
774
- }
775
- }
776
-
777
- .E_d19ruhdj {
778
- &.icon-wrapper {
779
- cursor: not-allowed;
780
- }
781
- }
782
-
783
-
784
- .E_rapgekc {
785
- &.ant-radio-wrapper {
786
- display: inline-flex;
787
- align-items: baseline;
788
- white-space: pre-wrap;
789
-
790
- .ant-radio {
791
- position: relative;
792
- top: 3px;
793
-
794
- .ant-radio-inner {
795
- border-color: $strokes-light-trans-4;
796
- }
797
-
798
- &:hover .ant-radio-inner {
799
- border-color: $blue-60;
800
- }
801
-
802
- &.ant-radio-checked .ant-radio-inner {
803
- border-color: $blue-60;
804
- background: $blue-60;
805
- &::after {
806
- top: 4px;
807
- left: 4px;
808
- width: 6px;
809
- height: 6px;
810
- background: $white;
811
- }
812
- }
813
-
814
- &.ant-radio-disabled {
815
- opacity: 0.5;
816
-
817
- .ant-radio-inner {
818
- border-color: $strokes-light-trans-4;
819
- background: $fills-light-trans-3;
820
- &::after {
821
- background: $text-light-primary;
822
- }
823
- }
824
-
825
- & + span {
826
- color: $text-light-primary;
827
- opacity: 0.5;
828
-
829
- .radio-description {
830
- color: $text-light-primary;
831
- }
832
- }
833
- }
834
-
835
- & + span {
836
- display: inline-block;
837
- padding: 0;
838
- padding-left: 10px;
839
-
840
- .radio-description {
841
- margin-bottom: 0;
842
- white-space: pre-wrap;
843
- color: $text-secondary-light;
844
- }
845
- }
846
- }
847
- }
848
-
849
- &.ant-radio-wrapper.compact {
850
- .ant-radio + span {
851
- padding-left: 8px;
852
- }
853
- }
854
- }
855
-
856
- .E_rp906go {
857
- & .ant-radio-button-wrapper:first-child {
858
- border-radius: 5px 0 0 5px;
859
- }
860
- & .ant-radio-button-wrapper:last-child {
861
- border-radius: 0 5px 5px 0;
862
- }
863
- }
864
-
865
- .E_rcc63c8 {
866
- color: $text-light-primary;
867
- border-color: $strokes-light-opaque-3;
868
-
869
- &:first-child {
870
- border-color: $strokes-light-opaque-4;
871
- }
872
-
873
- &.ant-radio-button-wrapper {
874
- padding: 0 12px;
875
- line-height: 32px;
876
- height: 32px;
877
-
878
- > span + span {
879
- white-space: nowrap;
880
- }
797
+ &.ant-radio-button-wrapper {
798
+ padding: 0 12px;
799
+ line-height: 32px;
800
+ height: 32px;
801
+
802
+ > span + span {
803
+ white-space: nowrap;
804
+ }
881
805
  }
882
806
 
883
807
  .ant-radio-group-small &.ant-radio-button-wrapper {
@@ -962,6 +886,61 @@
962
886
  }
963
887
 
964
888
 
889
+ .E_c1bus5hc {
890
+ --color: white;
891
+ height: 14px;
892
+ width: 14px;
893
+ border-radius: 50%;
894
+ flex-shrink: 0;
895
+ display: flex;
896
+ align-items: center;
897
+ justify-content: center;
898
+ border: 1px solid var(--color);
899
+
900
+ .circle-inner {
901
+ position: relative;
902
+ height: 10px;
903
+ width: 10px;
904
+ border-radius: 50%;
905
+ overflow: hidden;
906
+ }
907
+
908
+ .circle-content {
909
+ position: absolute;
910
+ height: 100%;
911
+ width: 100%;
912
+ left: 0;
913
+ top: 0;
914
+ border-radius: 50%;
915
+ background: linear-gradient(to right, var(--color) 50%, white 50%);
916
+ transform: rotate(180deg);
917
+ }
918
+
919
+ .circle-child {
920
+ position: absolute;
921
+ height: 100%;
922
+ width: 100%;
923
+ left: 0;
924
+ top: 0;
925
+ margin-left: 50%;
926
+ transform-origin: left;
927
+ background: white;
928
+ transform: rotate(0deg);
929
+ }
930
+ }
931
+
932
+
933
+ .E_ivqqkzv {
934
+ height: 24px;
935
+ width: 56px !important;
936
+ margin-right: 4px;
937
+ }
938
+
939
+ .E_c1wk4q29 {
940
+ color: $text-secondary-light;
941
+ }
942
+
943
+
965
944
  .E_phljevk {
966
945
  display: flex;
967
946
  justify-content: space-between;
@@ -1029,17 +1008,6 @@
1029
1008
  }
1030
1009
 
1031
1010
 
1032
- .E_ivqqkzv {
1033
- height: 24px;
1034
- width: 56px !important;
1035
- margin-right: 4px;
1036
- }
1037
-
1038
- .E_c1wk4q29 {
1039
- color: $text-secondary-light;
1040
- }
1041
-
1042
-
1043
1011
  .E_s1dizucg {
1044
1012
  &.ant-switch {
1045
1013
  min-width: 40px;
@@ -1100,6 +1068,64 @@
1100
1068
  }
1101
1069
 
1102
1070
 
1071
+ .E_i11gg7mj {
1072
+ .ant-input-prefix {
1073
+ margin-right: 8px;
1074
+ }
1075
+ .ant-input-suffix {
1076
+ margin-left: 8px;
1077
+ }
1078
+ }
1079
+
1080
+ .E_cc368xp {
1081
+ color: $gray-120;
1082
+ border-right: 1px solid $gray-a60-5;
1083
+ margin-right: 8px;
1084
+ padding-right: 8px;
1085
+ }
1086
+
1087
+ .E_i11o6xqj {
1088
+ display: flex;
1089
+ gap: 4px;
1090
+
1091
+ .icon-wrapper {
1092
+ cursor: pointer;
1093
+ }
1094
+ }
1095
+
1096
+ .E_d19ruhdj {
1097
+ &.icon-wrapper {
1098
+ cursor: not-allowed;
1099
+ }
1100
+ }
1101
+
1102
+
1103
+ .E_tju3gfj {
1104
+ .date {
1105
+ margin-right: 4px;
1106
+ }
1107
+ }
1108
+
1109
+
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
+ }
1121
+ }
1122
+
1123
+
1124
+ .E_iq1gosr {
1125
+ display: inline-block;
1126
+ }
1127
+
1128
+
1103
1129
  .E_s1dni7lo {
1104
1130
  width: 430px !important;
1105
1131
  }
@@ -1189,113 +1215,6 @@
1189
1215
  }
1190
1216
 
1191
1217
 
1192
- .E_tju3gfj {
1193
- .date {
1194
- margin-right: 4px;
1195
- }
1196
- }
1197
-
1198
-
1199
- .E_iq1gosr {
1200
- display: inline-block;
1201
- }
1202
-
1203
-
1204
- .E_t1m2x205 {
1205
- .ant-tooltip-arrow {
1206
- display: none;
1207
- }
1208
- .ant-tooltip-inner {
1209
- background: $gray-a80-9;
1210
- border-radius: 4px;
1211
- &:has(.eagle-ellipsis-content) {
1212
- visibility: hidden;
1213
- }
1214
- }
1215
- }
1216
-
1217
-
1218
- .E_f7pxqmh {
1219
- width: 100%;
1220
- margin-bottom: 0 !important;
1221
- flex-flow: nowrap !important;
1222
- line-break: auto;
1223
-
1224
- & > .ant-form-item-label {
1225
- text-align: left !important;
1226
- padding-bottom: 0 !important;
1227
-
1228
- & > label {
1229
- min-height: 32px;
1230
- height: auto;
1231
- font-size: 13px;
1232
- color: rgba(44, 56, 82, 0.6);
1233
- white-space: normal;
1234
- }
1235
- }
1236
-
1237
- &.ant-form-item-has-error {
1238
- .ant-input {
1239
- border-color: #ff4d4f !important;
1240
- }
1241
- .ant-input-password {
1242
- border-color: #ff4d4f !important;
1243
- }
1244
- }
1245
-
1246
- .ant-form-item-explain {
1247
- margin-top: 4px;
1248
- font-size: 12px;
1249
- min-height: 0px;
1250
- }
1251
-
1252
- .ant-form-item-extra {
1253
- font-size: 12px;
1254
- color: rgba(44, 56, 82, 0.6);
1255
- min-height: 0px;
1256
- }
1257
- }
1258
-
1259
-
1260
- .E_iouxfgt {
1261
- display: inline-flex;
1262
- align-items: center;
1263
-
1264
- .icon-inner {
1265
- display: inline-flex;
1266
- align-items: center;
1267
- justify-content: center;
1268
- }
1269
- .icon-inner + span,
1270
- span + .icon-inner.suffix {
1271
- margin-left: 4px;
1272
- }
1273
- &.is-rotate {
1274
- img,
1275
- svg {
1276
- animation: rotate 680ms linear infinite;
1277
- }
1278
- }
1279
- }
1280
-
1281
-
1282
- .E_fzh9mnb {
1283
- width: 100%;
1284
- height: 100%;
1285
- min-height: 124px;
1286
- display: flex;
1287
- flex-direction: column;
1288
- justify-content: center;
1289
- align-items: center;
1290
-
1291
- .error-text {
1292
- color: $text-terdiary-light;
1293
- margin-bottom: 16px;
1294
- font-size: 18px;
1295
- }
1296
- }
1297
-
1298
-
1299
1218
  .E_s1sck0th {
1300
1219
  padding: 0 8px;
1301
1220
  border-radius: 4px;
@@ -1382,63 +1301,83 @@
1382
1301
  }
1383
1302
 
1384
1303
 
1385
- .E_a1wfy30z {
1386
- .ant-input-number-handler-wrap {
1387
- display: var(--a1wfy30z-0);
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;
1388
1317
  }
1389
- .ant-input-number-input-wrap {
1390
- padding: 4px 11px;
1391
- display: inline-flex;
1392
- line-height: 1.5715;
1393
- height: inherit;
1318
+ }
1319
+
1320
+
1321
+ .E_f7pxqmh {
1322
+ width: 100%;
1323
+ margin-bottom: 0 !important;
1324
+ flex-flow: nowrap !important;
1325
+ line-break: auto;
1326
+
1327
+ & > .ant-form-item-label {
1328
+ text-align: left !important;
1329
+ padding-bottom: 0 !important;
1330
+
1331
+ & > label {
1332
+ min-height: 32px;
1333
+ height: auto;
1334
+ font-size: 13px;
1335
+ color: rgba(44, 56, 82, 0.6);
1336
+ white-space: normal;
1337
+ }
1394
1338
  }
1395
1339
 
1396
- .ant-input-number-input-wrap::after {
1397
- content: var(--a1wfy30z-1);
1398
- display: var(--a1wfy30z-2);
1399
- flex: none;
1400
- align-items: center;
1401
- margin-left: 4px;
1340
+ &.ant-form-item-has-error {
1341
+ .ant-input {
1342
+ border-color: #ff4d4f !important;
1343
+ }
1344
+ .ant-input-password {
1345
+ border-color: #ff4d4f !important;
1346
+ }
1402
1347
  }
1403
1348
 
1404
- .ant-input-number-input-wrap::before {
1405
- content: var(--a1wfy30z-3);
1406
- display: var(--a1wfy30z-4);
1407
- flex: none;
1408
- align-items: center;
1409
- margin-right: 4px;
1410
- cursor: auto;
1349
+ .ant-form-item-explain {
1350
+ margin-top: 4px;
1351
+ font-size: 12px;
1352
+ min-height: 0px;
1411
1353
  }
1412
1354
 
1413
- .ant-input-number-input {
1414
- padding: 0;
1415
- margin: 0;
1416
- height: auto;
1417
- font-size: inherit;
1355
+ .ant-form-item-extra {
1356
+ font-size: 12px;
1357
+ color: rgba(44, 56, 82, 0.6);
1358
+ min-height: 0px;
1418
1359
  }
1419
1360
  }
1420
1361
 
1421
1362
 
1422
- .E_i1inqkme {
1423
- height: 18px;
1424
- line-height: 18px;
1425
- padding: 0 4px;
1426
- border-radius: 4px;
1427
- background: rgba(235, 239, 245, 0.6);
1428
- border: 1px solid rgba(223, 228, 235, 0.6);
1429
- display: flex;
1363
+ .E_iouxfgt {
1364
+ display: inline-flex;
1430
1365
  align-items: center;
1431
- white-space: nowrap;
1432
- margin-right: 4px;
1433
- }
1434
1366
 
1435
-
1436
- .E_atcz0kf {
1437
- .ant-input-suffix {
1438
- margin-left: 8px;
1367
+ .icon-inner {
1368
+ display: inline-flex;
1369
+ align-items: center;
1370
+ justify-content: center;
1439
1371
  }
1440
- &.ant-input-affix-wrapper.ant-input-affix-wrapper-sm {
1441
- padding: 2px 7px 2px 12px;
1372
+ .icon-inner + span,
1373
+ span + .icon-inner.suffix {
1374
+ margin-left: 4px;
1375
+ }
1376
+ &.is-rotate {
1377
+ img,
1378
+ svg {
1379
+ animation: rotate 680ms linear infinite;
1380
+ }
1442
1381
  }
1443
1382
  }
1444
1383
 
@@ -1524,6 +1463,109 @@
1524
1463
  }
1525
1464
 
1526
1465
 
1466
+ .E_atcz0kf {
1467
+ .ant-input-suffix {
1468
+ margin-left: 8px;
1469
+ }
1470
+ &.ant-input-affix-wrapper.ant-input-affix-wrapper-sm {
1471
+ padding: 2px 7px 2px 12px;
1472
+ }
1473
+ }
1474
+
1475
+
1476
+ .E_i1inqkme {
1477
+ height: 18px;
1478
+ line-height: 18px;
1479
+ padding: 0 4px;
1480
+ border-radius: 4px;
1481
+ background: rgba(235, 239, 245, 0.6);
1482
+ border: 1px solid rgba(223, 228, 235, 0.6);
1483
+ display: flex;
1484
+ align-items: center;
1485
+ white-space: nowrap;
1486
+ margin-right: 4px;
1487
+ }
1488
+
1489
+
1490
+ .E_a1wfy30z {
1491
+ .ant-input-number-handler-wrap {
1492
+ display: var(--a1wfy30z-0);
1493
+ }
1494
+ .ant-input-number-input-wrap {
1495
+ padding: 4px 11px;
1496
+ display: inline-flex;
1497
+ line-height: 1.5715;
1498
+ height: inherit;
1499
+ }
1500
+
1501
+ .ant-input-number-input-wrap::after {
1502
+ content: var(--a1wfy30z-1);
1503
+ display: var(--a1wfy30z-2);
1504
+ flex: none;
1505
+ align-items: center;
1506
+ margin-left: 4px;
1507
+ }
1508
+
1509
+ .ant-input-number-input-wrap::before {
1510
+ content: var(--a1wfy30z-3);
1511
+ display: var(--a1wfy30z-4);
1512
+ flex: none;
1513
+ align-items: center;
1514
+ margin-right: 4px;
1515
+ cursor: auto;
1516
+ }
1517
+
1518
+ .ant-input-number-input {
1519
+ padding: 0;
1520
+ margin: 0;
1521
+ height: auto;
1522
+ font-size: inherit;
1523
+ }
1524
+ }
1525
+
1526
+
1527
+ .E_m196gn1d {
1528
+ min-width: 1280px;
1529
+ }
1530
+
1531
+
1532
+ .E_a1b5xrg3 {
1533
+ .user-icon-inner {
1534
+ display: inline-flex;
1535
+ align-items: center;
1536
+ justify-content: center;
1537
+ color: $white;
1538
+ font-weight: bold;
1539
+ font-size: 12px;
1540
+ width: 24px;
1541
+ height: 24px;
1542
+ border-radius: 50%;
1543
+ background: var(--a1b5xrg3-0);
1544
+ }
1545
+ &.btn-item {
1546
+ transition: all 160ms ease;
1547
+ cursor: pointer;
1548
+ width: 56px;
1549
+ height: 40px;
1550
+ display: inline-flex;
1551
+ align-items: center;
1552
+ justify-content: center;
1553
+ border-radius: 6px;
1554
+
1555
+ &:hover {
1556
+ box-shadow:
1557
+ 0px 0px 20px rgba(107, 125, 153, 0.18),
1558
+ 0px 25px 80px rgba(45, 58, 86, 0.3);
1559
+ }
1560
+
1561
+ &:active {
1562
+ transform: translateY(2px);
1563
+ transition: all 320ms ease;
1564
+ }
1565
+ }
1566
+ }
1567
+
1568
+
1527
1569
  .E_owd0kml {
1528
1570
  display: inline-block;
1529
1571
  }
@@ -2701,45 +2743,31 @@
2701
2743
  }
2702
2744
 
2703
2745
 
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
- }
2746
+ .E_oa99sl3 {
2747
+ display: flex;
2748
+ justify-content: space-between;
2749
+ align-items: center;
2750
+ gap: 8px;
2732
2751
 
2733
- &:active {
2734
- transform: translateY(2px);
2735
- transition: all 320ms ease;
2736
- }
2752
+ &,
2753
+ :first-child {
2754
+ // unset the global style
2755
+ line-height: inherit !important;
2737
2756
  }
2738
2757
  }
2739
2758
 
2759
+ .E_lvp5pj7 {
2760
+ display: flex;
2761
+ justify-content: space-between;
2762
+ align-items: center;
2763
+ gap: 8px;
2764
+ min-width: 0;
2765
+ }
2740
2766
 
2741
- .E_m196gn1d {
2742
- min-width: 1280px;
2767
+ .E_s1io1lws {
2768
+ display: flex;
2769
+ align-items: center;
2770
+ flex-shrink: 0;
2743
2771
  }
2744
2772
 
2745
2773
 
@@ -3046,46 +3074,18 @@
3046
3074
  }
3047
3075
 
3048
3076
 
3049
- .E_oa99sl3 {
3077
+ .E_w1dxz879 {
3050
3078
  display: flex;
3051
- justify-content: space-between;
3052
- align-items: center;
3053
- gap: 8px;
3054
-
3055
- &,
3056
- :first-child {
3057
- // unset the global style
3058
- line-height: inherit !important;
3079
+ flex-direction: column;
3080
+ gap: 6px;
3081
+ .ellipsis-tooltip {
3082
+ max-height: var(--w1dxz879-0);
3083
+ text-overflow: clip;
3084
+ overflow: hidden;
3059
3085
  }
3060
- }
3061
-
3062
- .E_lvp5pj7 {
3063
- display: flex;
3064
- justify-content: space-between;
3065
- align-items: center;
3066
- gap: 8px;
3067
- min-width: 0;
3068
- }
3069
-
3070
- .E_s1io1lws {
3071
- display: flex;
3072
- align-items: center;
3073
- flex-shrink: 0;
3074
- }
3075
-
3076
-
3077
- .E_suhck3k {
3078
- height: 24px;
3079
- width: 24px;
3080
- border-radius: 6px;
3081
- padding: 4px;
3082
- &:hover {
3083
- background-color: $fill-outstanding-light;
3084
- svg {
3085
- path {
3086
- fill: blue;
3087
- }
3088
- }
3086
+ .tips {
3087
+ color: #fff;
3088
+ opacity: 0.8;
3089
3089
  }
3090
3090
  }
3091
3091
 
@@ -3107,18 +3107,18 @@
3107
3107
  }
3108
3108
 
3109
3109
 
3110
- .E_w1dxz879 {
3111
- display: flex;
3112
- flex-direction: column;
3113
- gap: 6px;
3114
- .ellipsis-tooltip {
3115
- max-height: var(--w1dxz879-0);
3116
- text-overflow: clip;
3117
- overflow: hidden;
3118
- }
3119
- .tips {
3120
- color: #fff;
3121
- opacity: 0.8;
3110
+ .E_suhck3k {
3111
+ height: 24px;
3112
+ width: 24px;
3113
+ border-radius: 6px;
3114
+ padding: 4px;
3115
+ &:hover {
3116
+ background-color: $fill-outstanding-light;
3117
+ svg {
3118
+ path {
3119
+ fill: blue;
3120
+ }
3121
+ }
3122
3122
  }
3123
3123
  }
3124
3124
 
@@ -3644,9 +3644,78 @@
3644
3644
  }
3645
3645
 
3646
3646
 
3647
- .E_c1kghdax {
3648
- color: $text-primary-light;
3649
- padding: 7px 12px;
3647
+ .E_lht19u8 {
3648
+ width: 64px;
3649
+ height: 64px;
3650
+ display: flex;
3651
+ align-items: center;
3652
+ justify-content: center;
3653
+ position: relative;
3654
+ opacity: 0.2;
3655
+ }
3656
+
3657
+ .E_lk3gkp4 {
3658
+ position: absolute;
3659
+ width: 5px;
3660
+ height: 48px;
3661
+ left: 9.33px;
3662
+ top: 40.5px;
3663
+
3664
+ background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
3665
+ border-radius: 5px;
3666
+ transform: rotate(-128deg);
3667
+ transform-origin: top left;
3668
+
3669
+ animation: loading-indicator1 1100ms ease-out infinite;
3670
+ }
3671
+
3672
+ .E_ll4n94n {
3673
+ position: absolute;
3674
+ width: 5px;
3675
+ height: 48px;
3676
+ left: 40.8px;
3677
+ top: 8.4px;
3678
+
3679
+ background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
3680
+ border-radius: 5px;
3681
+ transform: rotate(-8deg);
3682
+ transform-origin: top left;
3683
+
3684
+ animation: loading-indicator2 1100ms ease-out infinite;
3685
+ }
3686
+
3687
+ .E_l17lbdo6 {
3688
+ position: absolute;
3689
+ width: 5px;
3690
+ height: 48px;
3691
+ left: 52.9px;
3692
+ top: 51.8px;
3693
+
3694
+ background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
3695
+ border-radius: 5px;
3696
+ transform: rotate(112deg);
3697
+ transform-origin: top left;
3698
+
3699
+ animation: loading-indicator3 1100ms ease-out infinite;
3700
+ }
3701
+
3702
+
3703
+ .E_ckui4s7 {
3704
+ color: $text-primary-light;
3705
+ line-height: 22px;
3706
+ display: inline-flex;
3707
+ .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; } } }
3708
+ }
3709
+
3710
+
3711
+ .E_c1yd35n {
3712
+ padding: 0 12px 14px 12px;
3713
+ }
3714
+
3715
+
3716
+ .E_c1kghdax {
3717
+ color: $text-primary-light;
3718
+ padding: 7px 12px;
3650
3719
  display: flex;
3651
3720
  justify-content: space-between;
3652
3721
  align-items: center;
@@ -3692,19 +3761,6 @@
3692
3761
  }
3693
3762
 
3694
3763
 
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
3764
  .E_b14q2gmw {
3709
3765
  box-shadow: 0px 0.119595px 0.438513px rgba(129, 138, 153, 0.14),
3710
3766
  0px 0.271728px 0.996336px rgba(129, 138, 153, 0.106447),
@@ -3732,77 +3788,6 @@
3732
3788
  }
3733
3789
 
3734
3790
 
3735
- .E_l48ei06 {
3736
- @at-root {
3737
- button#{&}.ant-btn,
3738
- button#{&}.ant-btn.ant-btn-sm,
3739
- button#{&}.ant-btn.ant-btn-lg {
3740
- font-size: 12px;
3741
- line-height: 18px;
3742
- height: 18px;
3743
- }
3744
- button#{&} {
3745
- color: #0080FF;
3746
- height: unset;
3747
- .button-prefix-icon {
3748
- margin-right: 4px;
3749
- }
3750
- .button-suffix-icon {
3751
- margin-left: 4px;
3752
- }
3753
-
3754
- &:hover,
3755
- &.__pseudo-states-hover {
3756
- color: #009DFF;
3757
- }
3758
-
3759
- &:active,
3760
- &.__pseudo-states-active {
3761
- color: #005ED1;
3762
- }
3763
- &.ui-kit-link-disabled {
3764
- color: #0080FF;
3765
- }
3766
- &.ui-kit-link-primary {
3767
- color: #00122E;
3768
-
3769
- &:hover,
3770
- &.__pseudo-states-hover {
3771
- color: #0080FF;
3772
- }
3773
-
3774
- &:active,
3775
- &.__pseudo-states-active {
3776
- color: #005ED1;
3777
- }
3778
-
3779
- &.ui-kit-link-disabled {
3780
- color: #00122E;
3781
- }
3782
- }
3783
-
3784
- &.ui-kit-link-secondary {
3785
- color: #2C3852BF;
3786
-
3787
- &:hover,
3788
- &.__pseudo-states-hover {
3789
- color: #0080FF;
3790
- }
3791
-
3792
- &:active,
3793
- &.__pseudo-states-active {
3794
- color: #005ED1;
3795
- }
3796
-
3797
- &.ui-kit-link-disabled {
3798
- color: #2C3852BF;
3799
- }
3800
- }
3801
- }
3802
- }
3803
- }
3804
-
3805
-
3806
3791
  .E_sddwhm6 {
3807
3792
  $prefix: ui-kit-status-capsule;
3808
3793
  margin: 0;
@@ -3887,461 +3872,160 @@
3887
3872
  }
3888
3873
 
3889
3874
 
3890
- .E_lht19u8 {
3891
- width: 64px;
3892
- height: 64px;
3893
- display: flex;
3894
- align-items: center;
3895
- justify-content: center;
3896
- position: relative;
3897
- opacity: 0.2;
3875
+ .E_tc97u5y {
3876
+ height: 100%;
3898
3877
  }
3899
3878
 
3900
- .E_lk3gkp4 {
3901
- position: absolute;
3902
- width: 5px;
3903
- height: 48px;
3904
- left: 9.33px;
3905
- top: 40.5px;
3906
-
3907
- background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
3908
- border-radius: 5px;
3909
- transform: rotate(-128deg);
3910
- transform-origin: top left;
3911
-
3912
- animation: loading-indicator1 1100ms ease-out infinite;
3913
- }
3879
+ .E_efzf37v {
3880
+ .ant-table-content,
3881
+ .ant-table-body {
3882
+ overflow: visible !important;
3883
+ height: 100%;
3884
+ }
3914
3885
 
3915
- .E_ll4n94n {
3916
- position: absolute;
3917
- width: 5px;
3918
- height: 48px;
3919
- left: 40.8px;
3920
- top: 8.4px;
3886
+ .ant-table-tbody .ant-table-placeholder td {
3887
+ height: 100%;
3888
+ }
3921
3889
 
3922
- background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
3923
- border-radius: 5px;
3924
- transform: rotate(-8deg);
3925
- transform-origin: top left;
3890
+ table {
3891
+ width: 100% !important;
3892
+ height: 100%;
3893
+ .ant-table-placeholder .ant-table-expanded-row-fixed {
3894
+ padding: 15px 0;
3895
+ }
3896
+ }
3926
3897
 
3927
- animation: loading-indicator2 1100ms ease-out infinite;
3898
+ table thead.ant-table-thead {
3899
+ display: none;
3900
+ }
3928
3901
  }
3929
3902
 
3930
- .E_l17lbdo6 {
3931
- position: absolute;
3932
- width: 5px;
3933
- height: 48px;
3934
- left: 52.9px;
3935
- top: 51.8px;
3903
+ .E_t1fisho6 {
3904
+ height: 100%;
3936
3905
 
3937
- background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
3938
- border-radius: 5px;
3939
- transform: rotate(112deg);
3940
- transform-origin: top left;
3906
+ .ant-table.ant-table-small .ant-table-tbody > tr > td {
3907
+ padding-top: 6px;
3908
+ padding-bottom: 6px;
3909
+ }
3941
3910
 
3942
- animation: loading-indicator3 1100ms ease-out infinite;
3943
- }
3911
+ .active-row td:nth-child(1) {
3912
+ font-weight: 700;
3913
+ }
3914
+ &.has-selection .active-row td:nth-child(2) {
3915
+ font-weight: 700;
3916
+ }
3944
3917
 
3918
+ .ant-spin-nested-loading {
3919
+ height: 100%;
3945
3920
 
3946
- .E_sjob3jg {
3947
- $item: ant-steps-item;
3948
- --item-min-width: 60px;
3949
- .#{$item} {
3950
- &-tail,
3951
- &-icon {
3952
- display: none !important;
3953
- }
3954
- }
3955
- .#{$item}.#{$item}-active {
3956
- flex-shrink: 0 !important;
3957
- .step-item-prefix-container {
3958
- color: $text-colorful-outstanding;
3921
+ .ant-spin-container {
3922
+ height: 100%;
3923
+ overflow: visible;
3959
3924
  }
3960
- .#{$item}-container .#{$item}-content .#{$item}-title {
3961
- color: $text-colorful-outstanding;
3962
- font-weight: normal;
3925
+ .ant-spin {
3926
+ max-height: none;
3963
3927
  }
3964
3928
  }
3965
- .#{$item}.#{$item}-finish {
3966
- .#{$item}-container .#{$item}-content .#{$item}-title,
3967
- & .#{$item}-container:hover .#{$item}-content .#{$item}-title {
3968
- color: $text-neutral-tertiary;
3969
- }
3970
- }
3971
- .#{$item}.#{$item}-wait {
3972
- .#{$item}-container .#{$item}-content .#{$item}-title {
3973
- color: $text-neutral-primary;
3974
- }
3975
- }
3976
- .step-item-text {
3977
- display: inline-block;
3978
- }
3979
- .step-item-title {
3980
- overflow: hidden;
3981
- white-space: nowrap;
3982
- text-overflow: ellipsis;
3983
- }
3984
- }
3985
3929
 
3986
- .E_hjvj6s6 {
3987
- $item: ant-steps-item;
3988
- @mixin rightTriangle($color: $fills-light-trans-1) {
3989
- content: "";
3990
- width: 0;
3991
- height: 0;
3992
- border: 13px solid transparent;
3993
- position: absolute;
3994
- top: 0;
3995
- border-left: 8px solid $color;
3996
- }
3997
- .#{$item}-container {
3998
- min-width: var(--item-min-width);
3999
- }
4000
- .#{$item}-disabled {
4001
- cursor: not-allowed !important;
3930
+ td.ant-table-column-sort {
3931
+ background: transparent;
4002
3932
  }
4003
- .ant-steps-horizontal.ant-steps-label-horizontal {
4004
- flex-direction: row;
4005
- justify-content: stretch;
4006
- .#{$item} {
4007
- padding: 0;
4008
- margin-right: 4px;
4009
- flex: 1;
4010
- overflow: visible;
4011
- .#{$item}-content {
3933
+
3934
+ td.ant-table-cell-fix-left,
3935
+ td.ant-table-cell-fix-right {
3936
+ background: #fff;
3937
+ padding: 0 !important;
3938
+ .ant-table-cell-content {
3939
+ display: flex;
3940
+ align-items: center;
3941
+ height: 100%;
3942
+ padding: 8px;
3943
+ > span {
3944
+ overflow: hidden;
3945
+ text-overflow: ellipsis;
4012
3946
  width: 100%;
4013
- min-height: unset;
4014
- .#{$item}-title {
4015
- height: 26px;
4016
- line-height: 26px;
4017
- width: 100%;
4018
- padding: 0;
4019
- font-size: 12px;
4020
- .step-count {
4021
- margin-right: 10px;
4022
- }
4023
- &::after {
4024
- display: none;
4025
- }
4026
- }
4027
- }
4028
- &:first-child {
4029
- .#{$item}-container {
4030
- padding-left: 8px;
4031
- padding-right: 4px;
4032
- border-radius: 4px 0 0 4px;
4033
- }
4034
- }
4035
- &:last-child {
4036
- margin-right: 0;
4037
- .#{$item}-container {
4038
- padding-right: 8px;
4039
- padding-left: 12px;
4040
- border-radius: 0 4px 4px 0;
4041
- }
4042
- }
4043
- &:not(&:last-child) {
4044
- &::after {
4045
- @include rightTriangle();
4046
- z-index: 2;
4047
- position: relative;
4048
- top: -50%;
4049
- right: -100%;
4050
- }
4051
- }
4052
- &:not(:first-child):not(:last-child) {
4053
- .#{$item}-container {
4054
- padding: 0 4px 0 12px;
4055
- }
4056
- }
4057
- &:not(&:first-child) {
4058
- &::before {
4059
- @include rightTriangle(#fff);
4060
- left: 0;
4061
- }
4062
3947
  }
4063
3948
  }
4064
- .#{$item}-active {
4065
- max-width: calc(100% - var(--item-min-width) * 2);
4066
- .#{$item}-container {
4067
- background-color: $fills-light-general-general-light;
4068
- }
4069
- &::after {
4070
- border-left-color: $fills-light-general-general-light !important;
4071
- }
3949
+ }
3950
+
3951
+ .ant-table-container {
3952
+ height: 100%;
3953
+ &::before,
3954
+ &::after {
3955
+ box-shadow: none !important;
4072
3956
  }
4073
- .#{$item}-finish {
4074
- cursor: pointer;
4075
- min-width: var(--item-min-width);
3957
+ }
3958
+
3959
+ div.ant-table {
3960
+ $columnAlignRightPaddingRight: 25px;
3961
+ border-radius: 0px;
3962
+ border-left: none;
3963
+ border-right: none;
3964
+ border-bottom: none;
3965
+ height: 100%;
3966
+ font-size: 12px;
3967
+ background: transparent;
3968
+
3969
+ .ant-table-header {
3970
+ position: relative;
3971
+ z-index: $table-header-index;
3972
+ border-bottom: 1px solid $strokes-light-trans-2;
3973
+ margin-bottom: -1px;
4076
3974
  }
4077
- .#{$item}-wait,
4078
- .#{$item}-finish {
4079
- min-width: var(--item-min-width);
4080
- .#{$item}-container {
4081
- background-color: $fills-light-trans-1;
4082
- }
3975
+
3976
+ .time-wrapper .date,
3977
+ .value {
3978
+ color: $text-primary-light;
4083
3979
  }
4084
- }
4085
- .ant-steps:not(.ant-steps-dot):not(.ant-steps-navigation):not(
4086
- .ant-steps-vertical
4087
- )
4088
- .#{$item} {
4089
- padding: 0;
4090
- }
4091
- }
4092
3980
 
4093
- .E_v4tv3mf {
4094
- $item: ant-steps-item;
4095
- .ant-steps.ant-steps-vertical {
4096
- width: 192px;
4097
- row-gap: 2px;
3981
+ .time-wrapper .time,
3982
+ .unit {
3983
+ color: $text-secondary-light;
3984
+ }
4098
3985
 
4099
- .preview-mode:not(.#{$item}-active) .#{$item}-container {
4100
- &:hover {
4101
- background-color: $fill-neutral-trans-2;
4102
- }
4103
- .#{$item}-title {
4104
- color: $text-neutral-primary !important;
4105
- }
3986
+ .ant-table-selection {
3987
+ position: unset;
3988
+ text-align: center;
4106
3989
  }
4107
- .#{$item}:not(.#{$item}-active):not(.#{$item}-disabled)
4108
- .#{$item}-container:hover {
4109
- background-color: $fill-neutral-trans-2;
3990
+
3991
+ .ant-table-tbody > tr.ant-table-row-selected td {
3992
+ background: $white;
4110
3993
  }
4111
- .#{$item}-container {
4112
- padding: 0 8px;
4113
- border-radius: 4px;
4114
- height: 32px;
4115
- display: flex;
4116
- align-items: center;
4117
- .#{$item}-content {
4118
- min-height: auto;
4119
- white-space: nowrap;
4120
- & .ant-steps-item-title {
4121
- font-size: 13px;
4122
- line-height: 20px;
4123
- max-width: 100%;
4124
- padding-right: 0;
4125
- }
3994
+
3995
+ .anticon-setting {
3996
+ cursor: pointer;
3997
+ position: absolute;
3998
+ top: 50%;
3999
+ right: 12px;
4000
+ transform: translateY(-50%);
4001
+ }
4002
+
4003
+ &.ant-table-ping-left {
4004
+ .ant-table-cell-fix-left-last::after {
4005
+ box-shadow: none;
4006
+ width: 1px;
4007
+ background: rgba(213, 219, 227, 0.6);
4126
4008
  }
4127
4009
  }
4128
- .#{$item}-active {
4129
- .ant-steps-item-container {
4130
- background: rgba($blue-60, 0.1);
4010
+
4011
+ &.ant-table-ping-right {
4012
+ .ant-table-cell-fix-right-first::after {
4013
+ box-shadow: none;
4014
+ width: 1px;
4015
+ background: rgba(213, 219, 227, 0.6);
4131
4016
  }
4132
4017
  }
4133
- }
4134
- }
4135
4018
 
4136
- .E_h6l1tj4 {
4137
- width: 100%;
4138
- display: inline-flex;
4139
- align-items: center;
4140
- justify-content: center;
4141
- column-gap: 4px;
4142
- .step-item-prefix-container {
4143
- display: inline-flex;
4144
- align-items: center;
4145
- width: 18px;
4146
- height: 18px;
4147
- color: $gray-a75-8;
4148
- justify-content: center;
4149
- }
4150
- }
4151
-
4152
- .E_v18frne8 {
4153
- width: 100%;
4154
- display: flex;
4155
- align-items: center;
4156
- justify-content: center;
4157
- column-gap: 6px;
4158
- font-size: 13px;
4159
- .step-item-prefix-container {
4160
- display: inline-flex;
4161
- align-items: center;
4162
- min-width: 20px;
4163
- min-height: 20px;
4164
- color: $gray-a75-8;
4165
- justify-content: center;
4166
- }
4167
- }
4168
-
4169
-
4170
- .E_r77hffu {
4171
- display: flex;
4172
- align-items: center;
4173
- justify-content: space-between;
4174
- column-gap: 6px;
4175
- }
4176
-
4177
- .E_p1cmxsf7 {
4178
- display: flex;
4179
- flex-direction: column;
4180
- justify-content: center;
4181
- row-gap: var(--p1cmxsf7-0);
4182
-
4183
- .antd5-progress-line {
4184
- font-size: 0;
4185
- margin-bottom: unset;
4186
- margin-inline-end: unset;
4187
- }
4188
- }
4189
-
4190
-
4191
- .E_tc97u5y {
4192
- height: 100%;
4193
- }
4194
-
4195
- .E_efzf37v {
4196
- .ant-table-content,
4197
- .ant-table-body {
4198
- overflow: visible !important;
4199
- height: 100%;
4200
- }
4201
-
4202
- .ant-table-tbody .ant-table-placeholder td {
4203
- height: 100%;
4204
- }
4205
-
4206
- table {
4207
- width: 100% !important;
4208
- height: 100%;
4209
- .ant-table-placeholder .ant-table-expanded-row-fixed {
4210
- padding: 15px 0;
4211
- }
4212
- }
4213
-
4214
- table thead.ant-table-thead {
4215
- display: none;
4216
- }
4217
- }
4218
-
4219
- .E_t1fisho6 {
4220
- height: 100%;
4221
-
4222
- .ant-table.ant-table-small .ant-table-tbody > tr > td {
4223
- padding-top: 6px;
4224
- padding-bottom: 6px;
4225
- }
4226
-
4227
- .active-row td:nth-child(1) {
4228
- font-weight: 700;
4229
- }
4230
- &.has-selection .active-row td:nth-child(2) {
4231
- font-weight: 700;
4232
- }
4233
-
4234
- .ant-spin-nested-loading {
4235
- height: 100%;
4236
-
4237
- .ant-spin-container {
4238
- height: 100%;
4239
- overflow: visible;
4240
- }
4241
- .ant-spin {
4242
- max-height: none;
4243
- }
4244
- }
4245
-
4246
- td.ant-table-column-sort {
4247
- background: transparent;
4248
- }
4249
-
4250
- td.ant-table-cell-fix-left,
4251
- td.ant-table-cell-fix-right {
4252
- background: #fff;
4253
- padding: 0 !important;
4254
- .ant-table-cell-content {
4255
- display: flex;
4256
- align-items: center;
4257
- height: 100%;
4258
- padding: 8px;
4259
- > span {
4260
- overflow: hidden;
4261
- text-overflow: ellipsis;
4262
- width: 100%;
4263
- }
4264
- }
4265
- }
4266
-
4267
- .ant-table-container {
4268
- height: 100%;
4269
- &::before,
4270
- &::after {
4271
- box-shadow: none !important;
4272
- }
4273
- }
4274
-
4275
- div.ant-table {
4276
- $columnAlignRightPaddingRight: 25px;
4277
- border-radius: 0px;
4278
- border-left: none;
4279
- border-right: none;
4280
- border-bottom: none;
4281
- height: 100%;
4282
- font-size: 12px;
4283
- background: transparent;
4284
-
4285
- .ant-table-header {
4286
- position: relative;
4287
- z-index: $table-header-index;
4288
- border-bottom: 1px solid $strokes-light-trans-2;
4289
- margin-bottom: -1px;
4290
- }
4291
-
4292
- .time-wrapper .date,
4293
- .value {
4294
- color: $text-primary-light;
4295
- }
4296
-
4297
- .time-wrapper .time,
4298
- .unit {
4299
- color: $text-secondary-light;
4300
- }
4301
-
4302
- .ant-table-selection {
4303
- position: unset;
4304
- text-align: center;
4305
- }
4306
-
4307
- .ant-table-tbody > tr.ant-table-row-selected td {
4308
- background: $white;
4309
- }
4310
-
4311
- .anticon-setting {
4312
- cursor: pointer;
4313
- position: absolute;
4314
- top: 50%;
4315
- right: 12px;
4316
- transform: translateY(-50%);
4317
- }
4318
-
4319
- &.ant-table-ping-left {
4320
- .ant-table-cell-fix-left-last::after {
4321
- box-shadow: none;
4322
- width: 1px;
4323
- background: rgba(213, 219, 227, 0.6);
4324
- }
4325
- }
4326
-
4327
- &.ant-table-ping-right {
4328
- .ant-table-cell-fix-right-first::after {
4329
- box-shadow: none;
4330
- width: 1px;
4331
- background: rgba(213, 219, 227, 0.6);
4332
- }
4333
- }
4334
-
4335
- .ant-table-tbody {
4336
- position: relative;
4337
- .ant-table-row {
4338
- td {
4339
- border-top: 1px solid $strokes-light-trans-2;
4340
- border-bottom: 1px solid white;
4341
- height: 40px;
4342
- vertical-align: middle;
4343
- transition: background 0ms;
4344
- color: $gray-120;
4019
+ .ant-table-tbody {
4020
+ position: relative;
4021
+ .ant-table-row {
4022
+ td {
4023
+ border-top: 1px solid $strokes-light-trans-2;
4024
+ border-bottom: 1px solid white;
4025
+ height: 40px;
4026
+ vertical-align: middle;
4027
+ transition: background 0ms;
4028
+ color: $gray-120;
4345
4029
 
4346
4030
  &.header-hover {
4347
4031
  background: $fills-light-opaque-1;
@@ -4532,192 +4216,608 @@
4532
4216
  }
4533
4217
  }
4534
4218
  }
4535
- .ant-table-column-sorter {
4219
+ .ant-table-column-sorter {
4220
+ display: none;
4221
+ }
4222
+ }
4223
+
4224
+ &:active {
4225
+ .ant-table-column-sorters .order-icon {
4226
+ &.descend {
4227
+ transform: translateY(-50%);
4228
+ }
4229
+ &.ascend {
4230
+ transform: translateY(-50%) rotateX(180deg);
4231
+ }
4232
+ }
4233
+ }
4234
+
4235
+ &:hover:not(.is-blank) {
4236
+ background: $fills-light-opaque-1;
4237
+ .ant-table-column-sorters .order-icon {
4238
+ display: block;
4239
+ }
4240
+ }
4241
+ &.align-right {
4242
+ padding-right: $columnAlignRightPaddingRight;
4243
+ }
4244
+ }
4245
+ }
4246
+
4247
+ .ant-table-selection-column {
4248
+ padding: 0 !important;
4249
+
4250
+ .ant-checkbox-wrapper {
4251
+ position: absolute;
4252
+ left: 50%;
4253
+ top: 50%;
4254
+ transform: translate(-50%, -50%);
4255
+ }
4256
+ &:after {
4257
+ display: none;
4258
+ }
4259
+ }
4260
+
4261
+ .ant-table-hide-scrollbar {
4262
+ background: $white;
4263
+ }
4264
+ .ant-table-placeholder {
4265
+ background: inherit;
4266
+
4267
+ td {
4268
+ position: static;
4269
+ border: none;
4270
+ background: inherit !important;
4271
+ height: 100px;
4272
+ vertical-align: middle;
4273
+ }
4274
+
4275
+ .table-default-empty,
4276
+ .ant-table-expanded-row-fixed {
4277
+ font-weight: bold;
4278
+ font-size: 20px;
4279
+ color: $text-terdiary-light;
4280
+ }
4281
+ }
4282
+ th.ant-table-cell-scrollbar,
4283
+ th.cell__action_ {
4284
+ z-index: 10;
4285
+ }
4286
+ td.cell__action_ {
4287
+ padding: 0 !important;
4288
+ position: relative;
4289
+ background: $white;
4290
+ > * {
4291
+ height: 100%;
4292
+ display: flex;
4293
+ align-items: center;
4294
+ justify-content: flex-end;
4295
+ padding-right: 8px;
4296
+ }
4297
+ .menu-button {
4298
+ width: 24px;
4299
+ height: 24px;
4300
+ cursor: pointer;
4301
+ justify-content: center;
4302
+ border-radius: 4px;
4303
+
4304
+ &:hover {
4305
+ background: $white;
4306
+ }
4307
+ }
4308
+ }
4309
+ }
4310
+ }
4311
+
4312
+
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
+ }
4331
+
4332
+ &:hover,
4333
+ &.__pseudo-states-hover {
4334
+ color: #009DFF;
4335
+ }
4336
+
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;
4346
+
4347
+ &:hover,
4348
+ &.__pseudo-states-hover {
4349
+ color: #0080FF;
4350
+ }
4351
+
4352
+ &:active,
4353
+ &.__pseudo-states-active {
4354
+ color: #005ED1;
4355
+ }
4356
+
4357
+ &.ui-kit-link-disabled {
4358
+ color: #00122E;
4359
+ }
4360
+ }
4361
+
4362
+ &.ui-kit-link-secondary {
4363
+ color: #2C3852BF;
4364
+
4365
+ &:hover,
4366
+ &.__pseudo-states-hover {
4367
+ color: #0080FF;
4368
+ }
4369
+
4370
+ &:active,
4371
+ &.__pseudo-states-active {
4372
+ color: #005ED1;
4373
+ }
4374
+
4375
+ &.ui-kit-link-disabled {
4376
+ color: #2C3852BF;
4377
+ }
4378
+ }
4379
+ }
4380
+ }
4381
+ }
4382
+
4383
+
4384
+ .E_t1dtlqs1 {
4385
+ margin-bottom: 4px;
4386
+ color: $text-secondary-light;
4387
+ }
4388
+
4389
+ .E_s1ese5oy {
4390
+ color: rgba(44, 56, 82, 0.6);
4391
+ line-height: 32px;
4392
+ height: 32px;
4393
+ margin-bottom: 0;
4394
+ &.primary,
4395
+ &.info {
4396
+ color: $text-light-general;
4397
+ }
4398
+ &.warning {
4399
+ color: #ffa500;
4400
+ }
4401
+ &.success {
4402
+ color: $text-light-positive;
4403
+ }
4404
+ &.danger,
4405
+ &.error {
4406
+ color: $text-light-serious;
4407
+ }
4408
+ &.normal {
4409
+ color: $text-secondary-light;
4410
+ }
4411
+ }
4412
+
4413
+ .E_b1ibis43 {
4414
+ margin-bottom: 0;
4415
+ color: $text-light-primary;
4416
+ }
4417
+
4418
+ .E_b11xxjd2 {
4419
+ line-height: 32px;
4420
+ margin-right: 6px;
4421
+ }
4422
+
4423
+ .E_bsub5bw {
4424
+ &.with-description {
4425
+ height: 24px;
4426
+ flex: 1;
4427
+ position: relative;
4428
+ top: -7px;
4429
+ }
4430
+ p {
4431
+ width: 100%;
4432
+ overflow: hidden;
4433
+ text-overflow: ellipsis;
4434
+ white-space: nowrap;
4435
+ }
4436
+ }
4437
+
4438
+ .E_tmoyoag {
4439
+ border: 1px solid $strokes-light-trans-2;
4440
+ border-radius: 8px;
4441
+ overflow: auto;
4442
+ .ant-list {
4443
+ position: relative;
4444
+ .ant-list-item:last-child {
4445
+ border-bottom: none;
4446
+ }
4447
+ .eagle-table-form-header {
4448
+ position: sticky;
4449
+ top: 0;
4450
+ z-index: $eagle-table-form-header-index;
4451
+ display: flex;
4452
+ padding: 8px;
4453
+ & {
4454
+ align-items: inherit;
4455
+ }
4456
+ flex-wrap: nowrap;
4457
+ justify-content: flex-start;
4458
+ background: $fills-light-opaque-1;
4459
+ font-size: 14px;
4460
+ color: $text-secondary-light;
4461
+ border-bottom: 1px solid $fills-light-trans-2;
4462
+ }
4463
+ .eagle-table-form-header .eagle-table-form-cell > p {
4464
+ margin-bottom: 0;
4465
+ }
4466
+ .eagle-table-form-row {
4467
+ display: flex;
4468
+ justify-content: flex-start;
4469
+ align-items: flex-start;
4470
+ flex-wrap: wrap;
4471
+ padding: 8px;
4472
+ border: none;
4473
+ .row-description {
4474
+ flex-basis: 100%;
4475
+ margin: 12px 0 0;
4476
+ order: 99;
4477
+ color: $text-secondary-light;
4478
+ }
4479
+ .row-error-message {
4480
+ color: $text-light-serious;
4481
+ flex-basis: 100%;
4482
+ order: 98;
4483
+ margin: 12px 0 0;
4484
+ }
4485
+ &:hover {
4486
+ background-color: $fills-light-trans-1;
4487
+ }
4488
+ &.isDragging {
4489
+ background-color: $fills-light-general-general-light;
4490
+ }
4491
+ }
4492
+ .eagle-table-form-cell {
4493
+ flex: 1 0 0;
4494
+ overflow: hidden;
4495
+ .cell-description {
4496
+ color: $text-secondary-light;
4497
+ margin: 0;
4498
+ }
4499
+
4500
+ @mixin text-align-style($align-position) {
4501
+ & > * {
4502
+ text-align: $align-position;
4503
+ }
4504
+ .ant-form-item-control-input-content {
4505
+ &,
4506
+ & > * {
4507
+ text-align: $align-position;
4508
+ }
4509
+ }
4510
+ }
4511
+
4512
+ &.align-center {
4513
+ @include text-align-style(center);
4514
+ }
4515
+ &.align-left {
4516
+ @include text-align-style(left);
4517
+ }
4518
+ &.align-right {
4519
+ @include text-align-style(right);
4520
+ }
4521
+
4522
+ &:not(:last-of-type) {
4523
+ margin-right: 8px;
4524
+ }
4525
+ }
4526
+ .ant-list-item-action {
4527
+ padding: 4px;
4528
+ width: 24px;
4529
+ height: 24px;
4530
+ overflow: hidden;
4531
+ li {
4532
+ padding: 0;
4533
+ }
4534
+ }
4535
+ .delete-row-icon.disabled {
4536
+ cursor: not-allowed;
4537
+ opacity: 0.5;
4538
+ }
4539
+ &.size-default {
4540
+ .ant-list-item-action {
4541
+ margin: 0;
4542
+ }
4543
+ .eagle-table-form-cell {
4544
+ .ant-input,
4545
+ .ant-select-selector {
4546
+ border-radius: 5px;
4547
+ font-size: 12px;
4548
+ }
4549
+ .ant-input-affix-wrapper {
4550
+ font-size: inherit;
4551
+ }
4552
+
4553
+ .ant-form-item-control-input {
4554
+ min-height: 24px;
4555
+ font-size: 12px;
4556
+ position: relative;
4557
+ }
4558
+ }
4559
+ }
4560
+ }
4561
+ &.row-split-by-border {
4562
+ .eagle-table-form-row {
4563
+ border-bottom: 1px solid $fills-light-trans-2;
4564
+ }
4565
+ }
4566
+ &.row-split-by-zebraMarking {
4567
+ .draggable-container {
4568
+ & > :nth-child(2n) {
4569
+ background-color: $fills-trans-primary-light;
4570
+ }
4571
+ }
4572
+ }
4573
+ }
4574
+
4575
+ .E_a138syjm {
4576
+ display: flex;
4577
+ align-items: center;
4578
+ margin-top: 8px;
4579
+ button.ant-btn {
4580
+ padding: 2px 8px;
4581
+ height: 24px;
4582
+ }
4583
+ & > span.maximum-desc {
4584
+ display: none;
4585
+ margin-left: 8px;
4586
+ color: $text-secondary-light;
4587
+ &.disabled {
4588
+ display: inline;
4589
+ }
4590
+ }
4591
+ }
4592
+
4593
+ .E_d77i8u0 {
4594
+ width: 24px;
4595
+ height: 24px;
4596
+ padding: 4px;
4597
+ margin-right: 8px;
4598
+ }
4599
+
4600
+
4601
+ .E_sjob3jg {
4602
+ $item: ant-steps-item;
4603
+ --item-min-width: 60px;
4604
+ .#{$item} {
4605
+ &-tail,
4606
+ &-icon {
4607
+ display: none !important;
4608
+ }
4609
+ }
4610
+ .#{$item}.#{$item}-active {
4611
+ flex-shrink: 0 !important;
4612
+ .step-item-prefix-container {
4613
+ color: $text-colorful-outstanding;
4614
+ }
4615
+ .#{$item}-container .#{$item}-content .#{$item}-title {
4616
+ color: $text-colorful-outstanding;
4617
+ font-weight: normal;
4618
+ }
4619
+ }
4620
+ .#{$item}.#{$item}-finish {
4621
+ .#{$item}-container .#{$item}-content .#{$item}-title,
4622
+ & .#{$item}-container:hover .#{$item}-content .#{$item}-title {
4623
+ color: $text-neutral-tertiary;
4624
+ }
4625
+ }
4626
+ .#{$item}.#{$item}-wait {
4627
+ .#{$item}-container .#{$item}-content .#{$item}-title {
4628
+ color: $text-neutral-primary;
4629
+ }
4630
+ }
4631
+ .step-item-text {
4632
+ display: inline-block;
4633
+ }
4634
+ .step-item-title {
4635
+ overflow: hidden;
4636
+ white-space: nowrap;
4637
+ text-overflow: ellipsis;
4638
+ }
4639
+ }
4640
+
4641
+ .E_hjvj6s6 {
4642
+ $item: ant-steps-item;
4643
+ @mixin rightTriangle($color: $fills-light-trans-1) {
4644
+ content: "";
4645
+ width: 0;
4646
+ height: 0;
4647
+ border: 13px solid transparent;
4648
+ position: absolute;
4649
+ top: 0;
4650
+ border-left: 8px solid $color;
4651
+ }
4652
+ .#{$item}-container {
4653
+ min-width: var(--item-min-width);
4654
+ }
4655
+ .#{$item}-disabled {
4656
+ cursor: not-allowed !important;
4657
+ }
4658
+ .ant-steps-horizontal.ant-steps-label-horizontal {
4659
+ flex-direction: row;
4660
+ justify-content: stretch;
4661
+ .#{$item} {
4662
+ padding: 0;
4663
+ margin-right: 4px;
4664
+ flex: 1;
4665
+ overflow: visible;
4666
+ .#{$item}-content {
4667
+ width: 100%;
4668
+ min-height: unset;
4669
+ .#{$item}-title {
4670
+ height: 26px;
4671
+ line-height: 26px;
4672
+ width: 100%;
4673
+ padding: 0;
4674
+ font-size: 12px;
4675
+ .step-count {
4676
+ margin-right: 10px;
4677
+ }
4678
+ &::after {
4536
4679
  display: none;
4537
4680
  }
4538
4681
  }
4539
-
4540
- &:active {
4541
- .ant-table-column-sorters .order-icon {
4542
- &.descend {
4543
- transform: translateY(-50%);
4544
- }
4545
- &.ascend {
4546
- transform: translateY(-50%) rotateX(180deg);
4547
- }
4548
- }
4682
+ }
4683
+ &:first-child {
4684
+ .#{$item}-container {
4685
+ padding-left: 8px;
4686
+ padding-right: 4px;
4687
+ border-radius: 4px 0 0 4px;
4549
4688
  }
4550
-
4551
- &:hover:not(.is-blank) {
4552
- background: $fills-light-opaque-1;
4553
- .ant-table-column-sorters .order-icon {
4554
- display: block;
4555
- }
4689
+ }
4690
+ &:last-child {
4691
+ margin-right: 0;
4692
+ .#{$item}-container {
4693
+ padding-right: 8px;
4694
+ padding-left: 12px;
4695
+ border-radius: 0 4px 4px 0;
4556
4696
  }
4557
- &.align-right {
4558
- padding-right: $columnAlignRightPaddingRight;
4697
+ }
4698
+ &:not(&:last-child) {
4699
+ &::after {
4700
+ @include rightTriangle();
4701
+ z-index: 2;
4702
+ position: relative;
4703
+ top: -50%;
4704
+ right: -100%;
4559
4705
  }
4560
4706
  }
4561
- }
4562
-
4563
- .ant-table-selection-column {
4564
- padding: 0 !important;
4565
-
4566
- .ant-checkbox-wrapper {
4567
- position: absolute;
4568
- left: 50%;
4569
- top: 50%;
4570
- transform: translate(-50%, -50%);
4707
+ &:not(:first-child):not(:last-child) {
4708
+ .#{$item}-container {
4709
+ padding: 0 4px 0 12px;
4710
+ }
4571
4711
  }
4572
- &:after {
4573
- display: none;
4712
+ &:not(&:first-child) {
4713
+ &::before {
4714
+ @include rightTriangle(#fff);
4715
+ left: 0;
4716
+ }
4574
4717
  }
4575
4718
  }
4576
-
4577
- .ant-table-hide-scrollbar {
4578
- background: $white;
4579
- }
4580
- .ant-table-placeholder {
4581
- background: inherit;
4582
-
4583
- td {
4584
- position: static;
4585
- border: none;
4586
- background: inherit !important;
4587
- height: 100px;
4588
- vertical-align: middle;
4719
+ .#{$item}-active {
4720
+ max-width: calc(100% - var(--item-min-width) * 2);
4721
+ .#{$item}-container {
4722
+ background-color: $fills-light-general-general-light;
4589
4723
  }
4590
-
4591
- .table-default-empty,
4592
- .ant-table-expanded-row-fixed {
4593
- font-weight: bold;
4594
- font-size: 20px;
4595
- color: $text-terdiary-light;
4724
+ &::after {
4725
+ border-left-color: $fills-light-general-general-light !important;
4596
4726
  }
4597
4727
  }
4598
- th.ant-table-cell-scrollbar,
4599
- th.cell__action_ {
4600
- z-index: 10;
4728
+ .#{$item}-finish {
4729
+ cursor: pointer;
4730
+ min-width: var(--item-min-width);
4601
4731
  }
4602
- td.cell__action_ {
4603
- padding: 0 !important;
4604
- position: relative;
4605
- background: $white;
4606
- > * {
4607
- height: 100%;
4608
- display: flex;
4609
- align-items: center;
4610
- justify-content: flex-end;
4611
- padding-right: 8px;
4612
- }
4613
- .menu-button {
4614
- width: 24px;
4615
- height: 24px;
4616
- cursor: pointer;
4617
- justify-content: center;
4618
- border-radius: 4px;
4619
-
4620
- &:hover {
4621
- background: $white;
4622
- }
4732
+ .#{$item}-wait,
4733
+ .#{$item}-finish {
4734
+ min-width: var(--item-min-width);
4735
+ .#{$item}-container {
4736
+ background-color: $fills-light-trans-1;
4623
4737
  }
4624
4738
  }
4625
4739
  }
4740
+ .ant-steps:not(.ant-steps-dot):not(.ant-steps-navigation):not(
4741
+ .ant-steps-vertical
4742
+ )
4743
+ .#{$item} {
4744
+ padding: 0;
4745
+ }
4626
4746
  }
4627
4747
 
4748
+ .E_v4tv3mf {
4749
+ $item: ant-steps-item;
4750
+ .ant-steps.ant-steps-vertical {
4751
+ width: 192px;
4752
+ row-gap: 2px;
4628
4753
 
4629
- .E_l1ucdodl {
4630
- $prefix: ui-kit-status-legend;
4631
- margin: 0;
4632
- border-radius: 20px;
4633
- padding: 2px 10px;
4634
- height: 22px;
4635
- display: flex;
4636
- align-items: center;
4637
-
4638
- &.ui-kit-status-legend.on-tint {
4639
- color: $text-neutral-ontint;
4640
- }
4641
- &.tag-hover {
4642
- cursor: pointer;
4643
- }
4644
-
4645
- &.#{$prefix} {
4646
- color: $text-neutral-primary;
4647
- .#{$prefix}-icon {
4648
- margin-right: 6px;
4649
- }
4650
- .#{$prefix}-number {
4651
- margin-left: 8px;
4652
- color: #2C385299;
4653
- &.#{$prefix}-number.on-tint {
4654
- color: $text-neutral-ontint;
4655
- }
4656
- }
4657
- &.eagle-legend-blue {
4658
- .#{$prefix}-icon {
4659
- background-color: $fill-outstanding-base;
4660
- }
4661
- }
4662
- &.eagle-legend-red {
4663
- .#{$prefix}-icon {
4664
- background-color: $fill-serious-base;
4754
+ .preview-mode:not(.#{$item}-active) .#{$item}-container {
4755
+ &:hover {
4756
+ background-color: $fill-neutral-trans-2;
4665
4757
  }
4666
- }
4667
- &.eagle-legend-yellow {
4668
- .#{$prefix}-icon {
4669
- background-color: $fill-notice-base;
4758
+ .#{$item}-title {
4759
+ color: $text-neutral-primary !important;
4670
4760
  }
4671
4761
  }
4672
- &.eagle-legend-green {
4673
- .#{$prefix}-icon {
4674
- background-color: $fill-positive-base;
4675
- }
4762
+ .#{$item}:not(.#{$item}-active):not(.#{$item}-disabled)
4763
+ .#{$item}-container:hover {
4764
+ background-color: $fill-neutral-trans-2;
4676
4765
  }
4677
- &.eagle-legend-gray {
4678
- .#{$prefix}-icon:not(.ui-kit-status-legend-icon-loading) {
4679
- background-color: $gray-70;
4766
+ .#{$item}-container {
4767
+ padding: 0 8px;
4768
+ border-radius: 4px;
4769
+ height: 32px;
4770
+ display: flex;
4771
+ align-items: center;
4772
+ .#{$item}-content {
4773
+ min-height: auto;
4774
+ white-space: nowrap;
4775
+ & .ant-steps-item-title {
4776
+ font-size: 13px;
4777
+ line-height: 20px;
4778
+ max-width: 100%;
4779
+ padding-right: 0;
4780
+ }
4680
4781
  }
4681
4782
  }
4682
- &.eagle-legend-purple {
4683
- .#{$prefix}-icon:not(.ui-kit-status-legend-icon-loading) {
4684
- background-color: $purple-50;
4783
+ .#{$item}-active {
4784
+ .ant-steps-item-container {
4785
+ background: rgba($blue-60, 0.1);
4685
4786
  }
4686
4787
  }
4687
4788
  }
4688
4789
  }
4689
4790
 
4690
- .E_s1qj66nc {
4691
- width: 8px;
4692
- height: 8px;
4693
- border-radius: 50%;
4694
- display: inline-block;
4695
- }
4696
-
4697
- .E_s5x1boq {
4698
- width: 8px;
4699
- height: 8px;
4700
- border-radius: 2px;
4701
- display: inline-block;
4791
+ .E_h6l1tj4 {
4792
+ width: 100%;
4793
+ display: inline-flex;
4794
+ align-items: center;
4795
+ justify-content: center;
4796
+ column-gap: 4px;
4797
+ .step-item-prefix-container {
4798
+ display: inline-flex;
4799
+ align-items: center;
4800
+ width: 18px;
4801
+ height: 18px;
4802
+ color: $gray-a75-8;
4803
+ justify-content: center;
4804
+ }
4702
4805
  }
4703
4806
 
4704
- .E_c1xm185 {
4705
- color: #2C385299;
4706
- }
4707
-
4708
- .E_c1x5l5qc {
4709
- flex: 1;
4710
- }
4711
-
4712
-
4713
- .E_w7ob4th {
4714
- &.outside-tag {
4715
- padding-left: 0;
4716
- .inside-tag {
4717
- border-radius: 4px 0 0 4px;
4718
- padding-right: 4px;
4719
- margin-right: 4px;
4720
- }
4807
+ .E_v18frne8 {
4808
+ width: 100%;
4809
+ display: flex;
4810
+ align-items: center;
4811
+ justify-content: center;
4812
+ column-gap: 6px;
4813
+ font-size: 13px;
4814
+ .step-item-prefix-container {
4815
+ display: inline-flex;
4816
+ align-items: center;
4817
+ min-width: 20px;
4818
+ min-height: 20px;
4819
+ color: $gray-a75-8;
4820
+ justify-content: center;
4721
4821
  }
4722
4822
  }
4723
4823
 
@@ -4754,222 +4854,122 @@
4754
4854
  }
4755
4855
 
4756
4856
 
4757
- .E_t1dtlqs1 {
4758
- margin-bottom: 4px;
4759
- color: $text-secondary-light;
4760
- }
4761
-
4762
- .E_s1ese5oy {
4763
- color: rgba(44, 56, 82, 0.6);
4764
- line-height: 32px;
4765
- height: 32px;
4766
- margin-bottom: 0;
4767
- &.primary,
4768
- &.info {
4769
- color: $text-light-general;
4770
- }
4771
- &.warning {
4772
- color: #ffa500;
4773
- }
4774
- &.success {
4775
- color: $text-light-positive;
4776
- }
4777
- &.danger,
4778
- &.error {
4779
- color: $text-light-serious;
4780
- }
4781
- &.normal {
4782
- color: $text-secondary-light;
4857
+ .E_w7ob4th {
4858
+ &.outside-tag {
4859
+ padding-left: 0;
4860
+ .inside-tag {
4861
+ border-radius: 4px 0 0 4px;
4862
+ padding-right: 4px;
4863
+ margin-right: 4px;
4864
+ }
4783
4865
  }
4784
4866
  }
4785
4867
 
4786
- .E_b1ibis43 {
4787
- margin-bottom: 0;
4788
- color: $text-light-primary;
4868
+
4869
+ .E_r77hffu {
4870
+ display: flex;
4871
+ align-items: center;
4872
+ justify-content: space-between;
4873
+ column-gap: 6px;
4789
4874
  }
4790
4875
 
4791
- .E_b11xxjd2 {
4792
- line-height: 32px;
4793
- margin-right: 6px;
4876
+ .E_p1cmxsf7 {
4877
+ display: flex;
4878
+ flex-direction: column;
4879
+ justify-content: center;
4880
+ row-gap: var(--p1cmxsf7-0);
4881
+
4882
+ .antd5-progress-line {
4883
+ font-size: 0;
4884
+ margin-bottom: unset;
4885
+ margin-inline-end: unset;
4886
+ }
4794
4887
  }
4795
4888
 
4796
- .E_bsub5bw {
4797
- &.with-description {
4798
- height: 24px;
4799
- flex: 1;
4800
- position: relative;
4801
- top: -7px;
4889
+
4890
+ .E_l1ucdodl {
4891
+ $prefix: ui-kit-status-legend;
4892
+ margin: 0;
4893
+ border-radius: 20px;
4894
+ padding: 2px 10px;
4895
+ height: 22px;
4896
+ display: flex;
4897
+ align-items: center;
4898
+
4899
+ &.ui-kit-status-legend.on-tint {
4900
+ color: $text-neutral-ontint;
4802
4901
  }
4803
- p {
4804
- width: 100%;
4805
- overflow: hidden;
4806
- text-overflow: ellipsis;
4807
- white-space: nowrap;
4902
+ &.tag-hover {
4903
+ cursor: pointer;
4808
4904
  }
4809
- }
4810
4905
 
4811
- .E_tmoyoag {
4812
- border: 1px solid $strokes-light-trans-2;
4813
- border-radius: 8px;
4814
- overflow: auto;
4815
- .ant-list {
4816
- position: relative;
4817
- .ant-list-item:last-child {
4818
- border-bottom: none;
4906
+ &.#{$prefix} {
4907
+ color: $text-neutral-primary;
4908
+ .#{$prefix}-icon {
4909
+ margin-right: 6px;
4819
4910
  }
4820
- .eagle-table-form-header {
4821
- position: sticky;
4822
- top: 0;
4823
- z-index: $eagle-table-form-header-index;
4824
- display: flex;
4825
- padding: 8px;
4826
- & {
4827
- align-items: inherit;
4911
+ .#{$prefix}-number {
4912
+ margin-left: 8px;
4913
+ color: #2C385299;
4914
+ &.#{$prefix}-number.on-tint {
4915
+ color: $text-neutral-ontint;
4828
4916
  }
4829
- flex-wrap: nowrap;
4830
- justify-content: flex-start;
4831
- background: $fills-light-opaque-1;
4832
- font-size: 14px;
4833
- color: $text-secondary-light;
4834
- border-bottom: 1px solid $fills-light-trans-2;
4835
- }
4836
- .eagle-table-form-header .eagle-table-form-cell > p {
4837
- margin-bottom: 0;
4838
4917
  }
4839
- .eagle-table-form-row {
4840
- display: flex;
4841
- justify-content: flex-start;
4842
- align-items: flex-start;
4843
- flex-wrap: wrap;
4844
- padding: 8px;
4845
- border: none;
4846
- .row-description {
4847
- flex-basis: 100%;
4848
- margin: 12px 0 0;
4849
- order: 99;
4850
- color: $text-secondary-light;
4851
- }
4852
- .row-error-message {
4853
- color: $text-light-serious;
4854
- flex-basis: 100%;
4855
- order: 98;
4856
- margin: 12px 0 0;
4857
- }
4858
- &:hover {
4859
- background-color: $fills-light-trans-1;
4860
- }
4861
- &.isDragging {
4862
- background-color: $fills-light-general-general-light;
4918
+ &.eagle-legend-blue {
4919
+ .#{$prefix}-icon {
4920
+ background-color: $fill-outstanding-base;
4863
4921
  }
4864
4922
  }
4865
- .eagle-table-form-cell {
4866
- flex: 1 0 0;
4867
- overflow: hidden;
4868
- .cell-description {
4869
- color: $text-secondary-light;
4870
- margin: 0;
4871
- }
4872
-
4873
- @mixin text-align-style($align-position) {
4874
- & > * {
4875
- text-align: $align-position;
4876
- }
4877
- .ant-form-item-control-input-content {
4878
- &,
4879
- & > * {
4880
- text-align: $align-position;
4881
- }
4882
- }
4883
- }
4884
-
4885
- &.align-center {
4886
- @include text-align-style(center);
4887
- }
4888
- &.align-left {
4889
- @include text-align-style(left);
4890
- }
4891
- &.align-right {
4892
- @include text-align-style(right);
4893
- }
4894
-
4895
- &:not(:last-of-type) {
4896
- margin-right: 8px;
4923
+ &.eagle-legend-red {
4924
+ .#{$prefix}-icon {
4925
+ background-color: $fill-serious-base;
4897
4926
  }
4898
4927
  }
4899
- .ant-list-item-action {
4900
- padding: 4px;
4901
- width: 24px;
4902
- height: 24px;
4903
- overflow: hidden;
4904
- li {
4905
- padding: 0;
4928
+ &.eagle-legend-yellow {
4929
+ .#{$prefix}-icon {
4930
+ background-color: $fill-notice-base;
4906
4931
  }
4907
4932
  }
4908
- .delete-row-icon.disabled {
4909
- cursor: not-allowed;
4910
- opacity: 0.5;
4911
- }
4912
- &.size-default {
4913
- .ant-list-item-action {
4914
- margin: 0;
4915
- }
4916
- .eagle-table-form-cell {
4917
- .ant-input,
4918
- .ant-select-selector {
4919
- border-radius: 5px;
4920
- font-size: 12px;
4921
- }
4922
- .ant-input-affix-wrapper {
4923
- font-size: inherit;
4924
- }
4925
-
4926
- .ant-form-item-control-input {
4927
- min-height: 24px;
4928
- font-size: 12px;
4929
- position: relative;
4930
- }
4933
+ &.eagle-legend-green {
4934
+ .#{$prefix}-icon {
4935
+ background-color: $fill-positive-base;
4931
4936
  }
4932
4937
  }
4933
- }
4934
- &.row-split-by-border {
4935
- .eagle-table-form-row {
4936
- border-bottom: 1px solid $fills-light-trans-2;
4938
+ &.eagle-legend-gray {
4939
+ .#{$prefix}-icon:not(.ui-kit-status-legend-icon-loading) {
4940
+ background-color: $gray-70;
4941
+ }
4937
4942
  }
4938
- }
4939
- &.row-split-by-zebraMarking {
4940
- .draggable-container {
4941
- & > :nth-child(2n) {
4942
- background-color: $fills-trans-primary-light;
4943
+ &.eagle-legend-purple {
4944
+ .#{$prefix}-icon:not(.ui-kit-status-legend-icon-loading) {
4945
+ background-color: $purple-50;
4943
4946
  }
4944
4947
  }
4945
4948
  }
4946
4949
  }
4947
-
4948
- .E_a138syjm {
4949
- display: flex;
4950
- align-items: center;
4951
- margin-top: 8px;
4952
- button.ant-btn {
4953
- padding: 2px 8px;
4954
- height: 24px;
4955
- }
4956
- & > span.maximum-desc {
4957
- display: none;
4958
- margin-left: 8px;
4959
- color: $text-secondary-light;
4960
- &.disabled {
4961
- display: inline;
4962
- }
4963
- }
4950
+
4951
+ .E_s1qj66nc {
4952
+ width: 8px;
4953
+ height: 8px;
4954
+ border-radius: 50%;
4955
+ display: inline-block;
4964
4956
  }
4965
4957
 
4966
- .E_d77i8u0 {
4967
- width: 24px;
4968
- height: 24px;
4969
- padding: 4px;
4970
- margin-right: 8px;
4958
+ .E_s5x1boq {
4959
+ width: 8px;
4960
+ height: 8px;
4961
+ border-radius: 2px;
4962
+ display: inline-block;
4971
4963
  }
4972
4964
 
4965
+ .E_c1xm185 {
4966
+ color: #2C385299;
4967
+ }
4968
+
4969
+ .E_c1x5l5qc {
4970
+ flex: 1;
4971
+ }
4972
+
4973
4973
 
4974
4974
  .E_i1g85yz3 {
4975
4975
  margin-right: 4px;
@@ -4977,29 +4977,6 @@
4977
4977
  }
4978
4978
 
4979
4979
 
4980
- .E_t1gvlxt5 {
4981
- min-width: 0;
4982
- flex: 1;
4983
- .tag {
4984
- flex: 0 0 auto;
4985
- }
4986
- .progress-title {
4987
- flex: 2;
4988
- max-width: fit-content;
4989
- }
4990
- .progress-desc {
4991
- flex: 1;
4992
- max-width: fit-content;
4993
- }
4994
- }
4995
-
4996
- .E_a1ji6r68 {
4997
- display: flex;
4998
- align-items: center;
4999
- column-gap: var(--a1ji6r68-0);
5000
- }
5001
-
5002
-
5003
4980
  .E_t13ef470 {
5004
4981
  height: 100%;
5005
4982
  .table-loading-item {
@@ -5263,6 +5240,29 @@
5263
5240
  }
5264
5241
 
5265
5242
 
5243
+ .E_t1gvlxt5 {
5244
+ min-width: 0;
5245
+ flex: 1;
5246
+ .tag {
5247
+ flex: 0 0 auto;
5248
+ }
5249
+ .progress-title {
5250
+ flex: 2;
5251
+ max-width: fit-content;
5252
+ }
5253
+ .progress-desc {
5254
+ flex: 1;
5255
+ max-width: fit-content;
5256
+ }
5257
+ }
5258
+
5259
+ .E_a1ji6r68 {
5260
+ display: flex;
5261
+ align-items: center;
5262
+ column-gap: var(--a1ji6r68-0);
5263
+ }
5264
+
5265
+
5266
5266
  .E_msn7nxt {
5267
5267
  color: $text-light-secondary;
5268
5268
  text-align: center;
@@ -5444,6 +5444,34 @@
5444
5444
  }
5445
5445
 
5446
5446
 
5447
+ .E_bpgac8u {
5448
+ color: #FFFFFF;
5449
+ display: flex;
5450
+ gap: 8px;
5451
+ padding: 8px 0;
5452
+ display: flex;
5453
+ justify-content: center;
5454
+ white-space: pre-wrap;
5455
+ align-items: center;
5456
+ .dashed-btn {
5457
+ border-bottom: 1px solid white;
5458
+ cursor: pointer;
5459
+ }
5460
+ }
5461
+
5462
+ .E_envn4g3 {
5463
+ background: #F0483E;
5464
+ }
5465
+
5466
+ .E_i12w18eu {
5467
+ background: #0080FF;
5468
+ }
5469
+
5470
+ .E_wujsnt4 {
5471
+ background-color: #E07F00;
5472
+ }
5473
+
5474
+
5447
5475
  .E_b1jaupqb {
5448
5476
  color: #F0483E;
5449
5477
  }
@@ -5537,34 +5565,6 @@
5537
5565
  }
5538
5566
 
5539
5567
 
5540
- .E_bpgac8u {
5541
- color: #FFFFFF;
5542
- display: flex;
5543
- gap: 8px;
5544
- padding: 8px 0;
5545
- display: flex;
5546
- justify-content: center;
5547
- white-space: pre-wrap;
5548
- align-items: center;
5549
- .dashed-btn {
5550
- border-bottom: 1px solid white;
5551
- cursor: pointer;
5552
- }
5553
- }
5554
-
5555
- .E_envn4g3 {
5556
- background: #F0483E;
5557
- }
5558
-
5559
- .E_i12w18eu {
5560
- background: #0080FF;
5561
- }
5562
-
5563
- .E_wujsnt4 {
5564
- background-color: #E07F00;
5565
- }
5566
-
5567
-
5568
5568
  .E_t1g36k2w {
5569
5569
  overflow: hidden;
5570
5570
  height: 100%;
@@ -5597,11 +5597,6 @@
5597
5597
  }
5598
5598
 
5599
5599
 
5600
- .E_t1616y1o {
5601
- color: $text-light-on-tint;
5602
- }
5603
-
5604
-
5605
5600
  .E_f16blduf {
5606
5601
  &.ant-form-item {
5607
5602
  margin-bottom: 0;
@@ -5628,6 +5623,11 @@
5628
5623
  }
5629
5624
 
5630
5625
 
5626
+ .E_t1616y1o {
5627
+ color: $text-light-on-tint;
5628
+ }
5629
+
5630
+
5631
5631
  .E_a9y3flr {
5632
5632
  margin-left: 8px;
5633
5633
  }
@@ -5638,68 +5638,232 @@
5638
5638
  }
5639
5639
 
5640
5640
 
5641
+ .E_i14c7jc8 {
5642
+ color: var(--i14c7jc8-0);
5643
+ }
5644
+
5645
+ .E_i1ibuolf {
5646
+ display: flex;
5647
+ align-items: center;
5648
+ column-gap: 4px;
5649
+ font-size: 12px;
5650
+ color: #2C3852BF;
5651
+ }
5652
+
5653
+
5641
5654
  .E_d1u4ndxc {
5642
5655
  color: #2C3852BF;
5643
5656
  font-size: 12px;
5644
5657
  }
5645
5658
 
5646
- .E_f6xb0iv {
5647
- min-width: 0;
5648
- flex: 1;
5649
- }
5659
+ .E_f6xb0iv {
5660
+ min-width: 0;
5661
+ flex: 1;
5662
+ }
5663
+
5664
+ .E_b1dhu7ov {
5665
+ &.antd5-progress {
5666
+ width: 220px;
5667
+ }
5668
+ }
5669
+
5670
+ .E_p1as1j2z {
5671
+ .antd5-progress.antd5-progress-status-active
5672
+ .antd5-progress-bg::before {
5673
+ content: "";
5674
+ display: block;
5675
+ height: 8px;
5676
+ background: linear-gradient(90deg, #0080ff 0%, #9ecfff 50%, #0080ff 100%);
5677
+ animation: loading 1600ms ease-out infinite;
5678
+ opacity: 1;
5679
+ }
5680
+
5681
+ @keyframes loading {
5682
+ from {
5683
+ transform: translateX(-100%);
5684
+ }
5685
+ to {
5686
+ transform: translateX(100%);
5687
+ }
5688
+ }
5689
+ }
5690
+
5691
+
5692
+ .E_t1sqg15u {
5693
+ background: white;
5694
+
5695
+ &.inline {
5696
+ .table-row {
5697
+ flex-direction: column;
5698
+
5699
+ > label {
5700
+ padding: 0 16px 7px 0;
5701
+ }
5702
+ }
5703
+ }
5704
+
5705
+ &.has-border {
5706
+ .table-header {
5707
+ border-bottom: 1px solid $strokes-light-trans-1;
5708
+ }
5709
+
5710
+ .hiddenBorder {
5711
+ border-top: none !important;
5712
+ }
5713
+
5714
+ .table-row + .table-row {
5715
+ border-top: 1px solid $strokes-light-trans-1;
5716
+ }
5717
+
5718
+ .table-row:last-of-type {
5719
+ padding-bottom: 0;
5720
+ }
5721
+ }
5722
+
5723
+ &.align-right {
5724
+ .content {
5725
+ text-align: right;
5726
+ }
5727
+ }
5728
+ .uuid-row {
5729
+ display: flex;
5730
+ justify-content: space-between;
5731
+
5732
+ .id-text {
5733
+ white-space: nowrap;
5734
+ overflow: hidden;
5735
+ text-overflow: ellipsis;
5736
+ }
5737
+ }
5738
+ }
5739
+
5740
+ .E_t4zczcp {
5741
+ display: flex;
5742
+ justify-content: space-between;
5743
+ align-items: center;
5744
+ padding: 8px;
5745
+ min-height: 32px;
5746
+
5747
+ .table-title {
5748
+ color: $text-secondary-light;
5749
+ font-weight: 600;
5750
+ font-size: 12px;
5751
+ line-height: 8px;
5752
+ }
5753
+
5754
+ .edit-icon {
5755
+ font-size: 16px;
5756
+ color: $strokes-translucent-2-light;
5757
+ cursor: pointer;
5758
+ }
5759
+ }
5760
+
5761
+ .E_t1s7goww {
5762
+ font-size: 12px;
5763
+ line-height: 18px;
5764
+ }
5765
+
5766
+ .E_t93e4cf {
5767
+ display: flex;
5768
+ padding: 8px 0;
5769
+ color: $text-primary-light;
5650
5770
 
5651
- .E_b1dhu7ov {
5652
- &.antd5-progress {
5653
- width: 220px;
5771
+ .hidden {
5772
+ display: none;
5654
5773
  }
5655
- }
5656
5774
 
5657
- .E_p1as1j2z {
5658
- .antd5-progress.antd5-progress-status-active
5659
- .antd5-progress-bg::before {
5660
- content: "";
5661
- display: block;
5662
- height: 8px;
5663
- background: linear-gradient(90deg, #0080ff 0%, #9ecfff 50%, #0080ff 100%);
5664
- animation: loading 1600ms ease-out infinite;
5665
- opacity: 1;
5775
+ .ant-btn.ant-btn-link {
5776
+ height: auto;
5666
5777
  }
5667
5778
 
5668
- @keyframes loading {
5669
- from {
5670
- transform: translateX(-100%);
5779
+ .content {
5780
+ overflow: hidden;
5781
+ overflow-x: auto;
5782
+ width: 100%;
5783
+ white-space: pre-wrap;
5784
+
5785
+ .ant-btn {
5786
+ white-space: pre-wrap;
5787
+ text-align: left;
5671
5788
  }
5672
- to {
5673
- transform: translateX(100%);
5789
+
5790
+ .unit-chart {
5791
+ justify-content: flex-start;
5674
5792
  }
5675
5793
  }
5676
5794
  }
5677
5795
 
5678
-
5679
- .E_i14c7jc8 {
5680
- color: var(--i14c7jc8-0);
5796
+ .E_rhz2uv5 {
5797
+ width: var(--rhz2uv5-0);
5798
+ flex-shrink: 0;
5799
+ color: $text-secondary-light;
5800
+ padding-right: 12px;
5681
5801
  }
5682
5802
 
5683
- .E_i1ibuolf {
5803
+
5804
+ .E_s1ebs0ra {
5684
5805
  display: flex;
5685
5806
  align-items: center;
5686
- column-gap: 4px;
5687
- font-size: 12px;
5688
- color: #2C3852BF;
5689
- }
5807
+ justify-content: space-between;
5808
+ background: $backgrounds-light-grouped;
5809
+ padding: 8px 12px;
5810
+ position: sticky;
5811
+ top: 0;
5812
+ z-index: 1;
5813
+ margin-bottom: -52px;
5690
5814
 
5815
+ .select-total {
5816
+ display: flex;
5817
+ align-items: center;
5818
+ font-weight: 700;
5819
+ flex-shrink: 0;
5691
5820
 
5692
- .E_skwah65 {
5693
- height: 8px;
5694
- box-sizing: border-box;
5695
- border-radius: 2px;
5696
- background: #f5f7fa;
5697
- display: flex;
5698
- width: 100%;
5699
- overflow: hidden;
5821
+ .icon-wrapper {
5822
+ cursor: pointer;
5823
+ margin-left: 8px;
5824
+ width: 32px;
5825
+ height: 32px;
5826
+ border-radius: 50%;
5827
+ justify-content: center;
5700
5828
 
5701
- .stack-bar-item + .stack-bar-item {
5702
- margin-left: 1px;
5829
+ &:hover {
5830
+ background: $fills-light-trans-2;
5831
+ }
5832
+ }
5833
+ }
5834
+ .action-group {
5835
+ flex: 1;
5836
+ margin-left: 88px;
5837
+ white-space: nowrap;
5838
+ text-align: right;
5839
+ position: relative;
5840
+ padding: 4px 0;
5841
+ margin-top: -4px;
5842
+ overflow: hidden;
5843
+ .sub-menu-delete {
5844
+ transform: translateY(-4px);
5845
+ }
5846
+ button {
5847
+ border: none;
5848
+ }
5849
+ > *:not(:last-child) {
5850
+ margin-right: 8px;
5851
+ }
5852
+
5853
+ > button:last-child {
5854
+ margin-right: 4px;
5855
+ }
5856
+ .more-btn {
5857
+ cursor: pointer;
5858
+ width: 32px;
5859
+ height: 32px;
5860
+ justify-content: center;
5861
+ border-radius: 50%;
5862
+
5863
+ &:hover {
5864
+ background: $white;
5865
+ }
5866
+ }
5703
5867
  }
5704
5868
  }
5705
5869
 
@@ -5857,6 +6021,66 @@
5857
6021
  }
5858
6022
 
5859
6023
 
6024
+ .E_n12mqh7z {
6025
+ display: flex;
6026
+ align-items: center;
6027
+ font-size: 12px;
6028
+ line-height: 18px;
6029
+
6030
+ &:not(:last-child) {
6031
+ margin-bottom: 4px;
6032
+ }
6033
+ }
6034
+
6035
+ .E_tf5bynu {
6036
+ margin: 0 3px;
6037
+ }
6038
+
6039
+ .E_tcckoz1 {
6040
+ max-height: 400px;
6041
+ overflow: auto;
6042
+ }
6043
+
6044
+
6045
+ .E_tqjc4ui {
6046
+ @at-root {
6047
+ span#{&} {
6048
+ margin: 0 2px;
6049
+ }
6050
+ }
6051
+ }
6052
+
6053
+
6054
+ .E_ou7iq30 {
6055
+ overflow: hidden;
6056
+ text-overflow: ellipsis;
6057
+ }
6058
+
6059
+ .E_s1tui002 {
6060
+ white-space: nowrap;
6061
+ }
6062
+
6063
+ .E_mxrc2zg {
6064
+ display: -webkit-box;
6065
+ -webkit-line-clamp: var(--mxrc2zg-0);
6066
+ -webkit-box-orient: vertical;
6067
+ word-break: break-all;
6068
+ }
6069
+
6070
+ .E_t1vv6d68 {
6071
+ .ant-tooltip-arrow {
6072
+ display: none;
6073
+ }
6074
+ .ant-tooltip-inner {
6075
+ background: $gray-a80-9;
6076
+ border-radius: 4px;
6077
+ &:has(.eagle-ellipsis-content) {
6078
+ visibility: hidden;
6079
+ }
6080
+ }
6081
+ }
6082
+
6083
+
5860
6084
  .E_c1up1pdz {
5861
6085
  width: 648px;
5862
6086
 
@@ -5990,100 +6214,45 @@
5990
6214
  box-sizing: border-box;
5991
6215
  border-radius: 16px;
5992
6216
  margin-right: 8px;
5993
-
5994
- &:focus {
5995
- color: inherit;
5996
- border-color: #d9d9d9;
5997
- }
5998
- }
5999
- .week-day-option {
6000
- &.active {
6001
- background-color: $blue;
6002
- border-color: $blue;
6003
- color: $white;
6004
- }
6005
- &.en-text {
6006
- width: 110px;
6007
- margin-top: 4px;
6008
- }
6009
- }
6010
- .month-day-option {
6011
- width: 32px;
6012
- padding: 0;
6013
- margin-bottom: 8px;
6014
-
6015
- &.active {
6016
- background-color: $blue;
6017
- border-color: $blue;
6018
- color: $white;
6019
- }
6020
- }
6021
- }
6022
-
6023
-
6024
- .E_s1ebs0ra {
6025
- display: flex;
6026
- align-items: center;
6027
- justify-content: space-between;
6028
- background: $backgrounds-light-grouped;
6029
- padding: 8px 12px;
6030
- position: sticky;
6031
- top: 0;
6032
- z-index: 1;
6033
- margin-bottom: -52px;
6034
-
6035
- .select-total {
6036
- display: flex;
6037
- align-items: center;
6038
- font-weight: 700;
6039
- flex-shrink: 0;
6040
-
6041
- .icon-wrapper {
6042
- cursor: pointer;
6043
- margin-left: 8px;
6044
- width: 32px;
6045
- height: 32px;
6046
- border-radius: 50%;
6047
- justify-content: center;
6048
-
6049
- &:hover {
6050
- background: $fills-light-trans-2;
6051
- }
6052
- }
6053
- }
6054
- .action-group {
6055
- flex: 1;
6056
- margin-left: 88px;
6057
- white-space: nowrap;
6058
- text-align: right;
6059
- position: relative;
6060
- padding: 4px 0;
6061
- margin-top: -4px;
6062
- overflow: hidden;
6063
- .sub-menu-delete {
6064
- transform: translateY(-4px);
6217
+
6218
+ &:focus {
6219
+ color: inherit;
6220
+ border-color: #d9d9d9;
6065
6221
  }
6066
- button {
6067
- border: none;
6222
+ }
6223
+ .week-day-option {
6224
+ &.active {
6225
+ background-color: $blue;
6226
+ border-color: $blue;
6227
+ color: $white;
6068
6228
  }
6069
- > *:not(:last-child) {
6070
- margin-right: 8px;
6229
+ &.en-text {
6230
+ width: 110px;
6231
+ margin-top: 4px;
6071
6232
  }
6233
+ }
6234
+ .month-day-option {
6235
+ width: 32px;
6236
+ padding: 0;
6237
+ margin-bottom: 8px;
6072
6238
 
6073
- > button:last-child {
6074
- margin-right: 4px;
6239
+ &.active {
6240
+ background-color: $blue;
6241
+ border-color: $blue;
6242
+ color: $white;
6075
6243
  }
6076
- .more-btn {
6077
- cursor: pointer;
6078
- width: 32px;
6079
- height: 32px;
6080
- justify-content: center;
6081
- border-radius: 50%;
6244
+ }
6245
+ }
6082
6246
 
6083
- &:hover {
6084
- background: $white;
6085
- }
6086
- }
6247
+
6248
+ .E_s1iv0tp1 {
6249
+ .enabled-switch {
6250
+ display: flex;
6251
+ align-items: center;
6252
+ }
6253
+
6254
+ .enabled-text {
6255
+ margin-right: 8px;
6087
6256
  }
6088
6257
  }
6089
6258
 
@@ -6101,62 +6270,43 @@
6101
6270
  }
6102
6271
 
6103
6272
 
6104
- .E_tqjc4ui {
6105
- @at-root {
6106
- span#{&} {
6107
- margin: 0 2px;
6108
- }
6109
- }
6273
+ .E_wg1tsps {
6274
+ display: flex;
6275
+ align-items: center;
6276
+ justify-content: flex-end;
6110
6277
  }
6111
6278
 
6112
-
6113
- .E_n12mqh7z {
6279
+ .E_b1ctd5xy {
6114
6280
  display: flex;
6115
6281
  align-items: center;
6116
- font-size: 12px;
6117
- line-height: 18px;
6282
+ width: calc(100% - 40px);
6118
6283
 
6119
- &:not(:last-child) {
6120
- margin-bottom: 4px;
6284
+ .chart {
6285
+ display: inline-block;
6286
+ width: 100%;
6121
6287
  }
6122
6288
  }
6123
6289
 
6124
- .E_tf5bynu {
6125
- margin: 0 3px;
6126
- }
6290
+ .E_u1p8acpn {
6291
+ min-width: 40px;
6127
6292
 
6128
- .E_tcckoz1 {
6129
- max-height: 400px;
6130
- overflow: auto;
6293
+ .unit {
6294
+ color: $text-light-primary !important;
6295
+ }
6131
6296
  }
6132
6297
 
6133
6298
 
6134
- .E_ou7iq30 {
6299
+ .E_skwah65 {
6300
+ height: 8px;
6301
+ box-sizing: border-box;
6302
+ border-radius: 2px;
6303
+ background: #f5f7fa;
6304
+ display: flex;
6305
+ width: 100%;
6135
6306
  overflow: hidden;
6136
- text-overflow: ellipsis;
6137
- }
6138
-
6139
- .E_s1tui002 {
6140
- white-space: nowrap;
6141
- }
6142
-
6143
- .E_mxrc2zg {
6144
- display: -webkit-box;
6145
- -webkit-line-clamp: var(--mxrc2zg-0);
6146
- -webkit-box-orient: vertical;
6147
- word-break: break-all;
6148
- }
6149
6307
 
6150
- .E_t1vv6d68 {
6151
- .ant-tooltip-arrow {
6152
- display: none;
6153
- }
6154
- .ant-tooltip-inner {
6155
- background: $gray-a80-9;
6156
- border-radius: 4px;
6157
- &:has(.eagle-ellipsis-content) {
6158
- visibility: hidden;
6159
- }
6308
+ .stack-bar-item + .stack-bar-item {
6309
+ margin-left: 1px;
6160
6310
  }
6161
6311
  }
6162
6312
 
@@ -6239,201 +6389,63 @@
6239
6389
  }
6240
6390
  }
6241
6391
  &:not(.ant-menu-item-selected) {
6242
- &.ant-menu-item:hover,
6243
- &.ant-menu-item-active {
6244
- background: $background-onhover;
6245
- box-shadow: $box-shadow-light-onhover;
6246
- border-radius: 6px;
6247
- }
6248
- }
6249
- }
6250
- }
6251
- }
6252
-
6253
- .E_s1wu0lms {
6254
- .ant-menu-item-group-title {
6255
- white-space: nowrap;
6256
- transition: all 0s;
6257
- }
6258
-
6259
- &.shrink {
6260
- transition: all 0s;
6261
- overflow: hidden;
6262
-
6263
- .ant-menu-item-group-title {
6264
- visibility: hidden;
6265
- }
6266
-
6267
- .ant-menu-item {
6268
- width: 36px;
6269
- padding: 0 6px;
6270
- }
6271
- }
6272
- }
6273
-
6274
- .E_n1ugzfva {
6275
- display: flex;
6276
- place-items: center;
6277
- width: 100% !important;
6278
-
6279
- &[disabled] {
6280
- color: rgba(0, 0, 0, 0.25) !important;
6281
- opacity: 1 !important;
6282
- }
6283
-
6284
- &.ant-btn {
6285
- width: 100%;
6286
- color: $text-light-primary;
6287
- }
6288
-
6289
- .icon-wrapper {
6290
- margin-right: 12px;
6291
- }
6292
-
6293
- .link-title {
6294
- flex: 1;
6295
- overflow: hidden;
6296
- white-space: nowrap;
6297
- text-overflow: ellipsis;
6298
- text-align: left;
6299
- }
6300
- }
6301
-
6302
-
6303
- .E_t1sqg15u {
6304
- background: white;
6305
-
6306
- &.inline {
6307
- .table-row {
6308
- flex-direction: column;
6309
-
6310
- > label {
6311
- padding: 0 16px 7px 0;
6312
- }
6313
- }
6314
- }
6315
-
6316
- &.has-border {
6317
- .table-header {
6318
- border-bottom: 1px solid $strokes-light-trans-1;
6319
- }
6320
-
6321
- .hiddenBorder {
6322
- border-top: none !important;
6323
- }
6324
-
6325
- .table-row + .table-row {
6326
- border-top: 1px solid $strokes-light-trans-1;
6327
- }
6328
-
6329
- .table-row:last-of-type {
6330
- padding-bottom: 0;
6331
- }
6332
- }
6333
-
6334
- &.align-right {
6335
- .content {
6336
- text-align: right;
6337
- }
6338
- }
6339
- .uuid-row {
6340
- display: flex;
6341
- justify-content: space-between;
6342
-
6343
- .id-text {
6344
- white-space: nowrap;
6345
- overflow: hidden;
6346
- text-overflow: ellipsis;
6347
- }
6348
- }
6349
- }
6350
-
6351
- .E_t4zczcp {
6352
- display: flex;
6353
- justify-content: space-between;
6354
- align-items: center;
6355
- padding: 8px;
6356
- min-height: 32px;
6357
-
6358
- .table-title {
6359
- color: $text-secondary-light;
6360
- font-weight: 600;
6361
- font-size: 12px;
6362
- line-height: 8px;
6363
- }
6364
-
6365
- .edit-icon {
6366
- font-size: 16px;
6367
- color: $strokes-translucent-2-light;
6368
- cursor: pointer;
6369
- }
6370
- }
6371
-
6372
- .E_t1s7goww {
6373
- font-size: 12px;
6374
- line-height: 18px;
6375
- }
6376
-
6377
- .E_t93e4cf {
6378
- display: flex;
6379
- padding: 8px 0;
6380
- color: $text-primary-light;
6381
-
6382
- .hidden {
6383
- display: none;
6392
+ &.ant-menu-item:hover,
6393
+ &.ant-menu-item-active {
6394
+ background: $background-onhover;
6395
+ box-shadow: $box-shadow-light-onhover;
6396
+ border-radius: 6px;
6397
+ }
6398
+ }
6399
+ }
6384
6400
  }
6401
+ }
6385
6402
 
6386
- .ant-btn.ant-btn-link {
6387
- height: auto;
6403
+ .E_s1wu0lms {
6404
+ .ant-menu-item-group-title {
6405
+ white-space: nowrap;
6406
+ transition: all 0s;
6388
6407
  }
6389
6408
 
6390
- .content {
6409
+ &.shrink {
6410
+ transition: all 0s;
6391
6411
  overflow: hidden;
6392
- overflow-x: auto;
6393
- width: 100%;
6394
- white-space: pre-wrap;
6395
6412
 
6396
- .ant-btn {
6397
- white-space: pre-wrap;
6398
- text-align: left;
6413
+ .ant-menu-item-group-title {
6414
+ visibility: hidden;
6399
6415
  }
6400
6416
 
6401
- .unit-chart {
6402
- justify-content: flex-start;
6417
+ .ant-menu-item {
6418
+ width: 36px;
6419
+ padding: 0 6px;
6403
6420
  }
6404
6421
  }
6405
6422
  }
6406
6423
 
6407
- .E_rhz2uv5 {
6408
- width: var(--rhz2uv5-0);
6409
- flex-shrink: 0;
6410
- color: $text-secondary-light;
6411
- padding-right: 12px;
6412
- }
6413
-
6414
-
6415
- .E_wg1tsps {
6424
+ .E_n1ugzfva {
6416
6425
  display: flex;
6417
- align-items: center;
6418
- justify-content: flex-end;
6419
- }
6426
+ place-items: center;
6427
+ width: 100% !important;
6420
6428
 
6421
- .E_b1ctd5xy {
6422
- display: flex;
6423
- align-items: center;
6424
- width: calc(100% - 40px);
6429
+ &[disabled] {
6430
+ color: rgba(0, 0, 0, 0.25) !important;
6431
+ opacity: 1 !important;
6432
+ }
6425
6433
 
6426
- .chart {
6427
- display: inline-block;
6434
+ &.ant-btn {
6428
6435
  width: 100%;
6436
+ color: $text-light-primary;
6429
6437
  }
6430
- }
6431
6438
 
6432
- .E_u1p8acpn {
6433
- min-width: 40px;
6439
+ .icon-wrapper {
6440
+ margin-right: 12px;
6441
+ }
6434
6442
 
6435
- .unit {
6436
- color: $text-light-primary !important;
6443
+ .link-title {
6444
+ flex: 1;
6445
+ overflow: hidden;
6446
+ white-space: nowrap;
6447
+ text-overflow: ellipsis;
6448
+ text-align: left;
6437
6449
  }
6438
6450
  }
6439
6451
 
@@ -6706,63 +6718,6 @@
6706
6718
  }
6707
6719
 
6708
6720
 
6709
- .E_s1iv0tp1 {
6710
- .enabled-switch {
6711
- display: flex;
6712
- align-items: center;
6713
- }
6714
-
6715
- .enabled-text {
6716
- margin-right: 8px;
6717
- }
6718
- }
6719
-
6720
-
6721
- .E_d11hhzf9 {
6722
- width: 492px !important;
6723
- margin: 40px auto !important;
6724
- padding-bottom: 0 !important;
6725
-
6726
- .ant-modal-content {
6727
- background: $backgrounds-light-primary;
6728
- border-radius: 16px;
6729
- }
6730
-
6731
- .ant-modal-header {
6732
- padding: 32px 40px 0;
6733
- border-bottom: none;
6734
- border-radius: 16px 16px 0 0;
6735
- }
6736
-
6737
- .ant-modal-close {
6738
- right: 40px;
6739
- top: 32px;
6740
- }
6741
-
6742
- .ant-modal-body {
6743
- padding: 32px 40px;
6744
- min-height: 160px;
6745
- max-height: calc(
6746
- 100vh - 80px - 64px - var(--header-height) - var(--footer-height)
6747
- );
6748
- overflow-y: auto;
6749
- }
6750
-
6751
- .ant-modal-footer {
6752
- padding: 24px 40px;
6753
- margin-top: 0;
6754
- border-top: none;
6755
- box-shadow: 0px 1px 0px 0px #e1e6f199 inset;
6756
- }
6757
- }
6758
-
6759
- .E_f1g147n6 {
6760
- display: flex;
6761
- justify-content: flex-end;
6762
- gap: 8px;
6763
- }
6764
-
6765
-
6766
6721
  .E_cyms3br {
6767
6722
  background: #fff;
6768
6723
  width: 100%;
@@ -6826,6 +6781,51 @@
6826
6781
  }
6827
6782
 
6828
6783
 
6784
+ .E_d11hhzf9 {
6785
+ width: 492px !important;
6786
+ margin: 40px auto !important;
6787
+ padding-bottom: 0 !important;
6788
+
6789
+ .ant-modal-content {
6790
+ background: $backgrounds-light-primary;
6791
+ border-radius: 16px;
6792
+ }
6793
+
6794
+ .ant-modal-header {
6795
+ padding: 32px 40px 0;
6796
+ border-bottom: none;
6797
+ border-radius: 16px 16px 0 0;
6798
+ }
6799
+
6800
+ .ant-modal-close {
6801
+ right: 40px;
6802
+ top: 32px;
6803
+ }
6804
+
6805
+ .ant-modal-body {
6806
+ padding: 32px 40px;
6807
+ min-height: 160px;
6808
+ max-height: calc(
6809
+ 100vh - 80px - 64px - var(--header-height) - var(--footer-height)
6810
+ );
6811
+ overflow-y: auto;
6812
+ }
6813
+
6814
+ .ant-modal-footer {
6815
+ padding: 24px 40px;
6816
+ margin-top: 0;
6817
+ border-top: none;
6818
+ box-shadow: 0px 1px 0px 0px #e1e6f199 inset;
6819
+ }
6820
+ }
6821
+
6822
+ .E_f1g147n6 {
6823
+ display: flex;
6824
+ justify-content: flex-end;
6825
+ gap: 8px;
6826
+ }
6827
+
6828
+
6829
6829
  .E_i5w779o {
6830
6830
  padding: 8px 0;
6831
6831
 
@@ -7543,46 +7543,13 @@
7543
7543
  }
7544
7544
 
7545
7545
 
7546
- .E_c1ss4prm {
7547
- color: $text-light-secondary;
7548
-
7549
- li {
7550
- margin-bottom: 4px;
7551
-
7552
- &:last-child {
7553
- margin-bottom: 0;
7554
- }
7555
- }
7556
- }
7557
-
7558
- .E_ms3tlei {
7559
- background: $fill-neutral-trans-2;
7560
- padding: 8px;
7561
- border-radius: 6px;
7562
- color: $gray-a60-8;
7563
-
7564
- li {
7565
- margin-bottom: 4px;
7566
-
7567
- &:last-child {
7568
- margin-bottom: 0;
7569
- }
7570
- }
7571
- }
7572
-
7573
- .E_du44iy7 {
7574
- margin-bottom: 4px;
7546
+ .E_cevhqx7 {
7547
+ color: $text-light-primary;
7575
7548
  }
7576
7549
 
7577
- .E_s1qmhanr {
7550
+ .E_snbqlt4 {
7551
+ margin-top: 8px;
7578
7552
  color: $text-light-secondary;
7579
- margin-bottom: 8px;
7580
- }
7581
-
7582
- .E_drje1h0 {
7583
- height: 1px;
7584
- background: $strokes-light-opaque-2;
7585
- margin: 16px 0;
7586
7553
  }
7587
7554
 
7588
7555
 
@@ -7637,13 +7604,46 @@
7637
7604
  }
7638
7605
 
7639
7606
 
7640
- .E_cevhqx7 {
7641
- color: $text-light-primary;
7607
+ .E_c1ss4prm {
7608
+ color: $text-light-secondary;
7609
+
7610
+ li {
7611
+ margin-bottom: 4px;
7612
+
7613
+ &:last-child {
7614
+ margin-bottom: 0;
7615
+ }
7616
+ }
7642
7617
  }
7643
7618
 
7644
- .E_snbqlt4 {
7645
- margin-top: 8px;
7619
+ .E_ms3tlei {
7620
+ background: $fill-neutral-trans-2;
7621
+ padding: 8px;
7622
+ border-radius: 6px;
7623
+ color: $gray-a60-8;
7624
+
7625
+ li {
7626
+ margin-bottom: 4px;
7627
+
7628
+ &:last-child {
7629
+ margin-bottom: 0;
7630
+ }
7631
+ }
7632
+ }
7633
+
7634
+ .E_du44iy7 {
7635
+ margin-bottom: 4px;
7636
+ }
7637
+
7638
+ .E_s1qmhanr {
7646
7639
  color: $text-light-secondary;
7640
+ margin-bottom: 8px;
7641
+ }
7642
+
7643
+ .E_drje1h0 {
7644
+ height: 1px;
7645
+ background: $strokes-light-opaque-2;
7646
+ margin: 16px 0;
7647
7647
  }
7648
7648
 
7649
7649