@cloudtower/eagle 0.34.28 → 0.34.29

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,3 +1,116 @@
1
+ .E_c18gxmrl {
2
+ border: 1px solid $gray-40;
3
+ border-radius: 4px;
4
+
5
+ & + & {
6
+ margin-top: 8px;
7
+ }
8
+
9
+ &:hover {
10
+ border-color: $blue-60;
11
+
12
+ > header {
13
+ background: rgba($blue-60, 0.1);
14
+ }
15
+ }
16
+
17
+ &.active {
18
+ header {
19
+ border-bottom: 1px solid $gray-40;
20
+ }
21
+ }
22
+
23
+ > header {
24
+ padding: 8px 12px;
25
+ }
26
+ }
27
+
28
+
29
+ .E_m74vjol {
30
+ display: flex;
31
+ justify-content: space-between;
32
+ width: 100%;
33
+ & .action {
34
+ margin-left: 16px;
35
+ }
36
+ }
37
+
38
+ .E_a1o35uvh {
39
+ &.ant-alert-closable {
40
+ padding-right: 12px;
41
+
42
+ .ant-alert-close-icon {
43
+ height: fit-content;
44
+ margin-left: 16px;
45
+ }
46
+ }
47
+
48
+ .ant-alert-message {
49
+ flex: 1;
50
+ }
51
+ }
52
+
53
+
54
+ .E_berrcjl {
55
+ color: $text-terdiary-light;
56
+ margin-bottom: 4px;
57
+
58
+ .breadcrumb-link {
59
+ color: $text-terdiary-light;
60
+ cursor: pointer;
61
+ transition: color 160ms ease;
62
+
63
+ &:hover {
64
+ color: $blue-60;
65
+ }
66
+ &:active {
67
+ color: $blue-80;
68
+ }
69
+ }
70
+ }
71
+
72
+
73
+ .E_b1nip9bk {
74
+ padding: 4px 11px;
75
+ }
76
+
77
+ .E_bqamoqe {
78
+ white-space: nowrap;
79
+ filter: drop-shadow(0px 2px 8px rgba(0, 136, 255, 0.1));
80
+
81
+ & > .ant-btn {
82
+ &.ant-btn-ordinary-onTint:not(.ant-btn-dangerous) {
83
+ --color: #{$text-light-general};
84
+
85
+ &[disabled],
86
+ &:hover[disabled] {
87
+ --color: #{$text-light-general};
88
+ }
89
+ }
90
+ }
91
+
92
+ & > .ant-btn:not(:only-child) {
93
+ & + .ant-btn {
94
+ margin-left: 1px;
95
+ }
96
+
97
+ &:first-child {
98
+ border-top-right-radius: 0;
99
+ border-bottom-right-radius: 0;
100
+ }
101
+
102
+ &:last-child {
103
+ border-top-left-radius: 0;
104
+ border-bottom-left-radius: 0;
105
+ }
106
+
107
+ &:not(:first-child, :last-child) {
108
+ border-radius: unset;
109
+ }
110
+ }
111
+ }
112
+
113
+
1
114
  .E_b1wx3t3t {
2
115
  &.ant-btn-icon-only {
3
116
  justify-content: center;
@@ -356,116 +469,21 @@
356
469
  }
357
470
 
358
471
 
359
- .E_c18gxmrl {
360
- border: 1px solid $gray-40;
361
- border-radius: 4px;
362
-
363
- & + & {
364
- margin-top: 8px;
365
- }
366
-
367
- &:hover {
368
- border-color: $blue-60;
369
-
370
- > header {
371
- background: rgba($blue-60, 0.1);
372
- }
373
- }
374
-
375
- &.active {
376
- header {
377
- border-bottom: 1px solid $gray-40;
378
- }
379
- }
380
-
381
- > header {
382
- padding: 8px 12px;
383
- }
384
- }
385
-
386
-
387
- .E_b1nip9bk {
388
- padding: 4px 11px;
389
- }
390
-
391
- .E_bqamoqe {
392
- white-space: nowrap;
393
- filter: drop-shadow(0px 2px 8px rgba(0, 136, 255, 0.1));
394
-
395
- & > .ant-btn {
396
- &.ant-btn-ordinary-onTint:not(.ant-btn-dangerous) {
397
- --color: #{$text-light-general};
398
-
399
- &[disabled],
400
- &:hover[disabled] {
401
- --color: #{$text-light-general};
402
- }
403
- }
404
- }
405
-
406
- & > .ant-btn:not(:only-child) {
407
- & + .ant-btn {
408
- margin-left: 1px;
409
- }
410
-
411
- &:first-child {
412
- border-top-right-radius: 0;
413
- border-bottom-right-radius: 0;
414
- }
415
-
416
- &:last-child {
417
- border-top-left-radius: 0;
418
- border-bottom-left-radius: 0;
419
- }
420
-
421
- &:not(:first-child, :last-child) {
422
- border-radius: unset;
423
- }
424
- }
425
- }
426
-
427
-
428
- .E_berrcjl {
429
- color: $text-terdiary-light;
430
- margin-bottom: 4px;
431
-
432
- .breadcrumb-link {
433
- color: $text-terdiary-light;
434
- cursor: pointer;
435
- transition: color 160ms ease;
436
-
437
- &:hover {
438
- color: $blue-60;
472
+ .E_d133fzv0 {
473
+ .ant-dropdown-menu-item-group {
474
+ .ant-dropdown-menu-item-group-title {
475
+ padding: 4px 8px 0 8px;
476
+ color: $text-light-secondary;
477
+ font-size: 12px;
439
478
  }
440
- &:active {
441
- color: $blue-80;
479
+ .ant-dropdown-menu-item-group-list {
480
+ padding-bottom: 6px;
442
481
  }
443
- }
444
- }
445
-
446
-
447
- .E_m74vjol {
448
- display: flex;
449
- justify-content: space-between;
450
- width: 100%;
451
- & .action {
452
- margin-left: 16px;
453
- }
454
- }
455
-
456
- .E_a1o35uvh {
457
- &.ant-alert-closable {
458
- padding-right: 12px;
459
-
460
- .ant-alert-close-icon {
461
- height: fit-content;
462
- margin-left: 16px;
482
+ &:not(:first-child) {
483
+ padding-top: 4px;
484
+ border-top: 1px solid $strokes-light-trans-2;
463
485
  }
464
486
  }
465
-
466
- .ant-alert-message {
467
- flex: 1;
468
- }
469
487
  }
470
488
 
471
489
 
@@ -494,181 +512,9 @@
494
512
  }
495
513
 
496
514
 
497
- .E_f7pxqmh {
498
- width: 100%;
499
- margin-bottom: 0 !important;
500
- flex-flow: nowrap !important;
501
- line-break: auto;
502
-
503
- & > .ant-form-item-label {
504
- text-align: left !important;
505
- padding-bottom: 0 !important;
506
-
507
- & > label {
508
- min-height: 32px;
509
- height: auto;
510
- font-size: 13px;
511
- color: rgba(44, 56, 82, 0.6);
512
- white-space: normal;
513
- }
514
- }
515
-
516
- &.ant-form-item-has-error {
517
- .ant-input {
518
- border-color: #ff4d4f !important;
519
- }
520
- .ant-input-password {
521
- border-color: #ff4d4f !important;
522
- }
523
- }
524
-
525
- .ant-form-item-explain {
526
- margin-top: 4px;
527
- font-size: 12px;
528
- min-height: 0px;
529
- }
530
-
531
- .ant-form-item-extra {
532
- font-size: 12px;
533
- color: rgba(44, 56, 82, 0.6);
534
- min-height: 0px;
535
- }
536
- }
537
-
538
-
539
- .E_ai7qkf2 {
540
- .ant-input-number-handler-wrap {
541
- display: var(--ai7qkf2-0);
542
- }
543
- .ant-input-number-input-wrap {
544
- display: inline-flex;
545
- line-height: 1.5715;
546
- height: 100%;
547
- width: 100%;
548
- }
549
-
550
- .ant-input-number-input-wrap::after {
551
- content: var(--ai7qkf2-1);
552
- display: var(--ai7qkf2-2);
553
- flex: none;
554
- align-items: center;
555
- margin-left: 4px;
556
- padding: 5px 12px 5px 0;
557
- color: rgba(44, 56, 82, 0.6);
558
- }
559
-
560
- .ant-input-number-input-wrap::before {
561
- content: var(--ai7qkf2-3);
562
- display: var(--ai7qkf2-4);
563
- flex: none;
564
- align-items: center;
565
- margin-right: 4px;
566
- cursor: auto;
567
- color: rgba(44, 56, 82, 0.6);
568
- }
569
-
570
- .ant-input-group.ant-input-group-compact > & {
571
- border-radius: 0;
572
- }
573
-
574
- &.ant-input-number {
575
- width: 100%;
576
- border-radius: 6px;
577
- }
578
- &.ant-input-number:not([disabled]) {
579
- &:focus,
580
- &:active,
581
- &.ant-input-number-focused {
582
- &.ant-input-number {
583
- border-color: $blue;
584
- box-shadow: $shadow-light-active;
585
- z-index: $input-hover-index;
586
- }
587
- }
588
- &.error {
589
- &:hover,
590
- &.ant-input-number-focused {
591
- &.ant-input-number {
592
- border-color: $red;
593
- box-shadow: $shadow-light-error;
594
- }
595
- }
596
- }
597
- }
598
-
599
- .ant-input-number-input {
600
- height: 30px;
601
- border: 1px;
602
- padding: 5px 12px;
603
- font-size: inherit;
604
- }
605
-
606
- &.ant-input-number-lg input {
607
- height: 38px;
608
- border: 1px;
609
- padding: 8px 16px;
610
- }
611
-
612
- &.ant-input-number-sm input {
613
- height: 22px;
614
- border: 1px;
615
- padding: 2px 8px;
616
- }
617
- }
618
-
619
-
620
- .E_iouxfgt {
621
- display: inline-flex;
622
- align-items: center;
623
-
624
- .icon-inner {
625
- display: inline-flex;
626
- align-items: center;
627
- justify-content: center;
628
- }
629
- .icon-inner + span,
630
- span + .icon-inner.suffix {
631
- margin-left: 4px;
632
- }
633
- &.is-rotate {
634
- img,
635
- svg {
636
- animation: rotate 680ms linear infinite;
637
- }
638
- }
639
- }
640
-
641
-
642
- .E_fzh9mnb {
643
- width: 100%;
644
- height: 100%;
645
- min-height: 124px;
646
- display: flex;
647
- flex-direction: column;
648
- justify-content: center;
649
- align-items: center;
650
-
651
- .error-text {
652
- color: $text-terdiary-light;
653
- margin-bottom: 16px;
654
- font-size: 18px;
655
- }
656
- }
657
-
658
-
659
- .E_atcz0kf {
660
- .ant-input-suffix {
661
- margin-left: 8px;
662
- }
663
- &.ant-input-affix-wrapper.ant-input-affix-wrapper-sm {
664
- padding: 2px 7px 2px 12px;
665
- }
666
- }
667
-
668
-
669
- .E_itxley7 {
670
- &.ant-input-group.ant-input-group-compact {
671
- display: flex;
515
+ .E_itxley7 {
516
+ &.ant-input-group.ant-input-group-compact {
517
+ display: flex;
672
518
  }
673
519
 
674
520
  &.ant-input-group.ant-input-group-compact > *:first-child,
@@ -721,17 +567,84 @@
721
567
  }
722
568
 
723
569
 
724
- .E_i1inqkme {
725
- height: 18px;
726
- line-height: 18px;
727
- padding: 0 4px;
728
- border-radius: 4px;
729
- background: rgba(235, 239, 245, 0.6);
730
- border: 1px solid rgba(223, 228, 235, 0.6);
570
+ .E_iouxfgt {
571
+ display: inline-flex;
572
+ align-items: center;
573
+
574
+ .icon-inner {
575
+ display: inline-flex;
576
+ align-items: center;
577
+ justify-content: center;
578
+ }
579
+ .icon-inner + span,
580
+ span + .icon-inner.suffix {
581
+ margin-left: 4px;
582
+ }
583
+ &.is-rotate {
584
+ img,
585
+ svg {
586
+ animation: rotate 680ms linear infinite;
587
+ }
588
+ }
589
+ }
590
+
591
+
592
+ .E_f7pxqmh {
593
+ width: 100%;
594
+ margin-bottom: 0 !important;
595
+ flex-flow: nowrap !important;
596
+ line-break: auto;
597
+
598
+ & > .ant-form-item-label {
599
+ text-align: left !important;
600
+ padding-bottom: 0 !important;
601
+
602
+ & > label {
603
+ min-height: 32px;
604
+ height: auto;
605
+ font-size: 13px;
606
+ color: rgba(44, 56, 82, 0.6);
607
+ white-space: normal;
608
+ }
609
+ }
610
+
611
+ &.ant-form-item-has-error {
612
+ .ant-input {
613
+ border-color: #ff4d4f !important;
614
+ }
615
+ .ant-input-password {
616
+ border-color: #ff4d4f !important;
617
+ }
618
+ }
619
+
620
+ .ant-form-item-explain {
621
+ margin-top: 4px;
622
+ font-size: 12px;
623
+ min-height: 0px;
624
+ }
625
+
626
+ .ant-form-item-extra {
627
+ font-size: 12px;
628
+ color: rgba(44, 56, 82, 0.6);
629
+ min-height: 0px;
630
+ }
631
+ }
632
+
633
+
634
+ .E_fzh9mnb {
635
+ width: 100%;
636
+ height: 100%;
637
+ min-height: 124px;
731
638
  display: flex;
639
+ flex-direction: column;
640
+ justify-content: center;
732
641
  align-items: center;
733
- white-space: nowrap;
734
- margin-right: 4px;
642
+
643
+ .error-text {
644
+ color: $text-terdiary-light;
645
+ margin-bottom: 16px;
646
+ font-size: 18px;
647
+ }
735
648
  }
736
649
 
737
650
 
@@ -826,27 +739,33 @@
826
739
  }
827
740
 
828
741
 
829
- .E_sx1bpnu {
830
- .ant-input-sm {
831
- line-height: 18px;
742
+ .E_atcz0kf {
743
+ .ant-input-suffix {
744
+ margin-left: 8px;
745
+ }
746
+ &.ant-input-affix-wrapper.ant-input-affix-wrapper-sm {
747
+ padding: 2px 7px 2px 12px;
832
748
  }
833
749
  }
834
750
 
835
751
 
836
- .E_d133fzv0 {
837
- .ant-dropdown-menu-item-group {
838
- .ant-dropdown-menu-item-group-title {
839
- padding: 4px 8px 0 8px;
840
- color: $text-light-secondary;
841
- font-size: 12px;
842
- }
843
- .ant-dropdown-menu-item-group-list {
844
- padding-bottom: 6px;
845
- }
846
- &:not(:first-child) {
847
- padding-top: 4px;
848
- border-top: 1px solid $strokes-light-trans-2;
849
- }
752
+ .E_i1inqkme {
753
+ height: 18px;
754
+ line-height: 18px;
755
+ padding: 0 4px;
756
+ border-radius: 4px;
757
+ background: rgba(235, 239, 245, 0.6);
758
+ border: 1px solid rgba(223, 228, 235, 0.6);
759
+ display: flex;
760
+ align-items: center;
761
+ white-space: nowrap;
762
+ margin-right: 4px;
763
+ }
764
+
765
+
766
+ .E_sx1bpnu {
767
+ .ant-input-sm {
768
+ line-height: 18px;
850
769
  }
851
770
  }
852
771
 
@@ -888,73 +807,97 @@
888
807
  }
889
808
 
890
809
 
891
- .E_phljevk {
892
- display: flex;
893
- justify-content: space-between;
894
- align-items: center;
895
- padding: 10px 0;
896
- color: $text-light-secondary;
897
- font-size: 12px;
898
- line-height: 24px;
810
+ .E_ai7qkf2 {
811
+ .ant-input-number-handler-wrap {
812
+ display: var(--ai7qkf2-0);
813
+ }
814
+ .ant-input-number-input-wrap {
815
+ display: inline-flex;
816
+ line-height: 1.5715;
817
+ height: 100%;
818
+ width: 100%;
819
+ }
899
820
 
900
- .pagination-left {
901
- padding: 2px 8px;
821
+ .ant-input-number-input-wrap::after {
822
+ content: var(--ai7qkf2-1);
823
+ display: var(--ai7qkf2-2);
824
+ flex: none;
825
+ align-items: center;
826
+ margin-left: 4px;
827
+ padding: 5px 12px 5px 0;
828
+ color: rgba(44, 56, 82, 0.6);
902
829
  }
903
830
 
904
- .dropdown-trigger {
905
- display: flex;
831
+ .ant-input-number-input-wrap::before {
832
+ content: var(--ai7qkf2-3);
833
+ display: var(--ai7qkf2-4);
834
+ flex: none;
906
835
  align-items: center;
907
- border-radius: 6px;
908
- cursor: pointer;
909
- transition: all 0.3s ease;
836
+ margin-right: 4px;
837
+ cursor: auto;
838
+ color: rgba(44, 56, 82, 0.6);
839
+ }
910
840
 
911
- &:hover {
912
- background: $fills-interaction-light-general-hover;
913
- color: $text-light-general;
914
- }
915
- .icon-inner {
916
- margin-left: 4px;
917
- }
841
+ .ant-input-group.ant-input-group-compact > & {
842
+ border-radius: 0;
918
843
  }
919
844
 
920
- .pagination-right {
921
- display: flex;
922
- align-items: center;
923
- color: $blue-60;
924
- font-weight: bold;
925
- .icon-inner {
926
- margin-left: 4px;
927
- }
928
- .prev-btn,
929
- .next-btn {
930
- padding: 0 8px;
931
- > span {
932
- color: $text-light-general;
845
+ &.ant-input-number {
846
+ width: 100%;
847
+ border-radius: 6px;
848
+ }
849
+ &.ant-input-number:not([disabled]) {
850
+ &:focus,
851
+ &:active,
852
+ &.ant-input-number-focused {
853
+ &.ant-input-number {
854
+ border-color: $blue;
855
+ box-shadow: $shadow-light-active;
856
+ z-index: $input-hover-index;
933
857
  }
934
858
  }
935
-
936
- .next-btn {
937
- .icon-inner {
938
- transform: rotate(180deg);
859
+ &.error {
860
+ &:hover,
861
+ &.ant-input-number-focused {
862
+ &.ant-input-number {
863
+ border-color: $red;
864
+ box-shadow: $shadow-light-error;
865
+ }
939
866
  }
940
867
  }
941
868
  }
942
- }
943
869
 
944
- .E_d12rtyeg {
945
- &.ant-dropdown .ant-dropdown-menu {
946
- max-height: calc(100vh - 128px);
947
- overflow-y: auto;
870
+ .ant-input-number-input {
871
+ height: 30px;
872
+ border: 1px;
873
+ padding: 5px 12px;
874
+ font-size: inherit;
875
+ }
948
876
 
949
- .ant-dropdown-menu-item {
950
- padding: 4px 20px;
951
- font-size: 12px;
952
- line-height: 18px;
953
- }
877
+ &.ant-input-number-lg input {
878
+ height: 38px;
879
+ border: 1px;
880
+ padding: 8px 16px;
881
+ }
882
+
883
+ &.ant-input-number-sm input {
884
+ height: 22px;
885
+ border: 1px;
886
+ padding: 2px 8px;
954
887
  }
955
888
  }
956
889
 
957
890
 
891
+ .E_owd0kml {
892
+ display: inline-block;
893
+ }
894
+
895
+ .E_h1jsgezc {
896
+ visibility: hidden;
897
+ position: absolute;
898
+ }
899
+
900
+
958
901
  .E_rapgekc {
959
902
  &.ant-radio-wrapper {
960
903
  display: inline-flex;
@@ -1168,13 +1111,70 @@
1168
1111
  }
1169
1112
 
1170
1113
 
1171
- .E_owd0kml {
1172
- display: inline-block;
1114
+ .E_phljevk {
1115
+ display: flex;
1116
+ justify-content: space-between;
1117
+ align-items: center;
1118
+ padding: 10px 0;
1119
+ color: $text-light-secondary;
1120
+ font-size: 12px;
1121
+ line-height: 24px;
1122
+
1123
+ .pagination-left {
1124
+ padding: 2px 8px;
1125
+ }
1126
+
1127
+ .dropdown-trigger {
1128
+ display: flex;
1129
+ align-items: center;
1130
+ border-radius: 6px;
1131
+ cursor: pointer;
1132
+ transition: all 0.3s ease;
1133
+
1134
+ &:hover {
1135
+ background: $fills-interaction-light-general-hover;
1136
+ color: $text-light-general;
1137
+ }
1138
+ .icon-inner {
1139
+ margin-left: 4px;
1140
+ }
1141
+ }
1142
+
1143
+ .pagination-right {
1144
+ display: flex;
1145
+ align-items: center;
1146
+ color: $blue-60;
1147
+ font-weight: bold;
1148
+ .icon-inner {
1149
+ margin-left: 4px;
1150
+ }
1151
+ .prev-btn,
1152
+ .next-btn {
1153
+ padding: 0 8px;
1154
+ > span {
1155
+ color: $text-light-general;
1156
+ }
1157
+ }
1158
+
1159
+ .next-btn {
1160
+ .icon-inner {
1161
+ transform: rotate(180deg);
1162
+ }
1163
+ }
1164
+ }
1173
1165
  }
1174
1166
 
1175
- .E_h1jsgezc {
1176
- visibility: hidden;
1177
- position: absolute;
1167
+ .E_d12rtyeg {
1168
+ &.ant-dropdown .ant-dropdown-menu {
1169
+ max-height: calc(100vh - 128px);
1170
+ overflow-y: auto;
1171
+
1172
+ .ant-dropdown-menu-item {
1173
+ padding: 4px 20px;
1174
+ font-size: 12px;
1175
+ line-height: 18px;
1176
+ }
1177
+ }
1178
1178
  }
1179
1179
 
1180
1180
 
@@ -1189,101 +1189,34 @@
1189
1189
  }
1190
1190
 
1191
1191
 
1192
- .E_s1dizucg {
1193
- &.ant-switch {
1194
- min-width: 40px;
1195
- height: 24px;
1196
- background: $fills-trans-quinary-light;
1192
+ .E_c1bus5hc {
1193
+ --color: white;
1194
+ height: 14px;
1195
+ width: 14px;
1196
+ border-radius: 50%;
1197
+ flex-shrink: 0;
1198
+ display: flex;
1199
+ align-items: center;
1200
+ justify-content: center;
1201
+ border: 1px solid var(--color);
1202
+
1203
+ .circle-inner {
1204
+ position: relative;
1205
+ height: 10px;
1206
+ width: 10px;
1207
+ border-radius: 50%;
1197
1208
  overflow: hidden;
1198
- &:focus {
1199
- box-shadow: 0 0 0 2px $strokes-light-trans-1;
1200
- }
1201
- }
1202
- &.ant-switch-small {
1203
- min-width: 26px;
1204
- height: 16px;
1205
1209
  }
1206
- &.ant-switch-large {
1207
- min-width: 52px;
1208
- height: 32px;
1209
- }
1210
-
1211
- &.ant-switch .ant-switch-handle {
1212
- height: 20px;
1213
- width: 20px;
1214
- &::before {
1215
- border-radius: 10px;
1216
- transition-delay: 120ms;
1217
- }
1218
- }
1219
- &.ant-switch-small .ant-switch-handle {
1220
- height: 14px;
1221
- width: 14px;
1222
- top: 1px;
1223
- left: 1px;
1224
- }
1225
- &.ant-switch-large .ant-switch-handle {
1226
- height: 28px;
1227
- width: 28px;
1228
- &::before {
1229
- border-radius: 14px;
1230
- }
1231
- }
1232
-
1233
- &.ant-switch-checked {
1234
- background-color: $green-60;
1235
- }
1236
- &.ant-switch-checked .ant-switch-handle {
1237
- left: calc(100% - 20px - 2px);
1238
- }
1239
- &.ant-switch-small.ant-switch-checked .ant-switch-handle {
1240
- left: calc(100% - 14px - 1px);
1241
- }
1242
- &.ant-switch-large.ant-switch-checked .ant-switch-handle {
1243
- left: calc(100% - 28px - 2px);
1244
- }
1245
- }
1246
-
1247
- .E_c1up6e3y {
1248
- margin-left: 5px;
1249
- }
1250
-
1251
-
1252
- .E_tju3gfj {
1253
- .date {
1254
- margin-right: 4px;
1255
- }
1256
- }
1257
-
1258
-
1259
- .E_c1bus5hc {
1260
- --color: white;
1261
- height: 14px;
1262
- width: 14px;
1263
- border-radius: 50%;
1264
- flex-shrink: 0;
1265
- display: flex;
1266
- align-items: center;
1267
- justify-content: center;
1268
- border: 1px solid var(--color);
1269
-
1270
- .circle-inner {
1271
- position: relative;
1272
- height: 10px;
1273
- width: 10px;
1274
- border-radius: 50%;
1275
- overflow: hidden;
1276
- }
1277
-
1278
- .circle-content {
1279
- position: absolute;
1280
- height: 100%;
1281
- width: 100%;
1282
- left: 0;
1283
- top: 0;
1284
- border-radius: 50%;
1285
- background: linear-gradient(to right, var(--color) 50%, white 50%);
1286
- transform: rotate(180deg);
1210
+
1211
+ .circle-content {
1212
+ position: absolute;
1213
+ height: 100%;
1214
+ width: 100%;
1215
+ left: 0;
1216
+ top: 0;
1217
+ border-radius: 50%;
1218
+ background: linear-gradient(to right, var(--color) 50%, white 50%);
1219
+ transform: rotate(180deg);
1287
1220
  }
1288
1221
 
1289
1222
  .circle-child {
@@ -1300,92 +1233,6 @@
1300
1233
  }
1301
1234
 
1302
1235
 
1303
- .E_s1sck0th {
1304
- padding: 0 8px;
1305
- border-radius: 4px;
1306
- }
1307
-
1308
- .E_m855nr1 {
1309
- padding: 2px 8px;
1310
- border-radius: 3px;
1311
- }
1312
-
1313
- .E_l1270xpg {
1314
- padding: 3px 8px;
1315
- border-radius: 2px;
1316
- }
1317
-
1318
- .E_t14rextb {
1319
- &.ant-tag:hover {
1320
- opacity: unset;
1321
- }
1322
- &.ant-tag.ui-kit-token:not(.ant-tag-hidden) {
1323
- margin: 0;
1324
- margin-right: 8px;
1325
- display: inline-flex;
1326
- align-items: center;
1327
- border: none;
1328
- & .ant-tag-close-icon {
1329
- width: 16px;
1330
- height: 16px;
1331
- color: inherit;
1332
- margin-left: 4px;
1333
- opacity: 0.6;
1334
- display: inline-flex;
1335
- &:hover {
1336
- opacity: 1;
1337
- }
1338
- }
1339
- &.ant-tag-blue {
1340
- color: $fills-light-general-general;
1341
- background-color: $fills-light-general-general-light;
1342
- }
1343
- &.ant-tag-red {
1344
- color: $fills-light-serious-serious;
1345
- background-color: $fills-light-serious-serious-light;
1346
- }
1347
- &.ant-tag-yellow {
1348
- color: $fills-light-notice-notice-dark;
1349
- background-color: $fills-light-notice-notice-light;
1350
- }
1351
- &.ant-tag-green {
1352
- color: $fills-light-positive-positive-dark;
1353
- background-color: $fills-light-positive-positive-light;
1354
- }
1355
- &.ant-tag-gray {
1356
- color: $text-light-super;
1357
- background-color: $fills-element-light-container-general;
1358
- }
1359
- &.ant-tag-purple {
1360
- color: $text-colorful-purple;
1361
- background-color: $fill-purple-light;
1362
- }
1363
-
1364
- &.ui-kit-token-checked {
1365
- color: $text-light-on-tint;
1366
- &.ant-tag-red {
1367
- background-color: $fills-light-serious-serious;
1368
- }
1369
- &.ant-tag-yellow {
1370
- background-color: $fills-light-notice-notice;
1371
- }
1372
- &.ant-tag-green {
1373
- background-color: $fills-light-positive-positive;
1374
- }
1375
- &.ant-tag-blue {
1376
- background-color: $fills-light-general-general;
1377
- }
1378
- &.ant-tag-gray {
1379
- background-color: $gray-70;
1380
- }
1381
- &.ant-tag-purple {
1382
- background-color: $fill-purple-base;
1383
- }
1384
- }
1385
- }
1386
- }
1387
-
1388
-
1389
1236
  .E_cnujxq2 {
1390
1237
  display: flex;
1391
1238
  flex-direction: column;
@@ -2199,6 +2046,73 @@
2199
2046
  }
2200
2047
 
2201
2048
 
2049
+ .E_s1dizucg {
2050
+ &.ant-switch {
2051
+ min-width: 40px;
2052
+ height: 24px;
2053
+ background: $fills-trans-quinary-light;
2054
+ overflow: hidden;
2055
+ &:focus {
2056
+ box-shadow: 0 0 0 2px $strokes-light-trans-1;
2057
+ }
2058
+ }
2059
+ &.ant-switch-small {
2060
+ min-width: 26px;
2061
+ height: 16px;
2062
+ }
2063
+ &.ant-switch-large {
2064
+ min-width: 52px;
2065
+ height: 32px;
2066
+ }
2067
+
2068
+ &.ant-switch .ant-switch-handle {
2069
+ height: 20px;
2070
+ width: 20px;
2071
+ &::before {
2072
+ border-radius: 10px;
2073
+ transition-delay: 120ms;
2074
+ }
2075
+ }
2076
+ &.ant-switch-small .ant-switch-handle {
2077
+ height: 14px;
2078
+ width: 14px;
2079
+ top: 1px;
2080
+ left: 1px;
2081
+ }
2082
+ &.ant-switch-large .ant-switch-handle {
2083
+ height: 28px;
2084
+ width: 28px;
2085
+ &::before {
2086
+ border-radius: 14px;
2087
+ }
2088
+ }
2089
+
2090
+ &.ant-switch-checked {
2091
+ background-color: $green-60;
2092
+ }
2093
+ &.ant-switch-checked .ant-switch-handle {
2094
+ left: calc(100% - 20px - 2px);
2095
+ }
2096
+ &.ant-switch-small.ant-switch-checked .ant-switch-handle {
2097
+ left: calc(100% - 14px - 1px);
2098
+ }
2099
+ &.ant-switch-large.ant-switch-checked .ant-switch-handle {
2100
+ left: calc(100% - 28px - 2px);
2101
+ }
2102
+ }
2103
+
2104
+ .E_c1up6e3y {
2105
+ margin-left: 5px;
2106
+ }
2107
+
2108
+
2109
+ .E_tju3gfj {
2110
+ .date {
2111
+ margin-right: 4px;
2112
+ }
2113
+ }
2114
+
2115
+
2202
2116
  .E_s1dni7lo {
2203
2117
  width: 430px !important;
2204
2118
  }
@@ -2288,27 +2202,119 @@
2288
2202
  }
2289
2203
 
2290
2204
 
2291
- .E_c1yyuluq {
2292
- border-radius: 8px;
2293
- .ant-card-body {
2294
- padding: 20px 24px 24px 24px;
2205
+ .E_t1m2x205 {
2206
+ .ant-tooltip-arrow {
2207
+ display: none;
2208
+ }
2209
+ .ant-tooltip-inner {
2210
+ background: $gray-a80-9;
2211
+ border-radius: 4px;
2212
+ &:has(.eagle-ellipsis-content) {
2213
+ visibility: hidden;
2214
+ }
2295
2215
  }
2296
2216
  }
2297
2217
 
2298
2218
 
2299
- .E_ccrbeuz {
2300
- .ant-collapse-item {
2301
- border: 0px;
2302
- background-color: $fills-light-white;
2219
+ .E_s1sck0th {
2220
+ padding: 0 8px;
2221
+ border-radius: 4px;
2222
+ }
2303
2223
 
2304
- .ant-collapse-header {
2305
- padding-top: 0px;
2306
- padding-bottom: 0px;
2307
- padding-left: 0px !important;
2308
- padding-right: 24px;
2309
- .ant-collapse-arrow {
2310
- right: 0px;
2311
- }
2224
+ .E_m855nr1 {
2225
+ padding: 2px 8px;
2226
+ border-radius: 3px;
2227
+ }
2228
+
2229
+ .E_l1270xpg {
2230
+ padding: 3px 8px;
2231
+ border-radius: 2px;
2232
+ }
2233
+
2234
+ .E_t14rextb {
2235
+ &.ant-tag:hover {
2236
+ opacity: unset;
2237
+ }
2238
+ &.ant-tag.ui-kit-token:not(.ant-tag-hidden) {
2239
+ margin: 0;
2240
+ margin-right: 8px;
2241
+ display: inline-flex;
2242
+ align-items: center;
2243
+ border: none;
2244
+ & .ant-tag-close-icon {
2245
+ width: 16px;
2246
+ height: 16px;
2247
+ color: inherit;
2248
+ margin-left: 4px;
2249
+ opacity: 0.6;
2250
+ display: inline-flex;
2251
+ &:hover {
2252
+ opacity: 1;
2253
+ }
2254
+ }
2255
+ &.ant-tag-blue {
2256
+ color: $fills-light-general-general;
2257
+ background-color: $fills-light-general-general-light;
2258
+ }
2259
+ &.ant-tag-red {
2260
+ color: $fills-light-serious-serious;
2261
+ background-color: $fills-light-serious-serious-light;
2262
+ }
2263
+ &.ant-tag-yellow {
2264
+ color: $fills-light-notice-notice-dark;
2265
+ background-color: $fills-light-notice-notice-light;
2266
+ }
2267
+ &.ant-tag-green {
2268
+ color: $fills-light-positive-positive-dark;
2269
+ background-color: $fills-light-positive-positive-light;
2270
+ }
2271
+ &.ant-tag-gray {
2272
+ color: $text-light-super;
2273
+ background-color: $fills-element-light-container-general;
2274
+ }
2275
+ &.ant-tag-purple {
2276
+ color: $text-colorful-purple;
2277
+ background-color: $fill-purple-light;
2278
+ }
2279
+
2280
+ &.ui-kit-token-checked {
2281
+ color: $text-light-on-tint;
2282
+ &.ant-tag-red {
2283
+ background-color: $fills-light-serious-serious;
2284
+ }
2285
+ &.ant-tag-yellow {
2286
+ background-color: $fills-light-notice-notice;
2287
+ }
2288
+ &.ant-tag-green {
2289
+ background-color: $fills-light-positive-positive;
2290
+ }
2291
+ &.ant-tag-blue {
2292
+ background-color: $fills-light-general-general;
2293
+ }
2294
+ &.ant-tag-gray {
2295
+ background-color: $gray-70;
2296
+ }
2297
+ &.ant-tag-purple {
2298
+ background-color: $fill-purple-base;
2299
+ }
2300
+ }
2301
+ }
2302
+ }
2303
+
2304
+
2305
+ .E_ccrbeuz {
2306
+ .ant-collapse-item {
2307
+ border: 0px;
2308
+ background-color: $fills-light-white;
2309
+
2310
+ .ant-collapse-header {
2311
+ padding-top: 0px;
2312
+ padding-bottom: 0px;
2313
+ padding-left: 0px !important;
2314
+ padding-right: 24px;
2315
+ .ant-collapse-arrow {
2316
+ right: 0px;
2317
+ }
2312
2318
  }
2313
2319
  .ant-collapse-content {
2314
2320
  .ant-collapse-content-box {
@@ -2328,21 +2334,10 @@
2328
2334
  }
2329
2335
 
2330
2336
 
2331
- .E_iq1gosr {
2332
- display: inline-block;
2333
- }
2334
-
2335
-
2336
- .E_t1m2x205 {
2337
- .ant-tooltip-arrow {
2338
- display: none;
2339
- }
2340
- .ant-tooltip-inner {
2341
- background: $gray-a80-9;
2342
- border-radius: 4px;
2343
- &:has(.eagle-ellipsis-content) {
2344
- visibility: hidden;
2345
- }
2337
+ .E_c1yyuluq {
2338
+ border-radius: 8px;
2339
+ .ant-card-body {
2340
+ padding: 20px 24px 24px 24px;
2346
2341
  }
2347
2342
  }
2348
2343
 
@@ -2701,6 +2696,16 @@
2701
2696
  }
2702
2697
 
2703
2698
 
2699
+ .E_iq1gosr {
2700
+ display: inline-block;
2701
+ }
2702
+
2703
+
2704
+ .E_m196gn1d {
2705
+ min-width: 1280px;
2706
+ }
2707
+
2708
+
2704
2709
  .E_a1b5xrg3 {
2705
2710
  .user-icon-inner {
2706
2711
  display: inline-flex;
@@ -2738,11 +2743,6 @@
2738
2743
  }
2739
2744
 
2740
2745
 
2741
- .E_m196gn1d {
2742
- min-width: 1280px;
2743
- }
2744
-
2745
-
2746
2746
  .E_b1lj76ty {
2747
2747
  width: 100%;
2748
2748
  height: 100%;
@@ -3006,6 +3006,38 @@
3006
3006
  }
3007
3007
 
3008
3008
 
3009
+ .E_m5foqp8 {
3010
+ --footer-height: 96px;
3011
+ --modal-content-width: 720px;
3012
+ --modal-content-min-height: 200px;
3013
+ --modal-header-padding: 40px 60px 8px;
3014
+ --modal-content-padding-top: 24px;
3015
+ --modal-content-padding-bottom: 32px;
3016
+ --modal-content-padding-x: 60px;
3017
+ --modal-footer-padding: 0 60px;
3018
+
3019
+ &.content-full.ant-modal {
3020
+ height: calc(100vh - 80px);
3021
+ width: calc(100vw - 160px);
3022
+ .ant-modal-content {
3023
+ width: 100%;
3024
+ height: 100%;
3025
+ max-width: unset;
3026
+ max-height: unset;
3027
+ display: flex;
3028
+ flex-direction: column;
3029
+ }
3030
+ .ant-modal-body {
3031
+ flex: 1;
3032
+ }
3033
+ }
3034
+
3035
+ .initializing-title {
3036
+ height: 32px;
3037
+ }
3038
+ }
3039
+
3040
+
3009
3041
  .E_s17wv897 {
3010
3042
  &.ant-select,
3011
3043
  &.ant-select div.ant-select-selector {
@@ -3108,38 +3140,6 @@
3108
3140
  }
3109
3141
 
3110
3142
 
3111
- .E_m5foqp8 {
3112
- --footer-height: 96px;
3113
- --modal-content-width: 720px;
3114
- --modal-content-min-height: 200px;
3115
- --modal-header-padding: 40px 60px 8px;
3116
- --modal-content-padding-top: 24px;
3117
- --modal-content-padding-bottom: 32px;
3118
- --modal-content-padding-x: 60px;
3119
- --modal-footer-padding: 0 60px;
3120
-
3121
- &.content-full.ant-modal {
3122
- height: calc(100vh - 80px);
3123
- width: calc(100vw - 160px);
3124
- .ant-modal-content {
3125
- width: 100%;
3126
- height: 100%;
3127
- max-width: unset;
3128
- max-height: unset;
3129
- display: flex;
3130
- flex-direction: column;
3131
- }
3132
- .ant-modal-body {
3133
- flex: 1;
3134
- }
3135
- }
3136
-
3137
- .initializing-title {
3138
- height: 32px;
3139
- }
3140
- }
3141
-
3142
-
3143
3143
  .E_s4ivdfu {
3144
3144
  &.ant-select {
3145
3145
  .ant-select-selection-placeholder {
@@ -3980,6 +3980,59 @@
3980
3980
  }
3981
3981
 
3982
3982
 
3983
+ .E_c1yd35n {
3984
+ padding: 0 12px 14px 12px;
3985
+ }
3986
+
3987
+
3988
+ .E_c1kghdax {
3989
+ color: $text-primary-light;
3990
+ padding: 7px 12px;
3991
+ display: flex;
3992
+ justify-content: space-between;
3993
+ align-items: center;
3994
+
3995
+ &.has-arrow {
3996
+ padding-left: 10px;
3997
+
3998
+ .title-wrapper {
3999
+ cursor: pointer;
4000
+ color: $text-light-primary;
4001
+
4002
+ &.is-open {
4003
+ color: $text-primary-light;
4004
+ font-weight: 600;
4005
+
4006
+ .collapse-arrow {
4007
+ transform: rotate(90deg);
4008
+ }
4009
+ }
4010
+ }
4011
+ }
4012
+
4013
+ .sub-info {
4014
+ font-size: 12px;
4015
+ line-height: 18px;
4016
+ }
4017
+
4018
+ .title-wrapper {
4019
+ display: flex;
4020
+ align-items: center;
4021
+ user-select: none;
4022
+ flex-grow: 1;
4023
+ font-size: 12px;
4024
+ line-height: 18px;
4025
+ color: $text-primary-light;
4026
+ font-weight: 700;
4027
+ }
4028
+
4029
+ .collapse-arrow {
4030
+ transition: all 50ms ease-out 0ms;
4031
+ margin-right: 2px;
4032
+ }
4033
+ }
4034
+
4035
+
3983
4036
  .E_l1ucdodl {
3984
4037
  $prefix: ui-kit-status-legend;
3985
4038
  margin: 0;
@@ -4135,56 +4188,59 @@
4135
4188
  }
4136
4189
 
4137
4190
 
4138
- .E_c1yd35n {
4139
- padding: 0 12px 14px 12px;
4191
+ .E_lht19u8 {
4192
+ width: 64px;
4193
+ height: 64px;
4194
+ display: flex;
4195
+ align-items: center;
4196
+ justify-content: center;
4197
+ position: relative;
4198
+ opacity: 0.2;
4140
4199
  }
4141
4200
 
4201
+ .E_lk3gkp4 {
4202
+ position: absolute;
4203
+ width: 5px;
4204
+ height: 48px;
4205
+ left: 9.33px;
4206
+ top: 40.5px;
4142
4207
 
4143
- .E_c1kghdax {
4144
- color: $text-primary-light;
4145
- padding: 7px 12px;
4146
- display: flex;
4147
- justify-content: space-between;
4148
- align-items: center;
4149
-
4150
- &.has-arrow {
4151
- padding-left: 10px;
4208
+ background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
4209
+ border-radius: 5px;
4210
+ transform: rotate(-128deg);
4211
+ transform-origin: top left;
4152
4212
 
4153
- .title-wrapper {
4154
- cursor: pointer;
4155
- color: $text-light-primary;
4213
+ animation: loading-indicator1 1100ms ease-out infinite;
4214
+ }
4156
4215
 
4157
- &.is-open {
4158
- color: $text-primary-light;
4159
- font-weight: 600;
4216
+ .E_ll4n94n {
4217
+ position: absolute;
4218
+ width: 5px;
4219
+ height: 48px;
4220
+ left: 40.8px;
4221
+ top: 8.4px;
4160
4222
 
4161
- .collapse-arrow {
4162
- transform: rotate(90deg);
4163
- }
4164
- }
4165
- }
4166
- }
4223
+ background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
4224
+ border-radius: 5px;
4225
+ transform: rotate(-8deg);
4226
+ transform-origin: top left;
4167
4227
 
4168
- .sub-info {
4169
- font-size: 12px;
4170
- line-height: 18px;
4171
- }
4228
+ animation: loading-indicator2 1100ms ease-out infinite;
4229
+ }
4172
4230
 
4173
- .title-wrapper {
4174
- display: flex;
4175
- align-items: center;
4176
- user-select: none;
4177
- flex-grow: 1;
4178
- font-size: 12px;
4179
- line-height: 18px;
4180
- color: $text-primary-light;
4181
- font-weight: 700;
4182
- }
4231
+ .E_l17lbdo6 {
4232
+ position: absolute;
4233
+ width: 5px;
4234
+ height: 48px;
4235
+ left: 52.9px;
4236
+ top: 51.8px;
4183
4237
 
4184
- .collapse-arrow {
4185
- transition: all 50ms ease-out 0ms;
4186
- margin-right: 2px;
4187
- }
4238
+ background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
4239
+ border-radius: 5px;
4240
+ transform: rotate(112deg);
4241
+ transform-origin: top left;
4242
+
4243
+ animation: loading-indicator3 1100ms ease-out infinite;
4188
4244
  }
4189
4245
 
4190
4246
 
@@ -4607,62 +4663,6 @@
4607
4663
  }
4608
4664
 
4609
4665
 
4610
- .E_lht19u8 {
4611
- width: 64px;
4612
- height: 64px;
4613
- display: flex;
4614
- align-items: center;
4615
- justify-content: center;
4616
- position: relative;
4617
- opacity: 0.2;
4618
- }
4619
-
4620
- .E_lk3gkp4 {
4621
- position: absolute;
4622
- width: 5px;
4623
- height: 48px;
4624
- left: 9.33px;
4625
- top: 40.5px;
4626
-
4627
- background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
4628
- border-radius: 5px;
4629
- transform: rotate(-128deg);
4630
- transform-origin: top left;
4631
-
4632
- animation: loading-indicator1 1100ms ease-out infinite;
4633
- }
4634
-
4635
- .E_ll4n94n {
4636
- position: absolute;
4637
- width: 5px;
4638
- height: 48px;
4639
- left: 40.8px;
4640
- top: 8.4px;
4641
-
4642
- background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
4643
- border-radius: 5px;
4644
- transform: rotate(-8deg);
4645
- transform-origin: top left;
4646
-
4647
- animation: loading-indicator2 1100ms ease-out infinite;
4648
- }
4649
-
4650
- .E_l17lbdo6 {
4651
- position: absolute;
4652
- width: 5px;
4653
- height: 48px;
4654
- left: 52.9px;
4655
- top: 51.8px;
4656
-
4657
- background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
4658
- border-radius: 5px;
4659
- transform: rotate(112deg);
4660
- transform-origin: top left;
4661
-
4662
- animation: loading-indicator3 1100ms ease-out infinite;
4663
- }
4664
-
4665
-
4666
4666
  .E_sddwhm6 {
4667
4667
  $prefix: ui-kit-status-capsule;
4668
4668
  margin: 0;
@@ -5229,267 +5229,43 @@
5229
5229
  }
5230
5230
 
5231
5231
 
5232
- .E_t1dtlqs1 {
5233
- margin-bottom: 4px;
5234
- color: $text-secondary-light;
5235
- }
5236
-
5237
- .E_s1ese5oy {
5238
- color: rgba(44, 56, 82, 0.6);
5239
- line-height: 32px;
5240
- height: 32px;
5241
- margin-bottom: 0;
5242
- &.primary,
5243
- &.info {
5244
- color: $text-light-general;
5245
- }
5246
- &.warning {
5247
- color: #ffa500;
5232
+ .E_sjob3jg {
5233
+ $item: ant-steps-item;
5234
+ --item-min-width: 60px;
5235
+ .#{$item} {
5236
+ &-tail,
5237
+ &-icon {
5238
+ display: none !important;
5239
+ }
5248
5240
  }
5249
- &.success {
5250
- color: $text-light-positive;
5241
+ .#{$item}.#{$item}-active {
5242
+ flex-shrink: 0 !important;
5243
+ .step-item-prefix-container {
5244
+ color: $text-colorful-outstanding;
5245
+ }
5246
+ .#{$item}-container .#{$item}-content .#{$item}-title {
5247
+ color: $text-colorful-outstanding;
5248
+ font-weight: normal;
5249
+ }
5251
5250
  }
5252
- &.danger,
5253
- &.error {
5254
- color: $text-light-serious;
5251
+ .#{$item}.#{$item}-finish {
5252
+ .#{$item}-container .#{$item}-content .#{$item}-title,
5253
+ & .#{$item}-container:hover .#{$item}-content .#{$item}-title {
5254
+ color: $text-neutral-tertiary;
5255
+ }
5255
5256
  }
5256
- &.normal {
5257
- color: $text-secondary-light;
5257
+ .#{$item}.#{$item}-wait {
5258
+ .#{$item}-container .#{$item}-content .#{$item}-title {
5259
+ color: $text-neutral-primary;
5260
+ }
5258
5261
  }
5259
- }
5260
-
5261
- .E_b1ibis43 {
5262
- margin-bottom: 0;
5263
- color: $text-light-primary;
5264
- }
5265
-
5266
- .E_b11xxjd2 {
5267
- line-height: 32px;
5268
- margin-right: 6px;
5269
- }
5270
-
5271
- .E_bsub5bw {
5272
- &.with-description {
5273
- height: 24px;
5274
- flex: 1;
5275
- position: relative;
5276
- top: -7px;
5262
+ .step-item-text {
5263
+ display: inline-block;
5277
5264
  }
5278
- p {
5279
- width: 100%;
5265
+ .step-item-title {
5280
5266
  overflow: hidden;
5281
- text-overflow: ellipsis;
5282
5267
  white-space: nowrap;
5283
- }
5284
- }
5285
-
5286
- .E_tmoyoag {
5287
- border: 1px solid $strokes-light-trans-2;
5288
- border-radius: 8px;
5289
- overflow: auto;
5290
- .ant-list {
5291
- position: relative;
5292
- .ant-list-item:last-child {
5293
- border-bottom: none;
5294
- }
5295
- .eagle-table-form-header {
5296
- position: sticky;
5297
- top: 0;
5298
- z-index: $eagle-table-form-header-index;
5299
- display: flex;
5300
- padding: 8px;
5301
- & {
5302
- align-items: inherit;
5303
- }
5304
- flex-wrap: nowrap;
5305
- justify-content: flex-start;
5306
- background: $fills-light-opaque-1;
5307
- font-size: 14px;
5308
- color: $text-secondary-light;
5309
- border-bottom: 1px solid $fills-light-trans-2;
5310
- }
5311
- .eagle-table-form-header .eagle-table-form-cell > p {
5312
- margin-bottom: 0;
5313
- }
5314
- .eagle-table-form-row {
5315
- display: flex;
5316
- justify-content: flex-start;
5317
- align-items: flex-start;
5318
- flex-wrap: wrap;
5319
- padding: 8px;
5320
- border: none;
5321
- .row-description {
5322
- flex-basis: 100%;
5323
- margin: 12px 0 0;
5324
- order: 99;
5325
- color: $text-secondary-light;
5326
- }
5327
- .row-error-message {
5328
- color: $text-light-serious;
5329
- flex-basis: 100%;
5330
- order: 98;
5331
- margin: 12px 0 0;
5332
- }
5333
- &:hover {
5334
- background-color: $fills-light-trans-1;
5335
- }
5336
- &.isDragging {
5337
- background-color: $fills-light-general-general-light;
5338
- }
5339
- }
5340
- .eagle-table-form-cell {
5341
- flex: 1 0 0;
5342
- overflow: hidden;
5343
- .cell-description {
5344
- color: $text-secondary-light;
5345
- margin: 0;
5346
- }
5347
-
5348
- @mixin text-align-style($align-position) {
5349
- & > * {
5350
- text-align: $align-position;
5351
- }
5352
- .ant-form-item-control-input-content {
5353
- &,
5354
- & > * {
5355
- text-align: $align-position;
5356
- }
5357
- }
5358
- }
5359
-
5360
- &.align-center {
5361
- @include text-align-style(center);
5362
- }
5363
- &.align-left {
5364
- @include text-align-style(left);
5365
- }
5366
- &.align-right {
5367
- @include text-align-style(right);
5368
- }
5369
-
5370
- &:not(:last-of-type) {
5371
- margin-right: 8px;
5372
- }
5373
- }
5374
- .ant-list-item-action {
5375
- padding: 4px;
5376
- width: 24px;
5377
- height: 24px;
5378
- overflow: hidden;
5379
- li {
5380
- padding: 0;
5381
- }
5382
- }
5383
- .delete-row-icon.disabled {
5384
- cursor: not-allowed;
5385
- opacity: 0.5;
5386
- }
5387
- &.size-default {
5388
- .ant-list-item-action {
5389
- margin: 0;
5390
- }
5391
- .eagle-table-form-cell {
5392
- .ant-input,
5393
- .ant-select-selector {
5394
- border-radius: 5px;
5395
- font-size: 12px;
5396
- }
5397
- .ant-input-affix-wrapper {
5398
- font-size: inherit;
5399
- }
5400
-
5401
- .ant-form-item-control-input {
5402
- min-height: 24px;
5403
- font-size: 12px;
5404
- position: relative;
5405
- }
5406
- }
5407
- }
5408
- }
5409
- &.row-split-by-border {
5410
- .eagle-table-form-row {
5411
- border-bottom: 1px solid $fills-light-trans-2;
5412
- }
5413
- }
5414
- &.row-split-by-zebraMarking {
5415
- .draggable-container {
5416
- & > :nth-child(2n) {
5417
- background-color: $fills-trans-primary-light;
5418
- }
5419
- }
5420
- }
5421
- }
5422
-
5423
- .E_a138syjm {
5424
- display: flex;
5425
- align-items: center;
5426
- margin-top: 8px;
5427
- gap: 8px;
5428
-
5429
- button.ant-btn {
5430
- padding: 2px 8px;
5431
- height: 24px;
5432
- }
5433
- & > span.maximum-desc {
5434
- display: none;
5435
- color: $text-secondary-light;
5436
- &.disabled {
5437
- display: inline;
5438
- }
5439
- }
5440
- }
5441
-
5442
- .E_d77i8u0 {
5443
- width: 24px;
5444
- height: 24px;
5445
- padding: 4px;
5446
- margin-right: 8px;
5447
- }
5448
-
5449
-
5450
- .E_i1g85yz3 {
5451
- margin-right: 4px;
5452
- height: 16px;
5453
- }
5454
-
5455
-
5456
- .E_sjob3jg {
5457
- $item: ant-steps-item;
5458
- --item-min-width: 60px;
5459
- .#{$item} {
5460
- &-tail,
5461
- &-icon {
5462
- display: none !important;
5463
- }
5464
- }
5465
- .#{$item}.#{$item}-active {
5466
- flex-shrink: 0 !important;
5467
- .step-item-prefix-container {
5468
- color: $text-colorful-outstanding;
5469
- }
5470
- .#{$item}-container .#{$item}-content .#{$item}-title {
5471
- color: $text-colorful-outstanding;
5472
- font-weight: normal;
5473
- }
5474
- }
5475
- .#{$item}.#{$item}-finish {
5476
- .#{$item}-container .#{$item}-content .#{$item}-title,
5477
- & .#{$item}-container:hover .#{$item}-content .#{$item}-title {
5478
- color: $text-neutral-tertiary;
5479
- }
5480
- }
5481
- .#{$item}.#{$item}-wait {
5482
- .#{$item}-container .#{$item}-content .#{$item}-title {
5483
- color: $text-neutral-primary;
5484
- }
5485
- }
5486
- .step-item-text {
5487
- display: inline-block;
5488
- }
5489
- .step-item-title {
5490
- overflow: hidden;
5491
- white-space: nowrap;
5492
- text-overflow: ellipsis;
5268
+ text-overflow: ellipsis;
5493
5269
  }
5494
5270
  }
5495
5271
 
@@ -5677,126 +5453,295 @@
5677
5453
  }
5678
5454
 
5679
5455
 
5680
- .E_t13ef470 {
5681
- height: 100%;
5682
- .table-loading-item {
5683
- padding: 12px 4px;
5684
- border-bottom: 1px solid rgba($gray-50, 0.18);
5685
- display: flex;
5456
+ .E_t1dtlqs1 {
5457
+ margin-bottom: 4px;
5458
+ color: $text-secondary-light;
5459
+ }
5686
5460
 
5687
- > * {
5688
- height: 16px;
5689
- margin: 4px;
5690
- background: rgba($gray-50, 0.18);
5691
- border-radius: 2px;
5692
- }
5693
- .checkbox-loading {
5694
- width: 16px;
5695
- }
5696
- .td-loading {
5697
- flex: 1;
5698
- }
5461
+ .E_s1ese5oy {
5462
+ color: rgba(44, 56, 82, 0.6);
5463
+ line-height: 32px;
5464
+ height: 32px;
5465
+ margin-bottom: 0;
5466
+ &.primary,
5467
+ &.info {
5468
+ color: $text-light-general;
5699
5469
  }
5700
-
5701
- :nth-child(1) {
5702
- padding: 8px 4px;
5703
- > * {
5704
- background: rgba($gray-70, 0.18);
5705
- }
5470
+ &.warning {
5471
+ color: #ffa500;
5706
5472
  }
5707
- :nth-child(1) {
5708
- > * {
5709
- background: rgba($gray-60, 0.18);
5710
- }
5473
+ &.success {
5474
+ color: $text-light-positive;
5711
5475
  }
5712
- }
5713
-
5714
-
5715
- .E_b1jaupqb {
5716
- color: #F0483E;
5717
- }
5718
-
5719
-
5720
- .E_bpgac8u {
5721
- color: #FFFFFF;
5722
- display: flex;
5723
- gap: 8px;
5724
- padding: 8px 0;
5725
- display: flex;
5726
- justify-content: center;
5727
- white-space: pre-wrap;
5728
- align-items: center;
5729
- .dashed-btn {
5730
- border-bottom: 1px solid white;
5731
- cursor: pointer;
5476
+ &.danger,
5477
+ &.error {
5478
+ color: $text-light-serious;
5479
+ }
5480
+ &.normal {
5481
+ color: $text-secondary-light;
5732
5482
  }
5733
5483
  }
5734
5484
 
5735
- .E_envn4g3 {
5736
- background: #F0483E;
5485
+ .E_b1ibis43 {
5486
+ margin-bottom: 0;
5487
+ color: $text-light-primary;
5737
5488
  }
5738
5489
 
5739
- .E_i12w18eu {
5740
- background: #0080FF;
5490
+ .E_b11xxjd2 {
5491
+ line-height: 32px;
5492
+ margin-right: 6px;
5741
5493
  }
5742
5494
 
5743
- .E_wujsnt4 {
5744
- background-color: #E07F00;
5495
+ .E_bsub5bw {
5496
+ &.with-description {
5497
+ height: 24px;
5498
+ flex: 1;
5499
+ position: relative;
5500
+ top: -7px;
5501
+ }
5502
+ p {
5503
+ width: 100%;
5504
+ overflow: hidden;
5505
+ text-overflow: ellipsis;
5506
+ white-space: nowrap;
5507
+ }
5745
5508
  }
5746
5509
 
5510
+ .E_tmoyoag {
5511
+ border: 1px solid $strokes-light-trans-2;
5512
+ border-radius: 8px;
5513
+ overflow: auto;
5514
+ .ant-list {
5515
+ position: relative;
5516
+ .ant-list-item:last-child {
5517
+ border-bottom: none;
5518
+ }
5519
+ .eagle-table-form-header {
5520
+ position: sticky;
5521
+ top: 0;
5522
+ z-index: $eagle-table-form-header-index;
5523
+ display: flex;
5524
+ padding: 8px;
5525
+ & {
5526
+ align-items: inherit;
5527
+ }
5528
+ flex-wrap: nowrap;
5529
+ justify-content: flex-start;
5530
+ background: $fills-light-opaque-1;
5531
+ font-size: 14px;
5532
+ color: $text-secondary-light;
5533
+ border-bottom: 1px solid $fills-light-trans-2;
5534
+ }
5535
+ .eagle-table-form-header .eagle-table-form-cell > p {
5536
+ margin-bottom: 0;
5537
+ }
5538
+ .eagle-table-form-row {
5539
+ display: flex;
5540
+ justify-content: flex-start;
5541
+ align-items: flex-start;
5542
+ flex-wrap: wrap;
5543
+ padding: 8px;
5544
+ border: none;
5545
+ .row-description {
5546
+ flex-basis: 100%;
5547
+ margin: 12px 0 0;
5548
+ order: 99;
5549
+ color: $text-secondary-light;
5550
+ }
5551
+ .row-error-message {
5552
+ color: $text-light-serious;
5553
+ flex-basis: 100%;
5554
+ order: 98;
5555
+ margin: 12px 0 0;
5556
+ }
5557
+ &:hover {
5558
+ background-color: $fills-light-trans-1;
5559
+ }
5560
+ &.isDragging {
5561
+ background-color: $fills-light-general-general-light;
5562
+ }
5563
+ }
5564
+ .eagle-table-form-cell {
5565
+ flex: 1 0 0;
5566
+ overflow: hidden;
5567
+ .cell-description {
5568
+ color: $text-secondary-light;
5569
+ margin: 0;
5570
+ }
5747
5571
 
5748
- .E_t59qhqp {
5749
- padding: 0px;
5750
- padding-top: 5px;
5751
- padding-left: 5px;
5752
-
5753
- .ant-timeline-item {
5754
- margin-bottom: 16px;
5755
- padding-bottom: 0px;
5756
- }
5757
- .ant-timeline-item-last,
5758
- .compact.ant-timeline-item-last {
5759
- margin-bottom: 0;
5572
+ @mixin text-align-style($align-position) {
5573
+ & > * {
5574
+ text-align: $align-position;
5575
+ }
5576
+ .ant-form-item-control-input-content {
5577
+ &,
5578
+ & > * {
5579
+ text-align: $align-position;
5580
+ }
5581
+ }
5582
+ }
5583
+
5584
+ &.align-center {
5585
+ @include text-align-style(center);
5586
+ }
5587
+ &.align-left {
5588
+ @include text-align-style(left);
5589
+ }
5590
+ &.align-right {
5591
+ @include text-align-style(right);
5592
+ }
5593
+
5594
+ &:not(:last-of-type) {
5595
+ margin-right: 8px;
5596
+ }
5597
+ }
5598
+ .ant-list-item-action {
5599
+ padding: 4px;
5600
+ width: 24px;
5601
+ height: 24px;
5602
+ overflow: hidden;
5603
+ li {
5604
+ padding: 0;
5605
+ }
5606
+ }
5607
+ .delete-row-icon.disabled {
5608
+ cursor: not-allowed;
5609
+ opacity: 0.5;
5610
+ }
5611
+ &.size-default {
5612
+ .ant-list-item-action {
5613
+ margin: 0;
5614
+ }
5615
+ .eagle-table-form-cell {
5616
+ .ant-input,
5617
+ .ant-select-selector {
5618
+ border-radius: 5px;
5619
+ font-size: 12px;
5620
+ }
5621
+ .ant-input-affix-wrapper {
5622
+ font-size: inherit;
5623
+ }
5624
+
5625
+ .ant-form-item-control-input {
5626
+ min-height: 24px;
5627
+ font-size: 12px;
5628
+ position: relative;
5629
+ }
5630
+ }
5631
+ }
5760
5632
  }
5761
- .compact.ant-timeline-item {
5762
- margin-bottom: 12px;
5633
+ &.row-split-by-border {
5634
+ .eagle-table-form-row {
5635
+ border-bottom: 1px solid $fills-light-trans-2;
5636
+ }
5763
5637
  }
5764
- .info-action {
5765
- align-self: baseline;
5638
+ &.row-split-by-zebraMarking {
5639
+ .draggable-container {
5640
+ & > :nth-child(2n) {
5641
+ background-color: $fills-trans-primary-light;
5642
+ }
5643
+ }
5766
5644
  }
5767
5645
  }
5768
5646
 
5769
- .E_t2e44lg {
5770
- .ant-timeline-item-content {
5771
- margin-left: 18px;
5647
+ .E_a138syjm {
5648
+ display: flex;
5649
+ align-items: center;
5650
+ margin-top: 8px;
5651
+ gap: 8px;
5652
+
5653
+ button.ant-btn {
5654
+ padding: 2px 8px;
5655
+ height: 24px;
5772
5656
  }
5773
- .item-time {
5657
+ & > span.maximum-desc {
5658
+ display: none;
5659
+ color: $text-secondary-light;
5660
+ &.disabled {
5661
+ display: inline;
5662
+ }
5663
+ }
5664
+ }
5665
+
5666
+ .E_d77i8u0 {
5667
+ width: 24px;
5668
+ height: 24px;
5669
+ padding: 4px;
5670
+ margin-right: 8px;
5671
+ }
5672
+
5673
+
5674
+ .E_i1g85yz3 {
5675
+ margin-right: 4px;
5676
+ height: 16px;
5677
+ }
5678
+
5679
+
5680
+ .E_t13ef470 {
5681
+ height: 100%;
5682
+ .table-loading-item {
5683
+ padding: 12px 4px;
5684
+ border-bottom: 1px solid rgba($gray-50, 0.18);
5774
5685
  display: flex;
5775
- flex-direction: column;
5776
- gap: 4px;
5777
- margin-top: 4px;
5686
+
5687
+ > * {
5688
+ height: 16px;
5689
+ margin: 4px;
5690
+ background: rgba($gray-50, 0.18);
5691
+ border-radius: 2px;
5692
+ }
5693
+ .checkbox-loading {
5694
+ width: 16px;
5695
+ }
5696
+ .td-loading {
5697
+ flex: 1;
5698
+ }
5778
5699
  }
5779
5700
 
5780
- &:last-child {
5781
- .ant-timeline-item-content {
5782
- padding-bottom: 0;
5701
+ :nth-child(1) {
5702
+ padding: 8px 4px;
5703
+ > * {
5704
+ background: rgba($gray-70, 0.18);
5705
+ }
5706
+ }
5707
+ :nth-child(1) {
5708
+ > * {
5709
+ background: rgba($gray-60, 0.18);
5783
5710
  }
5784
5711
  }
5785
5712
  }
5786
5713
 
5787
- .E_e14ua30y {
5714
+
5715
+ .E_bpgac8u {
5716
+ color: #FFFFFF;
5717
+ display: flex;
5718
+ gap: 8px;
5719
+ padding: 8px 0;
5788
5720
  display: flex;
5789
- flex-direction: column;
5790
- align-items: center;
5791
5721
  justify-content: center;
5722
+ white-space: pre-wrap;
5723
+ align-items: center;
5724
+ .dashed-btn {
5725
+ border-bottom: 1px solid white;
5726
+ cursor: pointer;
5727
+ }
5792
5728
  }
5793
5729
 
5794
- .E_s1ikqzph {
5795
- color: #2C3852BF;
5730
+ .E_envn4g3 {
5731
+ background: #F0483E;
5796
5732
  }
5797
5733
 
5798
- .E_i15astnl {
5799
- color: #00122E;
5734
+ .E_i12w18eu {
5735
+ background: #0080FF;
5736
+ }
5737
+
5738
+ .E_wujsnt4 {
5739
+ background-color: #E07F00;
5740
+ }
5741
+
5742
+
5743
+ .E_b1jaupqb {
5744
+ color: #F0483E;
5800
5745
  }
5801
5746
 
5802
5747
 
@@ -6024,17 +5969,72 @@
6024
5969
  }
6025
5970
 
6026
5971
 
6027
- .E_s20iney {
6028
- &.skeleton-box {
6029
- display: flex;
6030
- align-items: center;
6031
- justify-content: center;
6032
- position: relative;
6033
- border-radius: 2px;
6034
- background: #E1E6F199;
6035
- overflow: hidden;
6036
-
6037
- & > .skeleton-shimmer {
5972
+ .E_t59qhqp {
5973
+ padding: 0px;
5974
+ padding-top: 5px;
5975
+ padding-left: 5px;
5976
+
5977
+ .ant-timeline-item {
5978
+ margin-bottom: 16px;
5979
+ padding-bottom: 0px;
5980
+ }
5981
+ .ant-timeline-item-last,
5982
+ .compact.ant-timeline-item-last {
5983
+ margin-bottom: 0;
5984
+ }
5985
+ .compact.ant-timeline-item {
5986
+ margin-bottom: 12px;
5987
+ }
5988
+ .info-action {
5989
+ align-self: baseline;
5990
+ }
5991
+ }
5992
+
5993
+ .E_t2e44lg {
5994
+ .ant-timeline-item-content {
5995
+ margin-left: 18px;
5996
+ }
5997
+ .item-time {
5998
+ display: flex;
5999
+ flex-direction: column;
6000
+ gap: 4px;
6001
+ margin-top: 4px;
6002
+ }
6003
+
6004
+ &:last-child {
6005
+ .ant-timeline-item-content {
6006
+ padding-bottom: 0;
6007
+ }
6008
+ }
6009
+ }
6010
+
6011
+ .E_e14ua30y {
6012
+ display: flex;
6013
+ flex-direction: column;
6014
+ align-items: center;
6015
+ justify-content: center;
6016
+ }
6017
+
6018
+ .E_s1ikqzph {
6019
+ color: #2C3852BF;
6020
+ }
6021
+
6022
+ .E_i15astnl {
6023
+ color: #00122E;
6024
+ }
6025
+
6026
+
6027
+ .E_s20iney {
6028
+ &.skeleton-box {
6029
+ display: flex;
6030
+ align-items: center;
6031
+ justify-content: center;
6032
+ position: relative;
6033
+ border-radius: 2px;
6034
+ background: #E1E6F199;
6035
+ overflow: hidden;
6036
+
6037
+ & > .skeleton-shimmer {
6038
6038
  width: 200%;
6039
6039
  height: 200%;
6040
6040
  transform: rotate(15deg);
@@ -6636,79 +6636,6 @@
6636
6636
  }
6637
6637
 
6638
6638
 
6639
- .E_n12mqh7z {
6640
- display: flex;
6641
- align-items: center;
6642
- font-size: 12px;
6643
- line-height: 18px;
6644
-
6645
- &:not(:last-child) {
6646
- margin-bottom: 4px;
6647
- }
6648
- }
6649
-
6650
- .E_tf5bynu {
6651
- margin: 0 3px;
6652
- }
6653
-
6654
- .E_tcckoz1 {
6655
- max-height: 400px;
6656
- overflow: auto;
6657
- }
6658
-
6659
-
6660
- .E_gmyahx3 {
6661
- cursor: pointer;
6662
-
6663
- .link-text {
6664
- color: $text-light-tertiary;
6665
- }
6666
-
6667
- &:hover .link-text {
6668
- color: $text-light-general;
6669
- }
6670
- }
6671
-
6672
-
6673
- .E_tqjc4ui {
6674
- @at-root {
6675
- span#{&} {
6676
- margin: 0 2px;
6677
- }
6678
- }
6679
- }
6680
-
6681
-
6682
- .E_ou7iq30 {
6683
- overflow: hidden;
6684
- text-overflow: ellipsis;
6685
- }
6686
-
6687
- .E_s1tui002 {
6688
- white-space: nowrap;
6689
- }
6690
-
6691
- .E_mxrc2zg {
6692
- display: -webkit-box;
6693
- -webkit-line-clamp: var(--mxrc2zg-0);
6694
- -webkit-box-orient: vertical;
6695
- word-break: break-all;
6696
- }
6697
-
6698
- .E_t1vv6d68 {
6699
- .ant-tooltip-arrow {
6700
- display: none;
6701
- }
6702
- .ant-tooltip-inner {
6703
- background: $gray-a80-9;
6704
- border-radius: 4px;
6705
- &:has(.eagle-ellipsis-content) {
6706
- visibility: hidden;
6707
- }
6708
- }
6709
- }
6710
-
6711
-
6712
6639
  .E_c1up1pdz {
6713
6640
  width: 648px;
6714
6641
 
@@ -6873,285 +6800,190 @@
6873
6800
  }
6874
6801
 
6875
6802
 
6876
- .E_s1iv0tp1 {
6877
- .enabled-switch {
6878
- display: flex;
6879
- align-items: center;
6803
+ .E_gmyahx3 {
6804
+ cursor: pointer;
6805
+
6806
+ .link-text {
6807
+ color: $text-light-tertiary;
6880
6808
  }
6881
6809
 
6882
- .enabled-text {
6883
- margin-right: 8px;
6810
+ &:hover .link-text {
6811
+ color: $text-light-general;
6884
6812
  }
6885
6813
  }
6886
6814
 
6887
6815
 
6888
- .E_t160l1cm {
6889
- display: flex;
6890
- flex-direction: column;
6891
- flex: 1;
6892
-
6893
- .tab-bar {
6894
- flex-shrink: 0;
6895
- display: flex;
6896
- border-bottom: 1px solid $strokes-translucent-1-light;
6897
- }
6898
-
6899
- .tab-content {
6900
- height: 100%;
6816
+ .E_tqjc4ui {
6817
+ @at-root {
6818
+ span#{&} {
6819
+ margin: 0 2px;
6820
+ }
6901
6821
  }
6822
+ }
6902
6823
 
6903
- .tab-menu-item {
6904
- margin-right: 2px;
6905
- padding: 1px 12px;
6906
- line-height: 24px;
6907
- height: 24px;
6908
- color: $text-secondary-light;
6909
- border-radius: 4px 4px 0 0;
6910
- cursor: pointer;
6911
- transition:
6912
- color 100ms ease-out,
6913
- background-color 100ms ease-out,
6914
- padding-left 320ms ease 80ms;
6915
6824
 
6916
- &:first-child {
6917
- padding-left: 0;
6825
+ .E_ou7iq30 {
6826
+ overflow: hidden;
6827
+ text-overflow: ellipsis;
6828
+ }
6918
6829
 
6919
- &:hover,
6920
- &.tab-menu-item-selected {
6921
- padding-left: 12px;
6922
- }
6923
- }
6830
+ .E_s1tui002 {
6831
+ white-space: nowrap;
6832
+ }
6924
6833
 
6925
- &:hover {
6926
- color: $blue-60;
6927
- background: $fills-trans-terdiary-light;
6834
+ .E_mxrc2zg {
6835
+ display: -webkit-box;
6836
+ -webkit-line-clamp: var(--mxrc2zg-0);
6837
+ -webkit-box-orient: vertical;
6838
+ word-break: break-all;
6839
+ }
6928
6840
 
6929
- .expand-arrow path {
6930
- fill: $blue-60;
6931
- }
6841
+ .E_t1vv6d68 {
6842
+ .ant-tooltip-arrow {
6843
+ display: none;
6844
+ }
6845
+ .ant-tooltip-inner {
6846
+ background: $gray-a80-9;
6847
+ border-radius: 4px;
6848
+ &:has(.eagle-ellipsis-content) {
6849
+ visibility: hidden;
6932
6850
  }
6851
+ }
6852
+ }
6933
6853
 
6934
- &:active {
6935
- background: $fills-trans-quaternary-light;
6936
- }
6937
6854
 
6938
- &.ant-dropdown-open {
6939
- color: $blue-60;
6940
- background: $fills-trans-terdiary-light;
6855
+ .E_n12mqh7z {
6856
+ display: flex;
6857
+ align-items: center;
6858
+ font-size: 12px;
6859
+ line-height: 18px;
6941
6860
 
6942
- &:active {
6943
- background: $fills-trans-quaternary-light;
6944
- }
6861
+ &:not(:last-child) {
6862
+ margin-bottom: 4px;
6863
+ }
6864
+ }
6945
6865
 
6946
- &.tab-menu-item-selected {
6947
- background: rgba($blue-60, 0.16);
6948
- }
6866
+ .E_tf5bynu {
6867
+ margin: 0 3px;
6868
+ }
6949
6869
 
6950
- .expand-arrow path {
6951
- fill: $blue-60;
6952
- }
6953
- }
6870
+ .E_tcckoz1 {
6871
+ max-height: 400px;
6872
+ overflow: auto;
6873
+ }
6954
6874
 
6955
- &.tab-menu-item-selected {
6956
- color: $blue-60;
6957
- background: rgba($blue-60, 0.1);
6958
6875
 
6959
- &:hover {
6960
- background: rgba($blue-60, 0.16);
6961
- }
6876
+ .E_t1sqg15u {
6877
+ background: white;
6962
6878
 
6963
- .expand-arrow path {
6964
- fill: $blue-100;
6965
- }
6966
- }
6879
+ &.inline {
6880
+ .table-row {
6881
+ flex-direction: column;
6967
6882
 
6968
- .expand-arrow {
6969
- margin-left: 8px;
6970
- height: 22px;
6971
- }
6972
- .expand-arrow path {
6973
- fill: $text-secondary-light;
6883
+ > label {
6884
+ padding: 0 16px 7px 0;
6885
+ }
6974
6886
  }
6975
6887
  }
6976
6888
 
6977
- .tab-menu-item-group {
6978
- padding: 0;
6979
- display: flex;
6980
- align-items: center;
6981
- overflow: hidden;
6982
-
6983
- .main-title {
6984
- opacity: 0;
6985
- max-width: 0;
6986
- transition:
6987
- max-width 320ms ease,
6988
- opacity 240ms ease;
6989
- }
6990
-
6991
- .sub-title {
6992
- padding: 1px 12px;
6993
- position: relative;
6994
- display: flex;
6995
-
6996
- > .slash-arrow {
6997
- opacity: 0;
6998
- position: absolute;
6999
- top: 50%;
7000
- left: 0;
7001
- transform: translate(-50%, -50%);
7002
- transition: opacity 100ms linear;
7003
- fill: rgba($blue-60, 0.2);
7004
- }
6889
+ &.has-border {
6890
+ .table-header {
6891
+ border-bottom: 1px solid $strokes-light-trans-1;
7005
6892
  }
7006
6893
 
7007
- &.tab-menu-item-selected {
7008
- color: $blue-60;
7009
-
7010
- .main-title {
7011
- padding: 1px 12px;
7012
- display: inline-block;
7013
- opacity: 1;
7014
- max-width: 160px;
7015
- }
7016
-
7017
- .sub-title {
7018
- padding: 1px 12px;
7019
- color: $blue-80;
7020
-
7021
- > .slash-arrow {
7022
- opacity: 1;
7023
- }
7024
- }
7025
-
7026
- &:hover,
7027
- &:active {
7028
- .sub-title {
7029
- background: rgba($blue-60, 0.16);
7030
- }
7031
- .sub-title > .slash-arrow {
7032
- opacity: 0;
7033
- }
7034
- }
6894
+ .hiddenBorder {
6895
+ border-top: none !important;
7035
6896
  }
7036
- }
7037
-
7038
- .tab-menu-item-medium {
7039
- &.tab-menu-item {
7040
- padding: 4px 16px;
7041
- height: 32px;
7042
- border-radius: 6px 6px 0 0;
7043
-
7044
- &:first-child {
7045
- padding-left: 0;
7046
- }
7047
- &:first-child:hover,
7048
- &.tab-menu-item-selected:first-child {
7049
- padding-left: 16px;
7050
- }
7051
6897
 
7052
- .expand-arrow {
7053
- margin-left: 11px;
7054
- height: 24px;
7055
- }
6898
+ .table-row + .table-row {
6899
+ border-top: 1px solid $strokes-light-trans-1;
7056
6900
  }
7057
6901
 
7058
- &.tab-menu-item-group {
7059
- padding: 0;
7060
-
7061
- .sub-title {
7062
- padding: 4px 16px;
7063
- }
7064
-
7065
- &.tab-menu-item-selected .sub-title,
7066
- &.tab-menu-item-selected .main-title {
7067
- padding: 4px 16px;
7068
- }
6902
+ .table-row:last-of-type {
6903
+ padding-bottom: 0;
7069
6904
  }
7070
6905
  }
7071
6906
 
7072
- .tab-menu-item-light {
7073
- &:hover,
7074
- &:active {
7075
- background: $white;
7076
- }
7077
-
7078
- &:active {
7079
- color: $blue-80;
6907
+ &.align-right {
6908
+ .content {
6909
+ text-align: right;
7080
6910
  }
6911
+ }
6912
+ .uuid-row {
6913
+ display: flex;
6914
+ justify-content: space-between;
7081
6915
 
7082
- &.tab-menu-item.tab-menu-item-selected {
7083
- background: $white;
7084
- color: $blue-100;
6916
+ .id-text {
6917
+ white-space: nowrap;
6918
+ overflow: hidden;
6919
+ text-overflow: ellipsis;
7085
6920
  }
6921
+ }
6922
+ }
7086
6923
 
7087
- &.tab-menu-item-group.tab-menu-item-selected {
7088
- .main-title {
7089
- color: rgba($gray-80, 0.6);
7090
- }
7091
-
7092
- .sub-title {
7093
- color: $blue-100;
7094
- }
7095
-
7096
- .sub-title > .slash-arrow {
7097
- fill: $fills-opaque-quaternary-light;
7098
- }
6924
+ .E_t4zczcp {
6925
+ display: flex;
6926
+ justify-content: space-between;
6927
+ align-items: center;
6928
+ padding: 8px;
6929
+ min-height: 32px;
7099
6930
 
7100
- .sub-title > .expand-arrow path {
7101
- fill: $blue-100;
7102
- }
7103
- }
6931
+ .table-title {
6932
+ color: $text-secondary-light;
6933
+ font-weight: 600;
6934
+ font-size: 12px;
6935
+ line-height: 8px;
7104
6936
  }
7105
6937
 
7106
- .tab-content {
7107
- flex: 1;
7108
- display: flex;
7109
- flex-direction: column;
6938
+ .edit-icon {
6939
+ font-size: 16px;
6940
+ color: $strokes-translucent-2-light;
6941
+ cursor: pointer;
7110
6942
  }
6943
+ }
7111
6944
 
7112
- /* FIXME:(yanzhen) do this better */
7113
- &.is-overview .tab-content {
7114
- overflow: visible;
7115
- }
6945
+ .E_t1s7goww {
6946
+ font-size: 12px;
6947
+ line-height: 18px;
7116
6948
  }
7117
6949
 
7118
- .E_t14npdqr {
7119
- max-width: 240px;
7120
- animation: none;
6950
+ .E_t93e4cf {
6951
+ display: flex;
6952
+ padding: 8px 0;
6953
+ color: $text-primary-light;
7121
6954
 
7122
- &.ant-dropdown .ant-dropdown-menu {
7123
- border: 1px solid $blue-60;
7124
- padding: 0;
6955
+ .hidden {
6956
+ display: none;
6957
+ }
7125
6958
 
7126
- .ant-dropdown-menu-item {
7127
- margin: 0;
7128
- height: 32px;
7129
- line-height: 32px;
7130
- font-size: 13px;
7131
- padding: 0 10px;
7132
- display: block;
7133
- overflow: hidden;
7134
- text-overflow: ellipsis;
7135
- white-space: nowrap;
6959
+ .ant-btn.ant-btn-link {
6960
+ height: auto;
6961
+ }
7136
6962
 
7137
- &:not(:first-child) {
7138
- &::before {
7139
- content: " ";
7140
- height: 1px;
7141
- width: calc(100% + 10px);
7142
- background: $strokes-translucent-1-light;
7143
- display: block;
7144
- }
7145
- }
6963
+ .content {
6964
+ overflow: hidden;
6965
+ overflow-x: auto;
6966
+ width: 100%;
6967
+ white-space: pre-wrap;
7146
6968
 
7147
- &.ant-dropdown-menu-item-selected {
7148
- color: $blue-60;
7149
- background: transparent;
7150
- }
6969
+ .ant-btn {
6970
+ white-space: pre-wrap;
6971
+ text-align: left;
6972
+ }
6973
+
6974
+ .unit-chart {
6975
+ justify-content: flex-start;
7151
6976
  }
7152
6977
  }
7153
6978
  }
7154
6979
 
6980
+ .E_rhz2uv5 {
6981
+ width: var(--rhz2uv5-0);
6982
+ flex-shrink: 0;
6983
+ color: $text-secondary-light;
6984
+ padding-right: 12px;
6985
+ }
6986
+
7155
6987
 
7156
6988
  .E_s1at6qmn {
7157
6989
  &.ant-layout-sider {
@@ -7292,6 +7124,18 @@
7292
7124
  }
7293
7125
 
7294
7126
 
7127
+ .E_s1iv0tp1 {
7128
+ .enabled-switch {
7129
+ display: flex;
7130
+ align-items: center;
7131
+ }
7132
+
7133
+ .enabled-text {
7134
+ margin-right: 8px;
7135
+ }
7136
+ }
7137
+
7138
+
7295
7139
  .E_u15heuvq {
7296
7140
  &.content {
7297
7141
  cursor: default !important;
@@ -7337,115 +7181,393 @@
7337
7181
  }
7338
7182
 
7339
7183
 
7340
- .E_t1sqg15u {
7341
- background: white;
7342
-
7343
- &.inline {
7344
- .table-row {
7345
- flex-direction: column;
7184
+ .E_t160l1cm {
7185
+ display: flex;
7186
+ flex-direction: column;
7187
+ flex: 1;
7346
7188
 
7347
- > label {
7348
- padding: 0 16px 7px 0;
7189
+ .tab-bar {
7190
+ flex-shrink: 0;
7191
+ display: flex;
7192
+ border-bottom: 1px solid $strokes-translucent-1-light;
7193
+ }
7194
+
7195
+ .tab-content {
7196
+ height: 100%;
7197
+ }
7198
+
7199
+ .tab-menu-item {
7200
+ margin-right: 2px;
7201
+ padding: 1px 12px;
7202
+ line-height: 24px;
7203
+ height: 24px;
7204
+ color: $text-secondary-light;
7205
+ border-radius: 4px 4px 0 0;
7206
+ cursor: pointer;
7207
+ transition:
7208
+ color 100ms ease-out,
7209
+ background-color 100ms ease-out,
7210
+ padding-left 320ms ease 80ms;
7211
+
7212
+ &:first-child {
7213
+ padding-left: 0;
7214
+
7215
+ &:hover,
7216
+ &.tab-menu-item-selected {
7217
+ padding-left: 12px;
7218
+ }
7219
+ }
7220
+
7221
+ &:hover {
7222
+ color: $blue-60;
7223
+ background: $fills-trans-terdiary-light;
7224
+
7225
+ .expand-arrow path {
7226
+ fill: $blue-60;
7227
+ }
7228
+ }
7229
+
7230
+ &:active {
7231
+ background: $fills-trans-quaternary-light;
7232
+ }
7233
+
7234
+ &.ant-dropdown-open {
7235
+ color: $blue-60;
7236
+ background: $fills-trans-terdiary-light;
7237
+
7238
+ &:active {
7239
+ background: $fills-trans-quaternary-light;
7240
+ }
7241
+
7242
+ &.tab-menu-item-selected {
7243
+ background: rgba($blue-60, 0.16);
7244
+ }
7245
+
7246
+ .expand-arrow path {
7247
+ fill: $blue-60;
7248
+ }
7249
+ }
7250
+
7251
+ &.tab-menu-item-selected {
7252
+ color: $blue-60;
7253
+ background: rgba($blue-60, 0.1);
7254
+
7255
+ &:hover {
7256
+ background: rgba($blue-60, 0.16);
7349
7257
  }
7258
+
7259
+ .expand-arrow path {
7260
+ fill: $blue-100;
7261
+ }
7262
+ }
7263
+
7264
+ .expand-arrow {
7265
+ margin-left: 8px;
7266
+ height: 22px;
7267
+ }
7268
+ .expand-arrow path {
7269
+ fill: $text-secondary-light;
7350
7270
  }
7351
7271
  }
7352
7272
 
7353
- &.has-border {
7354
- .table-header {
7355
- border-bottom: 1px solid $strokes-light-trans-1;
7273
+ .tab-menu-item-group {
7274
+ padding: 0;
7275
+ display: flex;
7276
+ align-items: center;
7277
+ overflow: hidden;
7278
+
7279
+ .main-title {
7280
+ opacity: 0;
7281
+ max-width: 0;
7282
+ transition:
7283
+ max-width 320ms ease,
7284
+ opacity 240ms ease;
7356
7285
  }
7357
7286
 
7358
- .hiddenBorder {
7359
- border-top: none !important;
7287
+ .sub-title {
7288
+ padding: 1px 12px;
7289
+ position: relative;
7290
+ display: flex;
7291
+
7292
+ > .slash-arrow {
7293
+ opacity: 0;
7294
+ position: absolute;
7295
+ top: 50%;
7296
+ left: 0;
7297
+ transform: translate(-50%, -50%);
7298
+ transition: opacity 100ms linear;
7299
+ fill: rgba($blue-60, 0.2);
7300
+ }
7360
7301
  }
7361
7302
 
7362
- .table-row + .table-row {
7363
- border-top: 1px solid $strokes-light-trans-1;
7303
+ &.tab-menu-item-selected {
7304
+ color: $blue-60;
7305
+
7306
+ .main-title {
7307
+ padding: 1px 12px;
7308
+ display: inline-block;
7309
+ opacity: 1;
7310
+ max-width: 160px;
7311
+ }
7312
+
7313
+ .sub-title {
7314
+ padding: 1px 12px;
7315
+ color: $blue-80;
7316
+
7317
+ > .slash-arrow {
7318
+ opacity: 1;
7319
+ }
7320
+ }
7321
+
7322
+ &:hover,
7323
+ &:active {
7324
+ .sub-title {
7325
+ background: rgba($blue-60, 0.16);
7326
+ }
7327
+ .sub-title > .slash-arrow {
7328
+ opacity: 0;
7329
+ }
7330
+ }
7331
+ }
7332
+ }
7333
+
7334
+ .tab-menu-item-medium {
7335
+ &.tab-menu-item {
7336
+ padding: 4px 16px;
7337
+ height: 32px;
7338
+ border-radius: 6px 6px 0 0;
7339
+
7340
+ &:first-child {
7341
+ padding-left: 0;
7342
+ }
7343
+ &:first-child:hover,
7344
+ &.tab-menu-item-selected:first-child {
7345
+ padding-left: 16px;
7346
+ }
7347
+
7348
+ .expand-arrow {
7349
+ margin-left: 11px;
7350
+ height: 24px;
7351
+ }
7364
7352
  }
7365
7353
 
7366
- .table-row:last-of-type {
7367
- padding-bottom: 0;
7354
+ &.tab-menu-item-group {
7355
+ padding: 0;
7356
+
7357
+ .sub-title {
7358
+ padding: 4px 16px;
7359
+ }
7360
+
7361
+ &.tab-menu-item-selected .sub-title,
7362
+ &.tab-menu-item-selected .main-title {
7363
+ padding: 4px 16px;
7364
+ }
7368
7365
  }
7369
7366
  }
7370
7367
 
7371
- &.align-right {
7372
- .content {
7373
- text-align: right;
7368
+ .tab-menu-item-light {
7369
+ &:hover,
7370
+ &:active {
7371
+ background: $white;
7372
+ }
7373
+
7374
+ &:active {
7375
+ color: $blue-80;
7376
+ }
7377
+
7378
+ &.tab-menu-item.tab-menu-item-selected {
7379
+ background: $white;
7380
+ color: $blue-100;
7381
+ }
7382
+
7383
+ &.tab-menu-item-group.tab-menu-item-selected {
7384
+ .main-title {
7385
+ color: rgba($gray-80, 0.6);
7386
+ }
7387
+
7388
+ .sub-title {
7389
+ color: $blue-100;
7390
+ }
7391
+
7392
+ .sub-title > .slash-arrow {
7393
+ fill: $fills-opaque-quaternary-light;
7394
+ }
7395
+
7396
+ .sub-title > .expand-arrow path {
7397
+ fill: $blue-100;
7398
+ }
7374
7399
  }
7375
7400
  }
7376
- .uuid-row {
7401
+
7402
+ .tab-content {
7403
+ flex: 1;
7377
7404
  display: flex;
7378
- justify-content: space-between;
7405
+ flex-direction: column;
7406
+ }
7379
7407
 
7380
- .id-text {
7381
- white-space: nowrap;
7408
+ /* FIXME:(yanzhen) do this better */
7409
+ &.is-overview .tab-content {
7410
+ overflow: visible;
7411
+ }
7412
+ }
7413
+
7414
+ .E_t14npdqr {
7415
+ max-width: 240px;
7416
+ animation: none;
7417
+
7418
+ &.ant-dropdown .ant-dropdown-menu {
7419
+ border: 1px solid $blue-60;
7420
+ padding: 0;
7421
+
7422
+ .ant-dropdown-menu-item {
7423
+ margin: 0;
7424
+ height: 32px;
7425
+ line-height: 32px;
7426
+ font-size: 13px;
7427
+ padding: 0 10px;
7428
+ display: block;
7382
7429
  overflow: hidden;
7383
7430
  text-overflow: ellipsis;
7431
+ white-space: nowrap;
7432
+
7433
+ &:not(:first-child) {
7434
+ &::before {
7435
+ content: " ";
7436
+ height: 1px;
7437
+ width: calc(100% + 10px);
7438
+ background: $strokes-translucent-1-light;
7439
+ display: block;
7440
+ }
7441
+ }
7442
+
7443
+ &.ant-dropdown-menu-item-selected {
7444
+ color: $blue-60;
7445
+ background: transparent;
7446
+ }
7384
7447
  }
7385
7448
  }
7386
7449
  }
7387
7450
 
7388
- .E_t4zczcp {
7389
- display: flex;
7390
- justify-content: space-between;
7391
- align-items: center;
7392
- padding: 8px;
7393
- min-height: 32px;
7394
7451
 
7395
- .table-title {
7396
- color: $text-secondary-light;
7397
- font-weight: 600;
7452
+ .E_cyms3br {
7453
+ background: #fff;
7454
+ width: 100%;
7455
+ border: none;
7456
+ border-radius: 0;
7457
+ .ant-list {
7458
+ padding: 12px;
7459
+ }
7460
+ .ant-list-item {
7461
+ padding: 4px 0;
7462
+ }
7463
+ .ant-alert {
7464
+ margin-left: 24px;
7465
+ }
7466
+ header {
7467
+ border-bottom: 1px solid rgba(211, 218, 235, 0.6);
7398
7468
  font-size: 12px;
7399
- line-height: 8px;
7469
+ color: rgba(29, 50, 108, 1);
7470
+ font-weight: 700;
7471
+ padding: 6px 12px;
7472
+ display: flex;
7473
+ flex-direction: row;
7474
+ align-items: center;
7475
+ justify-content: space-between;
7476
+ .switch-text {
7477
+ display: flex;
7478
+ flex-direction: row;
7479
+ align-items: center;
7480
+ justify-content: space-between;
7481
+ gap: 6px;
7482
+ font-size: 12px;
7483
+ font-weight: 400;
7484
+ color: rgba(0, 18, 46, 1);
7485
+ }
7400
7486
  }
7401
-
7402
- .edit-icon {
7403
- font-size: 16px;
7404
- color: $strokes-translucent-2-light;
7405
- cursor: pointer;
7487
+ &.border {
7488
+ border-radius: 8px;
7489
+ border: 1px solid rgba(228, 233, 242, 1);
7490
+ header {
7491
+ border-bottom: none;
7492
+ background: rgba(225, 230, 241, 0.6);
7493
+ }
7406
7494
  }
7407
7495
  }
7408
7496
 
7409
- .E_t1s7goww {
7410
- font-size: 12px;
7411
- line-height: 18px;
7497
+ .E_c157gu4z {
7498
+ .ant-list-item {
7499
+ display: flex;
7500
+ flex-direction: row;
7501
+ align-items: flex-start;
7502
+ }
7503
+ .icon-wrapper {
7504
+ align-self: flex-start;
7505
+ margin-top: 1px; /* 1px: (18-16)/2, 18 is the height of the icon, 16 is the height of the icon */
7506
+ }
7507
+ .description {
7508
+ flex: 1 1 0;
7509
+ min-width: 0;
7510
+ margin-left: 8px;
7511
+ word-break: break-word;
7512
+ overflow-wrap: break-word;
7513
+ }
7514
+ .ant-space,
7515
+ .ant-flex {
7516
+ flex-shrink: 0;
7517
+ align-self: flex-start;
7518
+ margin-top: 0px; /* 0px: (18-18)/2, 18 is the height of the tag, 18 is the line-height */
7519
+ }
7412
7520
  }
7413
7521
 
7414
- .E_t93e4cf {
7522
+ .E_eu1sysj {
7415
7523
  display: flex;
7524
+ flex-direction: column;
7525
+ align-items: center;
7526
+ justify-content: center;
7527
+ }
7528
+
7529
+
7530
+ .E_i5w779o {
7416
7531
  padding: 8px 0;
7417
- color: $text-primary-light;
7418
7532
 
7419
- .hidden {
7420
- display: none;
7533
+ .col-label {
7534
+ flex-shrink: unset;
7535
+ * {
7536
+ line-height: 18px;
7537
+ }
7421
7538
  }
7422
-
7423
- .ant-btn.ant-btn-link {
7424
- height: auto;
7539
+ .col-content {
7540
+ flex: 1 1 0;
7541
+ display: flex;
7542
+ align-items: center;
7543
+ * {
7544
+ line-height: 18px;
7545
+ }
7425
7546
  }
7547
+ }
7426
7548
 
7427
- .content {
7428
- overflow: hidden;
7429
- overflow-x: auto;
7430
- width: 100%;
7431
- white-space: pre-wrap;
7432
-
7433
- .ant-btn {
7434
- white-space: pre-wrap;
7435
- text-align: left;
7436
- }
7549
+ .E_l18dja44 {
7550
+ padding: 6px 0;
7437
7551
 
7438
- .unit-chart {
7439
- justify-content: flex-start;
7440
- }
7552
+ .col-label * {
7553
+ font-size: 13px;
7554
+ line-height: 20px;
7555
+ }
7556
+ .col-content * {
7557
+ font-size: 14px;
7558
+ line-height: 20px;
7441
7559
  }
7442
7560
  }
7443
7561
 
7444
- .E_rhz2uv5 {
7445
- width: var(--rhz2uv5-0);
7446
- flex-shrink: 0;
7447
- color: $text-secondary-light;
7448
- padding-right: 12px;
7562
+ .E_c8c2hys {
7563
+ display: flex;
7564
+ justify-content: space-between;
7565
+ flex: 1;
7566
+ min-width: 0;
7567
+ }
7568
+
7569
+ .E_n4m6c4d {
7570
+ color: $text-light-tertiary;
7449
7571
  }
7450
7572
 
7451
7573
 
@@ -7523,150 +7645,95 @@
7523
7645
  }
7524
7646
 
7525
7647
 
7526
- .E_i5w779o {
7527
- padding: 8px 0;
7528
-
7529
- .col-label {
7530
- flex-shrink: unset;
7531
- * {
7532
- line-height: 18px;
7533
- }
7534
- }
7535
- .col-content {
7536
- flex: 1 1 0;
7537
- display: flex;
7538
- align-items: center;
7539
- * {
7540
- line-height: 18px;
7541
- }
7542
- }
7648
+ .E_h1ol2wl7 {
7649
+ font-weight: bold;
7650
+ background-color: unset;
7651
+ padding: unset;
7543
7652
  }
7544
7653
 
7545
- .E_l18dja44 {
7546
- padding: 6px 0;
7547
7654
 
7548
- .col-label * {
7549
- font-size: 13px;
7550
- line-height: 20px;
7551
- }
7552
- .col-content * {
7553
- font-size: 14px;
7554
- line-height: 20px;
7655
+ .E_l12xdkhl {
7656
+ width: 64px;
7657
+ height: 64px;
7658
+ max-width: 64px;
7659
+ max-height: 64px;
7660
+ overflow: hidden;
7661
+ display: flex;
7662
+ align-items: center;
7663
+ justify-content: center;
7664
+ position: relative;
7665
+ opacity: 0.6;
7666
+ .icon-wrapper {
7667
+ @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } };
7668
+ animation: rotate 1200ms cubic-bezier(0.33, 0, 0.67, 1) infinite;
7555
7669
  }
7556
7670
  }
7557
7671
 
7558
- .E_c8c2hys {
7559
- display: flex;
7560
- justify-content: space-between;
7561
- flex: 1;
7562
- min-width: 0;
7672
+
7673
+ .E_cevhqx7 {
7674
+ color: $text-light-primary;
7563
7675
  }
7564
7676
 
7565
- .E_n4m6c4d {
7566
- color: $text-light-tertiary;
7677
+ .E_snbqlt4 {
7678
+ margin-top: 8px;
7679
+ color: $text-light-secondary;
7567
7680
  }
7568
7681
 
7569
7682
 
7570
- .E_cyms3br {
7571
- background: #fff;
7572
- width: 100%;
7573
- border: none;
7574
- border-radius: 0;
7575
- .ant-list {
7576
- padding: 12px;
7577
- }
7578
- .ant-list-item {
7579
- padding: 4px 0;
7580
- }
7581
- .ant-alert {
7582
- margin-left: 24px;
7583
- }
7584
- header {
7585
- border-bottom: 1px solid rgba(211, 218, 235, 0.6);
7586
- font-size: 12px;
7587
- color: rgba(29, 50, 108, 1);
7588
- font-weight: 700;
7589
- padding: 6px 12px;
7590
- display: flex;
7591
- flex-direction: row;
7592
- align-items: center;
7593
- justify-content: space-between;
7594
- .switch-text {
7595
- display: flex;
7596
- flex-direction: row;
7597
- align-items: center;
7598
- justify-content: space-between;
7599
- gap: 6px;
7600
- font-size: 12px;
7601
- font-weight: 400;
7602
- color: rgba(0, 18, 46, 1);
7603
- }
7683
+ .E_c1ss4prm {
7684
+ color: $text-light-secondary;
7685
+ &:is(ul, ol) {
7686
+ padding-inline-start: 12px;
7604
7687
  }
7605
- &.border {
7606
- border-radius: 8px;
7607
- border: 1px solid rgba(228, 233, 242, 1);
7608
- header {
7609
- border-bottom: none;
7610
- background: rgba(225, 230, 241, 0.6);
7688
+
7689
+ li {
7690
+ margin-bottom: 4px;
7691
+
7692
+ &:last-child {
7693
+ margin-bottom: 0;
7611
7694
  }
7612
7695
  }
7613
7696
  }
7614
7697
 
7615
- .E_c157gu4z {
7616
- .ant-list-item {
7617
- display: flex;
7618
- flex-direction: row;
7619
- align-items: flex-start;
7620
- }
7698
+ .E_ms3tlei {
7699
+ background: $fill-neutral-trans-2;
7700
+ padding: 8px;
7701
+ border-radius: 6px;
7702
+ color: $gray-a60-8;
7703
+
7621
7704
  .icon-wrapper {
7622
- align-self: flex-start;
7623
- margin-top: 1px; /* 1px: (18-16)/2, 18 is the height of the icon, 16 is the height of the icon */
7624
- }
7625
- .description {
7626
- flex: 1 1 0;
7627
- min-width: 0;
7628
- margin-left: 8px;
7629
- word-break: break-word;
7630
- overflow-wrap: break-word;
7705
+ margin-top: 1px; // The text line height is 18px, the icon height is 16px, so a 1px offset is needed
7706
+ margin-right: 4px;
7631
7707
  }
7632
- .ant-space,
7633
- .ant-flex {
7634
- flex-shrink: 0;
7635
- align-self: flex-start;
7636
- margin-top: 0px; /* 0px: (18-18)/2, 18 is the height of the tag, 18 is the line-height */
7708
+
7709
+ li {
7710
+ margin-bottom: 4px;
7711
+ display: flex;
7712
+ align-items: flex-start;
7713
+
7714
+ &:last-child {
7715
+ margin-bottom: 0;
7716
+ }
7637
7717
  }
7638
7718
  }
7639
7719
 
7640
- .E_eu1sysj {
7641
- display: flex;
7642
- flex-direction: column;
7643
- align-items: center;
7644
- justify-content: center;
7720
+ .E_du44iy7 {
7721
+ margin-bottom: 4px;
7645
7722
  }
7646
7723
 
7647
-
7648
- .E_h1ol2wl7 {
7649
- font-weight: bold;
7650
- background-color: unset;
7651
- padding: unset;
7724
+ .E_p1qmhanr {
7725
+ margin-bottom: 8px;
7652
7726
  }
7653
7727
 
7728
+ .E_srje1h0 {
7729
+ color: $text-light-secondary;
7730
+ margin-bottom: 8px;
7731
+ }
7654
7732
 
7655
- .E_l12xdkhl {
7656
- width: 64px;
7657
- height: 64px;
7658
- max-width: 64px;
7659
- max-height: 64px;
7660
- overflow: hidden;
7661
- display: flex;
7662
- align-items: center;
7663
- justify-content: center;
7664
- position: relative;
7665
- opacity: 0.6;
7666
- .icon-wrapper {
7667
- @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } };
7668
- animation: rotate 1200ms cubic-bezier(0.33, 0, 0.67, 1) infinite;
7669
- }
7733
+ .E_di3zi7v {
7734
+ height: 1px;
7735
+ background: $strokes-light-opaque-2;
7736
+ margin: 16px 0;
7670
7737
  }
7671
7738
 
7672
7739
 
@@ -8319,70 +8386,3 @@
8319
8386
  }
8320
8387
  }
8321
8388
 
8322
-
8323
- .E_cevhqx7 {
8324
- color: $text-light-primary;
8325
- }
8326
-
8327
- .E_snbqlt4 {
8328
- margin-top: 8px;
8329
- color: $text-light-secondary;
8330
- }
8331
-
8332
-
8333
- .E_c1ss4prm {
8334
- color: $text-light-secondary;
8335
- &:is(ul, ol) {
8336
- padding-inline-start: 12px;
8337
- }
8338
-
8339
- li {
8340
- margin-bottom: 4px;
8341
-
8342
- &:last-child {
8343
- margin-bottom: 0;
8344
- }
8345
- }
8346
- }
8347
-
8348
- .E_ms3tlei {
8349
- background: $fill-neutral-trans-2;
8350
- padding: 8px;
8351
- border-radius: 6px;
8352
- color: $gray-a60-8;
8353
-
8354
- .icon-wrapper {
8355
- margin-top: 1px; // The text line height is 18px, the icon height is 16px, so a 1px offset is needed
8356
- margin-right: 4px;
8357
- }
8358
-
8359
- li {
8360
- margin-bottom: 4px;
8361
- display: flex;
8362
- align-items: flex-start;
8363
-
8364
- &:last-child {
8365
- margin-bottom: 0;
8366
- }
8367
- }
8368
- }
8369
-
8370
- .E_du44iy7 {
8371
- margin-bottom: 4px;
8372
- }
8373
-
8374
- .E_p1qmhanr {
8375
- margin-bottom: 8px;
8376
- }
8377
-
8378
- .E_srje1h0 {
8379
- color: $text-light-secondary;
8380
- margin-bottom: 8px;
8381
- }
8382
-
8383
- .E_di3zi7v {
8384
- height: 1px;
8385
- background: $strokes-light-opaque-2;
8386
- margin: 16px 0;
8387
- }
8388
-