@cloudtower/eagle 0.34.15 → 0.34.17

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,28 @@
1
+ .E_m74vjol {
2
+ display: flex;
3
+ justify-content: space-between;
4
+ width: 100%;
5
+ & .action {
6
+ margin-left: 16px;
7
+ }
8
+ }
9
+
10
+ .E_a1o35uvh {
11
+ &.ant-alert-closable {
12
+ padding-right: 12px;
13
+
14
+ .ant-alert-close-icon {
15
+ height: fit-content;
16
+ margin-left: 16px;
17
+ }
18
+ }
19
+
20
+ .ant-alert-message {
21
+ flex: 1;
22
+ }
23
+ }
24
+
25
+
1
26
  .E_c18gxmrl {
2
27
  border: 1px solid $gray-40;
3
28
  border-radius: 4px;
@@ -26,31 +51,6 @@
26
51
  }
27
52
 
28
53
 
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
54
  .E_berrcjl {
55
55
  color: $text-terdiary-light;
56
56
  margin-bottom: 4px;
@@ -70,6 +70,47 @@
70
70
  }
71
71
 
72
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
+
73
114
  .E_b1wx3t3t {
74
115
  &.ant-btn-icon-only {
75
116
  justify-content: center;
@@ -428,43 +469,9 @@
428
469
  }
429
470
 
430
471
 
431
- .E_b1nip9bk {
432
- padding: 4px 11px;
433
- }
434
-
435
- .E_bqamoqe {
436
- white-space: nowrap;
437
- filter: drop-shadow(0px 2px 8px rgba(0, 136, 255, 0.1));
438
-
439
- & > .ant-btn {
440
- &.ant-btn-ordinary-onTint:not(.ant-btn-dangerous) {
441
- --color: #{$text-light-general};
442
-
443
- &[disabled],
444
- &:hover[disabled] {
445
- --color: #{$text-light-general};
446
- }
447
- }
448
- }
449
-
450
- & > .ant-btn:not(:only-child) {
451
- & + .ant-btn {
452
- margin-left: 1px;
453
- }
454
-
455
- &:first-child {
456
- border-top-right-radius: 0;
457
- border-bottom-right-radius: 0;
458
- }
459
-
460
- &:last-child {
461
- border-top-left-radius: 0;
462
- border-bottom-left-radius: 0;
463
- }
464
-
465
- &:not(:first-child, :last-child) {
466
- border-radius: unset;
467
- }
472
+ .E_sx1bpnu {
473
+ .ant-input-sm {
474
+ line-height: 18px;
468
475
  }
469
476
  }
470
477
 
@@ -502,86 +509,33 @@
502
509
  }
503
510
 
504
511
 
505
- .E_d133fzv0 {
506
- .ant-dropdown-menu-item-group {
507
- .ant-dropdown-menu-item-group-title {
508
- padding: 4px 8px 0 8px;
509
- color: $text-light-secondary;
510
- font-size: 12px;
511
- }
512
- .ant-dropdown-menu-item-group-list {
513
- padding-bottom: 6px;
514
- }
515
- &:not(:first-child) {
516
- padding-top: 4px;
517
- border-top: 1px solid $strokes-light-trans-2;
518
- }
519
- }
520
- }
521
-
522
-
523
- .E_phljevk {
524
- display: flex;
525
- justify-content: space-between;
526
- align-items: center;
527
- padding: 10px 0;
528
- color: $text-light-secondary;
529
- font-size: 12px;
530
- line-height: 24px;
531
-
532
- .pagination-left {
533
- padding: 2px 8px;
534
- }
535
-
536
- .dropdown-trigger {
537
- display: flex;
538
- align-items: center;
539
- border-radius: 6px;
540
- cursor: pointer;
541
- transition: all 0.3s ease;
542
-
543
- &:hover {
544
- background: $fills-interaction-light-general-hover;
545
- color: $text-light-general;
546
- }
547
- .icon-inner {
548
- margin-left: 4px;
549
- }
550
- }
512
+ .E_ccrbeuz {
513
+ .ant-collapse-item {
514
+ border: 0px;
515
+ background-color: $fills-light-white;
551
516
 
552
- .pagination-right {
553
- display: flex;
554
- align-items: center;
555
- color: $blue-60;
556
- font-weight: bold;
557
- .icon-inner {
558
- margin-left: 4px;
559
- }
560
- .prev-btn,
561
- .next-btn {
562
- padding: 0 8px;
563
- > span {
564
- color: $text-light-general;
517
+ .ant-collapse-header {
518
+ padding-top: 0px;
519
+ padding-bottom: 0px;
520
+ padding-left: 0px !important;
521
+ padding-right: 24px;
522
+ .ant-collapse-arrow {
523
+ right: 0px;
565
524
  }
566
525
  }
567
-
568
- .next-btn {
569
- .icon-inner {
570
- transform: rotate(180deg);
526
+ .ant-collapse-content {
527
+ .ant-collapse-content-box {
528
+ padding: 0px;
571
529
  }
572
530
  }
573
531
  }
574
532
  }
575
533
 
576
- .E_d12rtyeg {
577
- &.ant-dropdown .ant-dropdown-menu {
578
- max-height: calc(100vh - 128px);
579
- overflow-y: auto;
580
-
581
- .ant-dropdown-menu-item {
582
- padding: 4px 20px;
583
- font-size: 12px;
584
- line-height: 18px;
534
+ .E_c1fljvag {
535
+ .ant-collapse-item {
536
+ .ant-collapse-header {
537
+ padding-right: 0px;
538
+ cursor: default;
585
539
  }
586
540
  }
587
541
  }
@@ -733,41 +687,87 @@
733
687
  }
734
688
 
735
689
 
736
- .E_ccrbeuz {
737
- .ant-collapse-item {
738
- border: 0px;
739
- background-color: $fills-light-white;
740
-
741
- .ant-collapse-header {
742
- padding-top: 0px;
743
- padding-bottom: 0px;
744
- padding-left: 0px !important;
745
- padding-right: 24px;
746
- .ant-collapse-arrow {
747
- right: 0px;
748
- }
690
+ .E_d133fzv0 {
691
+ .ant-dropdown-menu-item-group {
692
+ .ant-dropdown-menu-item-group-title {
693
+ padding: 4px 8px 0 8px;
694
+ color: $text-light-secondary;
695
+ font-size: 12px;
749
696
  }
750
- .ant-collapse-content {
751
- .ant-collapse-content-box {
752
- padding: 0px;
753
- }
697
+ .ant-dropdown-menu-item-group-list {
698
+ padding-bottom: 6px;
699
+ }
700
+ &:not(:first-child) {
701
+ padding-top: 4px;
702
+ border-top: 1px solid $strokes-light-trans-2;
754
703
  }
755
704
  }
756
705
  }
757
706
 
758
- .E_c1fljvag {
759
- .ant-collapse-item {
760
- .ant-collapse-header {
761
- padding-right: 0px;
762
- cursor: default;
707
+
708
+ .E_phljevk {
709
+ display: flex;
710
+ justify-content: space-between;
711
+ align-items: center;
712
+ padding: 10px 0;
713
+ color: $text-light-secondary;
714
+ font-size: 12px;
715
+ line-height: 24px;
716
+
717
+ .pagination-left {
718
+ padding: 2px 8px;
719
+ }
720
+
721
+ .dropdown-trigger {
722
+ display: flex;
723
+ align-items: center;
724
+ border-radius: 6px;
725
+ cursor: pointer;
726
+ transition: all 0.3s ease;
727
+
728
+ &:hover {
729
+ background: $fills-interaction-light-general-hover;
730
+ color: $text-light-general;
731
+ }
732
+ .icon-inner {
733
+ margin-left: 4px;
734
+ }
735
+ }
736
+
737
+ .pagination-right {
738
+ display: flex;
739
+ align-items: center;
740
+ color: $blue-60;
741
+ font-weight: bold;
742
+ .icon-inner {
743
+ margin-left: 4px;
744
+ }
745
+ .prev-btn,
746
+ .next-btn {
747
+ padding: 0 8px;
748
+ > span {
749
+ color: $text-light-general;
750
+ }
751
+ }
752
+
753
+ .next-btn {
754
+ .icon-inner {
755
+ transform: rotate(180deg);
756
+ }
763
757
  }
764
758
  }
765
759
  }
766
760
 
761
+ .E_d12rtyeg {
762
+ &.ant-dropdown .ant-dropdown-menu {
763
+ max-height: calc(100vh - 128px);
764
+ overflow-y: auto;
767
765
 
768
- .E_sx1bpnu {
769
- .ant-input-sm {
770
- line-height: 18px;
766
+ .ant-dropdown-menu-item {
767
+ padding: 4px 20px;
768
+ font-size: 12px;
769
+ line-height: 18px;
770
+ }
771
771
  }
772
772
  }
773
773
 
@@ -953,6 +953,77 @@
953
953
  }
954
954
 
955
955
 
956
+ .E_s1dizucg {
957
+ &.ant-switch {
958
+ min-width: 40px;
959
+ height: 24px;
960
+ background: $fills-trans-quinary-light;
961
+ overflow: hidden;
962
+ &:focus {
963
+ box-shadow: 0 0 0 2px $strokes-light-trans-1;
964
+ }
965
+ }
966
+ &.ant-switch-small {
967
+ min-width: 26px;
968
+ height: 16px;
969
+ }
970
+ &.ant-switch-large {
971
+ min-width: 52px;
972
+ height: 32px;
973
+ }
974
+
975
+ &.ant-switch .ant-switch-handle {
976
+ height: 20px;
977
+ width: 20px;
978
+ &::before {
979
+ border-radius: 10px;
980
+ transition-delay: 120ms;
981
+ }
982
+ }
983
+ &.ant-switch-small .ant-switch-handle {
984
+ height: 14px;
985
+ width: 14px;
986
+ top: 1px;
987
+ left: 1px;
988
+ }
989
+ &.ant-switch-large .ant-switch-handle {
990
+ height: 28px;
991
+ width: 28px;
992
+ &::before {
993
+ border-radius: 14px;
994
+ }
995
+ }
996
+
997
+ &.ant-switch-checked {
998
+ background-color: $green-60;
999
+ }
1000
+ &.ant-switch-checked .ant-switch-handle {
1001
+ left: calc(100% - 20px - 2px);
1002
+ }
1003
+ &.ant-switch-small.ant-switch-checked .ant-switch-handle {
1004
+ left: calc(100% - 14px - 1px);
1005
+ }
1006
+ &.ant-switch-large.ant-switch-checked .ant-switch-handle {
1007
+ left: calc(100% - 28px - 2px);
1008
+ }
1009
+ }
1010
+
1011
+ .E_c1up6e3y {
1012
+ margin-left: 5px;
1013
+ }
1014
+
1015
+
1016
+ .E_ivqqkzv {
1017
+ height: 24px;
1018
+ width: 56px !important;
1019
+ margin-right: 4px;
1020
+ }
1021
+
1022
+ .E_c1wk4q29 {
1023
+ color: $text-secondary-light;
1024
+ }
1025
+
1026
+
956
1027
  .E_c1bus5hc {
957
1028
  --color: white;
958
1029
  height: 14px;
@@ -997,16 +1068,12 @@
997
1068
  }
998
1069
 
999
1070
 
1000
- .E_ivqqkzv {
1001
- height: 24px;
1002
- width: 56px !important;
1003
- margin-right: 4px;
1071
+ .E_tju3gfj {
1072
+ .date {
1073
+ margin-right: 4px;
1074
+ }
1004
1075
  }
1005
1076
 
1006
- .E_c1wk4q29 {
1007
- color: $text-secondary-light;
1008
- }
1009
-
1010
1077
 
1011
1078
  .E_i11gg7mj {
1012
1079
  .ant-input-prefix {
@@ -1040,73 +1107,6 @@
1040
1107
  }
1041
1108
 
1042
1109
 
1043
- .E_s1dizucg {
1044
- &.ant-switch {
1045
- min-width: 40px;
1046
- height: 24px;
1047
- background: $fills-trans-quinary-light;
1048
- overflow: hidden;
1049
- &:focus {
1050
- box-shadow: 0 0 0 2px $strokes-light-trans-1;
1051
- }
1052
- }
1053
- &.ant-switch-small {
1054
- min-width: 26px;
1055
- height: 16px;
1056
- }
1057
- &.ant-switch-large {
1058
- min-width: 52px;
1059
- height: 32px;
1060
- }
1061
-
1062
- &.ant-switch .ant-switch-handle {
1063
- height: 20px;
1064
- width: 20px;
1065
- &::before {
1066
- border-radius: 10px;
1067
- transition-delay: 120ms;
1068
- }
1069
- }
1070
- &.ant-switch-small .ant-switch-handle {
1071
- height: 14px;
1072
- width: 14px;
1073
- top: 1px;
1074
- left: 1px;
1075
- }
1076
- &.ant-switch-large .ant-switch-handle {
1077
- height: 28px;
1078
- width: 28px;
1079
- &::before {
1080
- border-radius: 14px;
1081
- }
1082
- }
1083
-
1084
- &.ant-switch-checked {
1085
- background-color: $green-60;
1086
- }
1087
- &.ant-switch-checked .ant-switch-handle {
1088
- left: calc(100% - 20px - 2px);
1089
- }
1090
- &.ant-switch-small.ant-switch-checked .ant-switch-handle {
1091
- left: calc(100% - 14px - 1px);
1092
- }
1093
- &.ant-switch-large.ant-switch-checked .ant-switch-handle {
1094
- left: calc(100% - 28px - 2px);
1095
- }
1096
- }
1097
-
1098
- .E_c1up6e3y {
1099
- margin-left: 5px;
1100
- }
1101
-
1102
-
1103
- .E_tju3gfj {
1104
- .date {
1105
- margin-right: 4px;
1106
- }
1107
- }
1108
-
1109
-
1110
1110
  .E_s1sck0th {
1111
1111
  padding: 0 8px;
1112
1112
  border-radius: 4px;
@@ -1193,6 +1193,11 @@
1193
1193
  }
1194
1194
 
1195
1195
 
1196
+ .E_iq1gosr {
1197
+ display: inline-block;
1198
+ }
1199
+
1200
+
1196
1201
  .E_t1m2x205 {
1197
1202
  .ant-tooltip-arrow {
1198
1203
  display: none;
@@ -1296,11 +1301,6 @@
1296
1301
  }
1297
1302
 
1298
1303
 
1299
- .E_iq1gosr {
1300
- display: inline-block;
1301
- }
1302
-
1303
-
1304
1304
  .E_fzh9mnb {
1305
1305
  width: 100%;
1306
1306
  height: 100%;
@@ -1318,67 +1318,27 @@
1318
1318
  }
1319
1319
 
1320
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
- }
1321
+ .E_atcz0kf {
1322
+ .ant-input-suffix {
1323
+ margin-left: 8px;
1338
1324
  }
1339
-
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
- }
1325
+ &.ant-input-affix-wrapper.ant-input-affix-wrapper-sm {
1326
+ padding: 2px 7px 2px 12px;
1347
1327
  }
1348
-
1349
- .ant-form-item-explain {
1350
- margin-top: 4px;
1351
- font-size: 12px;
1352
- min-height: 0px;
1353
- }
1354
-
1355
- .ant-form-item-extra {
1356
- font-size: 12px;
1357
- color: rgba(44, 56, 82, 0.6);
1358
- min-height: 0px;
1359
- }
1360
- }
1328
+ }
1361
1329
 
1362
1330
 
1363
- .E_iouxfgt {
1364
- display: inline-flex;
1331
+ .E_i1inqkme {
1332
+ height: 18px;
1333
+ line-height: 18px;
1334
+ padding: 0 4px;
1335
+ border-radius: 4px;
1336
+ background: rgba(235, 239, 245, 0.6);
1337
+ border: 1px solid rgba(223, 228, 235, 0.6);
1338
+ display: flex;
1365
1339
  align-items: center;
1366
-
1367
- .icon-inner {
1368
- display: inline-flex;
1369
- align-items: center;
1370
- justify-content: center;
1371
- }
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
- }
1381
- }
1340
+ white-space: nowrap;
1341
+ margin-right: 4px;
1382
1342
  }
1383
1343
 
1384
1344
 
@@ -1500,27 +1460,67 @@
1500
1460
  }
1501
1461
 
1502
1462
 
1503
- .E_atcz0kf {
1504
- .ant-input-suffix {
1505
- margin-left: 8px;
1463
+ .E_iouxfgt {
1464
+ display: inline-flex;
1465
+ align-items: center;
1466
+
1467
+ .icon-inner {
1468
+ display: inline-flex;
1469
+ align-items: center;
1470
+ justify-content: center;
1506
1471
  }
1507
- &.ant-input-affix-wrapper.ant-input-affix-wrapper-sm {
1508
- padding: 2px 7px 2px 12px;
1472
+ .icon-inner + span,
1473
+ span + .icon-inner.suffix {
1474
+ margin-left: 4px;
1475
+ }
1476
+ &.is-rotate {
1477
+ img,
1478
+ svg {
1479
+ animation: rotate 680ms linear infinite;
1480
+ }
1509
1481
  }
1510
1482
  }
1511
1483
 
1512
1484
 
1513
- .E_i1inqkme {
1514
- height: 18px;
1515
- line-height: 18px;
1516
- padding: 0 4px;
1517
- border-radius: 4px;
1518
- background: rgba(235, 239, 245, 0.6);
1519
- border: 1px solid rgba(223, 228, 235, 0.6);
1520
- display: flex;
1521
- align-items: center;
1522
- white-space: nowrap;
1523
- margin-right: 4px;
1485
+ .E_f7pxqmh {
1486
+ width: 100%;
1487
+ margin-bottom: 0 !important;
1488
+ flex-flow: nowrap !important;
1489
+ line-break: auto;
1490
+
1491
+ & > .ant-form-item-label {
1492
+ text-align: left !important;
1493
+ padding-bottom: 0 !important;
1494
+
1495
+ & > label {
1496
+ min-height: 32px;
1497
+ height: auto;
1498
+ font-size: 13px;
1499
+ color: rgba(44, 56, 82, 0.6);
1500
+ white-space: normal;
1501
+ }
1502
+ }
1503
+
1504
+ &.ant-form-item-has-error {
1505
+ .ant-input {
1506
+ border-color: #ff4d4f !important;
1507
+ }
1508
+ .ant-input-password {
1509
+ border-color: #ff4d4f !important;
1510
+ }
1511
+ }
1512
+
1513
+ .ant-form-item-explain {
1514
+ margin-top: 4px;
1515
+ font-size: 12px;
1516
+ min-height: 0px;
1517
+ }
1518
+
1519
+ .ant-form-item-extra {
1520
+ font-size: 12px;
1521
+ color: rgba(44, 56, 82, 0.6);
1522
+ min-height: 0px;
1523
+ }
1524
1524
  }
1525
1525
 
1526
1526
 
@@ -1534,6 +1534,11 @@
1534
1534
  }
1535
1535
 
1536
1536
 
1537
+ .E_m196gn1d {
1538
+ min-width: 1280px;
1539
+ }
1540
+
1541
+
1537
1542
  .E_a1b5xrg3 {
1538
1543
  .user-icon-inner {
1539
1544
  display: inline-flex;
@@ -1925,11 +1930,6 @@
1925
1930
  }
1926
1931
 
1927
1932
 
1928
- .E_m196gn1d {
1929
- min-width: 1280px;
1930
- }
1931
-
1932
-
1933
1933
  .E_cnujxq2 {
1934
1934
  display: flex;
1935
1935
  flex-direction: column;
@@ -2845,6 +2845,34 @@
2845
2845
  }
2846
2846
 
2847
2847
 
2848
+ .E_oa99sl3 {
2849
+ display: flex;
2850
+ justify-content: space-between;
2851
+ align-items: center;
2852
+ gap: 8px;
2853
+
2854
+ &,
2855
+ :first-child {
2856
+ // unset the global style
2857
+ line-height: inherit !important;
2858
+ }
2859
+ }
2860
+
2861
+ .E_lvp5pj7 {
2862
+ display: flex;
2863
+ justify-content: space-between;
2864
+ align-items: center;
2865
+ gap: 8px;
2866
+ min-width: 0;
2867
+ }
2868
+
2869
+ .E_s1io1lws {
2870
+ display: flex;
2871
+ align-items: center;
2872
+ flex-shrink: 0;
2873
+ }
2874
+
2875
+
2848
2876
  .E_s4ivdfu {
2849
2877
  &.ant-select {
2850
2878
  .ant-select-selection-placeholder {
@@ -3046,34 +3074,6 @@
3046
3074
  }
3047
3075
 
3048
3076
 
3049
- .E_oa99sl3 {
3050
- 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;
3059
- }
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
3077
  .E_w1dxz879 {
3078
3078
  display: flex;
3079
3079
  flex-direction: column;
@@ -3090,6 +3090,22 @@
3090
3090
  }
3091
3091
 
3092
3092
 
3093
+ .E_suhck3k {
3094
+ height: 24px;
3095
+ width: 24px;
3096
+ border-radius: 6px;
3097
+ padding: 4px;
3098
+ &:hover {
3099
+ background-color: $fill-outstanding-light;
3100
+ svg {
3101
+ path {
3102
+ fill: blue;
3103
+ }
3104
+ }
3105
+ }
3106
+ }
3107
+
3108
+
3093
3109
  .E_ryby9ds {
3094
3110
  display: flex;
3095
3111
  align-items: center;
@@ -3107,56 +3123,35 @@
3107
3123
  }
3108
3124
 
3109
3125
 
3110
- .E_b1lj76ty {
3111
- width: 100%;
3112
- height: 100%;
3113
- margin: 0 auto;
3114
- display: flex;
3115
- flex-direction: column;
3116
- align-items: center;
3117
- justify-content: center;
3118
- color: $gray-a30-10;
3119
- &.large {
3120
- max-width: 648px;
3121
- }
3122
- &.medium {
3123
- max-width: 412px;
3124
- }
3125
- &.gray {
3126
- background-color: $fills-trans-primary-light;
3127
- }
3128
- &.white {
3129
- background-color: $fills-light-light-white;
3130
- }
3131
- .title {
3132
- margin-bottom: 4px;
3133
- }
3134
- .title,
3135
- .desc {
3136
- word-break: break-all;
3137
- text-align: center;
3138
- }
3139
- .action-button.middle {
3140
- margin-top: 16px;
3126
+ .E_m5foqp8 {
3127
+ --footer-height: 96px;
3128
+ --modal-content-width: 720px;
3129
+ --modal-content-min-height: 200px;
3130
+ --modal-content-max-height: calc(100vh - 136px);
3131
+ --modal-header-padding: 40px 60px 8px;
3132
+ --modal-content-padding-top: 24px;
3133
+ --modal-content-padding-bottom: 32px;
3134
+ --modal-content-padding-x: 60px;
3135
+ --modal-footer-padding: 0 60px;
3136
+
3137
+ &.content-full.ant-modal {
3138
+ height: calc(100vh - 80px);
3139
+ width: calc(100vw - 160px);
3140
+ .ant-modal-content {
3141
+ width: 100%;
3142
+ height: 100%;
3143
+ max-width: unset;
3144
+ max-height: unset;
3145
+ display: flex;
3146
+ flex-direction: column;
3147
+ }
3148
+ .ant-modal-body {
3149
+ flex: 1;
3150
+ }
3141
3151
  }
3142
- .action-button.small {
3143
- margin-top: 8px;
3144
- }
3145
- }
3146
-
3147
-
3148
- .E_suhck3k {
3149
- height: 24px;
3150
- width: 24px;
3151
- border-radius: 6px;
3152
- padding: 4px;
3153
- &:hover {
3154
- background-color: $fill-outstanding-light;
3155
- svg {
3156
- path {
3157
- fill: blue;
3158
- }
3159
- }
3152
+
3153
+ .initializing-title {
3154
+ height: 32px;
3160
3155
  }
3161
3156
  }
3162
3157
 
@@ -3220,35 +3215,40 @@
3220
3215
  }
3221
3216
 
3222
3217
 
3223
- .E_m5foqp8 {
3224
- --footer-height: 96px;
3225
- --modal-content-width: 720px;
3226
- --modal-content-min-height: 200px;
3227
- --modal-content-max-height: calc(100vh - 136px);
3228
- --modal-header-padding: 40px 60px 8px;
3229
- --modal-content-padding-top: 24px;
3230
- --modal-content-padding-bottom: 32px;
3231
- --modal-content-padding-x: 60px;
3232
- --modal-footer-padding: 0 60px;
3233
-
3234
- &.content-full.ant-modal {
3235
- height: calc(100vh - 80px);
3236
- width: calc(100vw - 160px);
3237
- .ant-modal-content {
3238
- width: 100%;
3239
- height: 100%;
3240
- max-width: unset;
3241
- max-height: unset;
3242
- display: flex;
3243
- flex-direction: column;
3244
- }
3245
- .ant-modal-body {
3246
- flex: 1;
3247
- }
3218
+ .E_b1lj76ty {
3219
+ width: 100%;
3220
+ height: 100%;
3221
+ margin: 0 auto;
3222
+ display: flex;
3223
+ flex-direction: column;
3224
+ align-items: center;
3225
+ justify-content: center;
3226
+ color: $gray-a30-10;
3227
+ &.large {
3228
+ max-width: 648px;
3248
3229
  }
3249
-
3250
- .initializing-title {
3251
- height: 32px;
3230
+ &.medium {
3231
+ max-width: 412px;
3232
+ }
3233
+ &.gray {
3234
+ background-color: $fills-trans-primary-light;
3235
+ }
3236
+ &.white {
3237
+ background-color: $fills-light-light-white;
3238
+ }
3239
+ .title {
3240
+ margin-bottom: 4px;
3241
+ }
3242
+ .title,
3243
+ .desc {
3244
+ word-break: break-all;
3245
+ text-align: center;
3246
+ }
3247
+ .action-button.middle {
3248
+ margin-top: 16px;
3249
+ }
3250
+ .action-button.small {
3251
+ margin-top: 8px;
3252
3252
  }
3253
3253
  }
3254
3254
 
@@ -3715,151 +3715,294 @@
3715
3715
  }
3716
3716
 
3717
3717
 
3718
- .E_sddwhm6 {
3719
- $prefix: ui-kit-status-capsule;
3720
- margin: 0;
3721
- border-radius: 20px;
3722
- padding: 2px 10px;
3723
- height: 22px;
3724
-
3725
- &.ant-tag.#{$prefix}.off-white {
3726
- background-color: $fill-neutral-trans-1 !important;
3727
- &.tag-hover:hover,
3728
- &.__pseudo-states-hover {
3729
- background-color: $fill-neutral-trans-2 !important;
3730
- }
3731
- }
3732
- &.ant-tag.#{$prefix} {
3733
- color: $text-neutral-primary;
3734
- .#{$prefix}-icon {
3735
- margin-right: 6px;
3736
- }
3737
- .#{$prefix}-number {
3738
- margin-left: 8px;
3739
- color: #2C385299;
3740
- }
3741
- &.ant-tag-blue {
3742
- background-color: $fill-outstanding-light;
3743
- .#{$prefix}-icon {
3744
- background-color: $fill-outstanding-base;
3745
- }
3746
- &.tag-hover:hover,
3747
- &.__pseudo-states-hover {
3748
- background-color: $fill-outstanding-light-hover;
3749
- }
3750
- }
3751
- &.ant-tag-red {
3752
- background-color: $fill-serious-light;
3753
- .#{$prefix}-icon {
3754
- background-color: $fill-serious-base;
3755
- }
3756
- &.tag-hover:hover,
3757
- &.__pseudo-states-hover {
3758
- background-color: $fill-serious-light-hover;
3759
- }
3760
- }
3761
- &.ant-tag-yellow {
3762
- background-color: $fill-notice-light;
3763
- .#{$prefix}-icon {
3764
- background-color: $fill-notice-base;
3765
- }
3766
- &.tag-hover:hover,
3767
- &.__pseudo-states-hover {
3768
- background-color: $fill-notice-light-hover;
3769
- }
3770
- }
3771
- &.ant-tag-green {
3772
- background-color: $fill-positive-light;
3773
- .#{$prefix}-icon {
3774
- background-color: $fill-positive-base;
3775
- }
3776
- &.tag-hover:hover,
3777
- &.__pseudo-states-hover {
3778
- background-color: $fill-positive-light-hover;
3779
- }
3780
- }
3781
- &.ant-tag-gray {
3782
- background-color: $fill-neutral-trans-2;
3783
- .#{$prefix}-icon:not(.ui-kit-status-capsule-icon-loading) {
3784
- background-color: $gray-70;
3785
- }
3786
- &.tag-hover:hover,
3787
- &.__pseudo-states-hover {
3788
- background-color: $fill-neutral-trans-3-trans-2-hover;
3789
- }
3790
- }
3791
- }
3718
+ .E_c1yd35n {
3719
+ padding: 0 12px 14px 12px;
3792
3720
  }
3793
3721
 
3794
- .E_satwmqm {
3795
- width: 8px;
3796
- height: 8px;
3797
- border-radius: 50%;
3798
- display: inline-block;
3722
+
3723
+ .E_lht19u8 {
3724
+ width: 64px;
3725
+ height: 64px;
3726
+ display: flex;
3727
+ align-items: center;
3728
+ justify-content: center;
3729
+ position: relative;
3730
+ opacity: 0.2;
3799
3731
  }
3800
3732
 
3733
+ .E_lk3gkp4 {
3734
+ position: absolute;
3735
+ width: 5px;
3736
+ height: 48px;
3737
+ left: 9.33px;
3738
+ top: 40.5px;
3801
3739
 
3802
- .E_tc97u5y {
3803
- height: 100%;
3804
- }
3740
+ background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
3741
+ border-radius: 5px;
3742
+ transform: rotate(-128deg);
3743
+ transform-origin: top left;
3805
3744
 
3806
- .E_efzf37v {
3807
- .ant-table-content,
3808
- .ant-table-body {
3809
- overflow: visible !important;
3810
- height: 100%;
3811
- }
3745
+ animation: loading-indicator1 1100ms ease-out infinite;
3746
+ }
3812
3747
 
3813
- .ant-table-tbody .ant-table-placeholder td {
3814
- height: 100%;
3815
- }
3748
+ .E_ll4n94n {
3749
+ position: absolute;
3750
+ width: 5px;
3751
+ height: 48px;
3752
+ left: 40.8px;
3753
+ top: 8.4px;
3816
3754
 
3817
- table {
3818
- width: 100% !important;
3819
- height: 100%;
3820
- .ant-table-placeholder .ant-table-expanded-row-fixed {
3821
- padding: 15px 0;
3822
- }
3823
- }
3755
+ background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
3756
+ border-radius: 5px;
3757
+ transform: rotate(-8deg);
3758
+ transform-origin: top left;
3824
3759
 
3825
- table thead.ant-table-thead {
3826
- display: none;
3827
- }
3760
+ animation: loading-indicator2 1100ms ease-out infinite;
3828
3761
  }
3829
3762
 
3830
- .E_t1fisho6 {
3831
- height: 100%;
3763
+ .E_l17lbdo6 {
3764
+ position: absolute;
3765
+ width: 5px;
3766
+ height: 48px;
3767
+ left: 52.9px;
3768
+ top: 51.8px;
3832
3769
 
3833
- .ant-table.ant-table-small .ant-table-tbody > tr > td {
3834
- padding-top: 6px;
3835
- padding-bottom: 6px;
3836
- }
3770
+ background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
3771
+ border-radius: 5px;
3772
+ transform: rotate(112deg);
3773
+ transform-origin: top left;
3837
3774
 
3838
- .active-row td:nth-child(1) {
3839
- font-weight: 700;
3840
- }
3841
- &.has-selection .active-row td:nth-child(2) {
3842
- font-weight: 700;
3843
- }
3775
+ animation: loading-indicator3 1100ms ease-out infinite;
3776
+ }
3844
3777
 
3845
- .ant-spin-nested-loading {
3846
- height: 100%;
3847
3778
 
3848
- .ant-spin-container {
3849
- height: 100%;
3850
- overflow: visible;
3851
- }
3852
- .ant-spin {
3853
- max-height: none;
3854
- }
3855
- }
3779
+ .E_c1kghdax {
3780
+ color: $text-primary-light;
3781
+ padding: 7px 12px;
3782
+ display: flex;
3783
+ justify-content: space-between;
3784
+ align-items: center;
3856
3785
 
3857
- td.ant-table-column-sort {
3858
- background: transparent;
3859
- }
3786
+ &.has-arrow {
3787
+ padding-left: 10px;
3860
3788
 
3861
- td.ant-table-cell-fix-left,
3862
- td.ant-table-cell-fix-right {
3789
+ .title-wrapper {
3790
+ cursor: pointer;
3791
+ color: $text-light-primary;
3792
+
3793
+ &.is-open {
3794
+ color: $text-primary-light;
3795
+ font-weight: 600;
3796
+
3797
+ .collapse-arrow {
3798
+ transform: rotate(90deg);
3799
+ }
3800
+ }
3801
+ }
3802
+ }
3803
+
3804
+ .sub-info {
3805
+ font-size: 12px;
3806
+ line-height: 18px;
3807
+ }
3808
+
3809
+ .title-wrapper {
3810
+ display: flex;
3811
+ align-items: center;
3812
+ user-select: none;
3813
+ flex-grow: 1;
3814
+ font-size: 12px;
3815
+ line-height: 18px;
3816
+ color: $text-primary-light;
3817
+ font-weight: 700;
3818
+ }
3819
+
3820
+ .collapse-arrow {
3821
+ transition: all 50ms ease-out 0ms;
3822
+ margin-right: 2px;
3823
+ }
3824
+ }
3825
+
3826
+
3827
+ .E_b14q2gmw {
3828
+ box-shadow: 0px 0.119595px 0.438513px rgba(129, 138, 153, 0.14),
3829
+ 0px 0.271728px 0.996336px rgba(129, 138, 153, 0.106447),
3830
+ 0px 0.472931px 1.73408px rgba(129, 138, 153, 0.0912224),
3831
+ 0px 0.751293px 2.75474px rgba(129, 138, 153, 0.0799253),
3832
+ 0px 1.15919px 4.25036px rgba(129, 138, 153, 0.07),
3833
+ 0px 1.80882px 6.63236px rgba(129, 138, 153, 0.0600747),
3834
+ 0px 3.00293px 11.0107px rgba(129, 138, 153, 0.0487776),
3835
+ 0px 6px 22px rgba(129, 138, 153, 0.0335534);
3836
+ }
3837
+
3838
+ .E_c1eym6el {
3839
+ border-radius: 8px;
3840
+ background-color: white;
3841
+ &.hoverable {
3842
+ cursor: pointer;
3843
+
3844
+ &:hover {
3845
+ transition: all 200ms ease;
3846
+ box-shadow: 0px 9px 22px rgb(107 125 153 / 23%),
3847
+ 0px 1.12694px 2.75474px rgb(107 125 153 / 12%);
3848
+ transform: translateY(-4px);
3849
+ }
3850
+ }
3851
+ }
3852
+
3853
+
3854
+ .E_w7ob4th {
3855
+ &.outside-tag {
3856
+ padding-left: 0;
3857
+ .inside-tag {
3858
+ border-radius: 4px 0 0 4px;
3859
+ padding-right: 4px;
3860
+ margin-right: 4px;
3861
+ }
3862
+ }
3863
+ }
3864
+
3865
+
3866
+ .E_ckui4s7 {
3867
+ color: $text-primary-light;
3868
+ line-height: 22px;
3869
+ display: inline-flex;
3870
+ .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; } } }
3871
+ }
3872
+
3873
+
3874
+ .E_l48ei06 {
3875
+ @at-root {
3876
+ button#{&}.ant-btn,
3877
+ button#{&}.ant-btn.ant-btn-sm,
3878
+ button#{&}.ant-btn.ant-btn-lg {
3879
+ font-size: 12px;
3880
+ line-height: 18px;
3881
+ height: 18px;
3882
+ }
3883
+ button#{&} {
3884
+ color: #0080FF;
3885
+ height: unset;
3886
+ .button-prefix-icon {
3887
+ margin-right: 4px;
3888
+ }
3889
+ .button-suffix-icon {
3890
+ margin-left: 4px;
3891
+ }
3892
+
3893
+ &:hover,
3894
+ &.__pseudo-states-hover {
3895
+ color: #009DFF;
3896
+ }
3897
+
3898
+ &:active,
3899
+ &.__pseudo-states-active {
3900
+ color: #005ED1;
3901
+ }
3902
+ &.ui-kit-link-disabled {
3903
+ color: #0080FF;
3904
+ }
3905
+ &.ui-kit-link-primary {
3906
+ color: #00122E;
3907
+
3908
+ &:hover,
3909
+ &.__pseudo-states-hover {
3910
+ color: #0080FF;
3911
+ }
3912
+
3913
+ &:active,
3914
+ &.__pseudo-states-active {
3915
+ color: #005ED1;
3916
+ }
3917
+
3918
+ &.ui-kit-link-disabled {
3919
+ color: #00122E;
3920
+ }
3921
+ }
3922
+
3923
+ &.ui-kit-link-secondary {
3924
+ color: #2C3852BF;
3925
+
3926
+ &:hover,
3927
+ &.__pseudo-states-hover {
3928
+ color: #0080FF;
3929
+ }
3930
+
3931
+ &:active,
3932
+ &.__pseudo-states-active {
3933
+ color: #005ED1;
3934
+ }
3935
+
3936
+ &.ui-kit-link-disabled {
3937
+ color: #2C3852BF;
3938
+ }
3939
+ }
3940
+ }
3941
+ }
3942
+ }
3943
+
3944
+
3945
+ .E_tc97u5y {
3946
+ height: 100%;
3947
+ }
3948
+
3949
+ .E_efzf37v {
3950
+ .ant-table-content,
3951
+ .ant-table-body {
3952
+ overflow: visible !important;
3953
+ height: 100%;
3954
+ }
3955
+
3956
+ .ant-table-tbody .ant-table-placeholder td {
3957
+ height: 100%;
3958
+ }
3959
+
3960
+ table {
3961
+ width: 100% !important;
3962
+ height: 100%;
3963
+ .ant-table-placeholder .ant-table-expanded-row-fixed {
3964
+ padding: 15px 0;
3965
+ }
3966
+ }
3967
+
3968
+ table thead.ant-table-thead {
3969
+ display: none;
3970
+ }
3971
+ }
3972
+
3973
+ .E_t1fisho6 {
3974
+ height: 100%;
3975
+
3976
+ .ant-table.ant-table-small .ant-table-tbody > tr > td {
3977
+ padding-top: 6px;
3978
+ padding-bottom: 6px;
3979
+ }
3980
+
3981
+ .active-row td:nth-child(1) {
3982
+ font-weight: 700;
3983
+ }
3984
+ &.has-selection .active-row td:nth-child(2) {
3985
+ font-weight: 700;
3986
+ }
3987
+
3988
+ .ant-spin-nested-loading {
3989
+ height: 100%;
3990
+
3991
+ .ant-spin-container {
3992
+ height: 100%;
3993
+ overflow: visible;
3994
+ }
3995
+ .ant-spin {
3996
+ max-height: none;
3997
+ }
3998
+ }
3999
+
4000
+ td.ant-table-column-sort {
4001
+ background: transparent;
4002
+ }
4003
+
4004
+ td.ant-table-cell-fix-left,
4005
+ td.ant-table-cell-fix-right {
3863
4006
  background: #fff;
3864
4007
  padding: 0 !important;
3865
4008
  .ant-table-cell-content {
@@ -4237,229 +4380,310 @@
4237
4380
  }
4238
4381
 
4239
4382
 
4240
- .E_l48ei06 {
4241
- @at-root {
4242
- button#{&}.ant-btn,
4243
- button#{&}.ant-btn.ant-btn-sm,
4244
- button#{&}.ant-btn.ant-btn-lg {
4245
- font-size: 12px;
4246
- line-height: 18px;
4247
- height: 18px;
4383
+ .E_sddwhm6 {
4384
+ $prefix: ui-kit-status-capsule;
4385
+ margin: 0;
4386
+ border-radius: 20px;
4387
+ padding: 2px 10px;
4388
+ height: 22px;
4389
+
4390
+ &.ant-tag.#{$prefix}.off-white {
4391
+ background-color: $fill-neutral-trans-1 !important;
4392
+ &.tag-hover:hover,
4393
+ &.__pseudo-states-hover {
4394
+ background-color: $fill-neutral-trans-2 !important;
4248
4395
  }
4249
- button#{&} {
4250
- color: #0080FF;
4251
- height: unset;
4252
- .button-prefix-icon {
4253
- margin-right: 4px;
4396
+ }
4397
+ &.ant-tag.#{$prefix} {
4398
+ color: $text-neutral-primary;
4399
+ .#{$prefix}-icon {
4400
+ margin-right: 6px;
4401
+ }
4402
+ .#{$prefix}-number {
4403
+ margin-left: 8px;
4404
+ color: #2C385299;
4405
+ }
4406
+ &.ant-tag-blue {
4407
+ background-color: $fill-outstanding-light;
4408
+ .#{$prefix}-icon {
4409
+ background-color: $fill-outstanding-base;
4254
4410
  }
4255
- .button-suffix-icon {
4256
- margin-left: 4px;
4411
+ &.tag-hover:hover,
4412
+ &.__pseudo-states-hover {
4413
+ background-color: $fill-outstanding-light-hover;
4257
4414
  }
4258
-
4259
- &:hover,
4415
+ }
4416
+ &.ant-tag-red {
4417
+ background-color: $fill-serious-light;
4418
+ .#{$prefix}-icon {
4419
+ background-color: $fill-serious-base;
4420
+ }
4421
+ &.tag-hover:hover,
4260
4422
  &.__pseudo-states-hover {
4261
- color: #009DFF;
4423
+ background-color: $fill-serious-light-hover;
4262
4424
  }
4263
-
4264
- &:active,
4265
- &.__pseudo-states-active {
4266
- color: #005ED1;
4425
+ }
4426
+ &.ant-tag-yellow {
4427
+ background-color: $fill-notice-light;
4428
+ .#{$prefix}-icon {
4429
+ background-color: $fill-notice-base;
4267
4430
  }
4268
- &.ui-kit-link-disabled {
4269
- color: #0080FF;
4431
+ &.tag-hover:hover,
4432
+ &.__pseudo-states-hover {
4433
+ background-color: $fill-notice-light-hover;
4270
4434
  }
4271
- &.ui-kit-link-primary {
4272
- color: #00122E;
4273
-
4274
- &:hover,
4275
- &.__pseudo-states-hover {
4276
- color: #0080FF;
4277
- }
4278
-
4279
- &:active,
4280
- &.__pseudo-states-active {
4281
- color: #005ED1;
4282
- }
4283
-
4284
- &.ui-kit-link-disabled {
4285
- color: #00122E;
4286
- }
4435
+ }
4436
+ &.ant-tag-green {
4437
+ background-color: $fill-positive-light;
4438
+ .#{$prefix}-icon {
4439
+ background-color: $fill-positive-base;
4287
4440
  }
4288
-
4289
- &.ui-kit-link-secondary {
4290
- color: #2C3852BF;
4291
-
4292
- &:hover,
4293
- &.__pseudo-states-hover {
4294
- color: #0080FF;
4295
- }
4296
-
4297
- &:active,
4298
- &.__pseudo-states-active {
4299
- color: #005ED1;
4300
- }
4301
-
4302
- &.ui-kit-link-disabled {
4303
- color: #2C3852BF;
4304
- }
4441
+ &.tag-hover:hover,
4442
+ &.__pseudo-states-hover {
4443
+ background-color: $fill-positive-light-hover;
4444
+ }
4445
+ }
4446
+ &.ant-tag-gray {
4447
+ background-color: $fill-neutral-trans-2;
4448
+ .#{$prefix}-icon:not(.ui-kit-status-capsule-icon-loading) {
4449
+ background-color: $gray-70;
4450
+ }
4451
+ &.tag-hover:hover,
4452
+ &.__pseudo-states-hover {
4453
+ background-color: $fill-neutral-trans-3-trans-2-hover;
4305
4454
  }
4306
4455
  }
4307
4456
  }
4308
4457
  }
4309
4458
 
4310
-
4311
- .E_c1yd35n {
4312
- padding: 0 12px 14px 12px;
4459
+ .E_satwmqm {
4460
+ width: 8px;
4461
+ height: 8px;
4462
+ border-radius: 50%;
4463
+ display: inline-block;
4313
4464
  }
4314
4465
 
4315
4466
 
4316
- .E_c1kghdax {
4317
- color: $text-primary-light;
4318
- padding: 7px 12px;
4319
- display: flex;
4320
- justify-content: space-between;
4321
- align-items: center;
4322
-
4323
- &.has-arrow {
4324
- padding-left: 10px;
4325
-
4326
- .title-wrapper {
4327
- cursor: pointer;
4328
- color: $text-light-primary;
4329
-
4330
- &.is-open {
4331
- color: $text-primary-light;
4332
- font-weight: 600;
4333
-
4334
- .collapse-arrow {
4335
- transform: rotate(90deg);
4336
- }
4337
- }
4467
+ .E_sjob3jg {
4468
+ $item: ant-steps-item;
4469
+ --item-min-width: 60px;
4470
+ .#{$item} {
4471
+ &-tail,
4472
+ &-icon {
4473
+ display: none !important;
4338
4474
  }
4339
4475
  }
4340
-
4341
- .sub-info {
4342
- font-size: 12px;
4343
- line-height: 18px;
4476
+ .#{$item}.#{$item}-active {
4477
+ flex-shrink: 0 !important;
4478
+ .step-item-prefix-container {
4479
+ color: $text-colorful-outstanding;
4480
+ }
4481
+ .#{$item}-container .#{$item}-content .#{$item}-title {
4482
+ color: $text-colorful-outstanding;
4483
+ font-weight: normal;
4484
+ }
4344
4485
  }
4345
-
4346
- .title-wrapper {
4347
- display: flex;
4348
- align-items: center;
4349
- user-select: none;
4350
- flex-grow: 1;
4351
- font-size: 12px;
4352
- line-height: 18px;
4353
- color: $text-primary-light;
4354
- font-weight: 700;
4486
+ .#{$item}.#{$item}-finish {
4487
+ .#{$item}-container .#{$item}-content .#{$item}-title,
4488
+ & .#{$item}-container:hover .#{$item}-content .#{$item}-title {
4489
+ color: $text-neutral-tertiary;
4490
+ }
4355
4491
  }
4356
-
4357
- .collapse-arrow {
4358
- transition: all 50ms ease-out 0ms;
4359
- margin-right: 2px;
4492
+ .#{$item}.#{$item}-wait {
4493
+ .#{$item}-container .#{$item}-content .#{$item}-title {
4494
+ color: $text-neutral-primary;
4495
+ }
4496
+ }
4497
+ .step-item-text {
4498
+ display: inline-block;
4499
+ }
4500
+ .step-item-title {
4501
+ overflow: hidden;
4502
+ white-space: nowrap;
4503
+ text-overflow: ellipsis;
4360
4504
  }
4361
4505
  }
4362
4506
 
4363
-
4364
- .E_ckui4s7 {
4365
- color: $text-primary-light;
4366
- line-height: 22px;
4367
- display: inline-flex;
4368
- .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; } } }
4369
- }
4370
-
4371
-
4372
- .E_b14q2gmw {
4373
- box-shadow: 0px 0.119595px 0.438513px rgba(129, 138, 153, 0.14),
4374
- 0px 0.271728px 0.996336px rgba(129, 138, 153, 0.106447),
4375
- 0px 0.472931px 1.73408px rgba(129, 138, 153, 0.0912224),
4376
- 0px 0.751293px 2.75474px rgba(129, 138, 153, 0.0799253),
4377
- 0px 1.15919px 4.25036px rgba(129, 138, 153, 0.07),
4378
- 0px 1.80882px 6.63236px rgba(129, 138, 153, 0.0600747),
4379
- 0px 3.00293px 11.0107px rgba(129, 138, 153, 0.0487776),
4380
- 0px 6px 22px rgba(129, 138, 153, 0.0335534);
4381
- }
4382
-
4383
- .E_c1eym6el {
4384
- border-radius: 8px;
4385
- background-color: white;
4386
- &.hoverable {
4387
- cursor: pointer;
4388
-
4389
- &:hover {
4390
- transition: all 200ms ease;
4391
- box-shadow: 0px 9px 22px rgb(107 125 153 / 23%),
4392
- 0px 1.12694px 2.75474px rgb(107 125 153 / 12%);
4393
- transform: translateY(-4px);
4507
+ .E_hjvj6s6 {
4508
+ $item: ant-steps-item;
4509
+ @mixin rightTriangle($color: $fills-light-trans-1) {
4510
+ content: "";
4511
+ width: 0;
4512
+ height: 0;
4513
+ border: 13px solid transparent;
4514
+ position: absolute;
4515
+ top: 0;
4516
+ border-left: 8px solid $color;
4517
+ }
4518
+ .#{$item}-container {
4519
+ min-width: var(--item-min-width);
4520
+ }
4521
+ .#{$item}-disabled {
4522
+ cursor: not-allowed !important;
4523
+ }
4524
+ .ant-steps-horizontal.ant-steps-label-horizontal {
4525
+ flex-direction: row;
4526
+ justify-content: stretch;
4527
+ .#{$item} {
4528
+ padding: 0;
4529
+ margin-right: 4px;
4530
+ flex: 1;
4531
+ overflow: visible;
4532
+ .#{$item}-content {
4533
+ width: 100%;
4534
+ min-height: unset;
4535
+ .#{$item}-title {
4536
+ height: 26px;
4537
+ line-height: 26px;
4538
+ width: 100%;
4539
+ padding: 0;
4540
+ font-size: 12px;
4541
+ .step-count {
4542
+ margin-right: 10px;
4543
+ }
4544
+ &::after {
4545
+ display: none;
4546
+ }
4547
+ }
4548
+ }
4549
+ &:first-child {
4550
+ .#{$item}-container {
4551
+ padding-left: 8px;
4552
+ padding-right: 4px;
4553
+ border-radius: 4px 0 0 4px;
4554
+ }
4555
+ }
4556
+ &:last-child {
4557
+ margin-right: 0;
4558
+ .#{$item}-container {
4559
+ padding-right: 8px;
4560
+ padding-left: 12px;
4561
+ border-radius: 0 4px 4px 0;
4562
+ }
4563
+ }
4564
+ &:not(&:last-child) {
4565
+ &::after {
4566
+ @include rightTriangle();
4567
+ z-index: 2;
4568
+ position: relative;
4569
+ top: -50%;
4570
+ right: -100%;
4571
+ }
4572
+ }
4573
+ &:not(:first-child):not(:last-child) {
4574
+ .#{$item}-container {
4575
+ padding: 0 4px 0 12px;
4576
+ }
4577
+ }
4578
+ &:not(&:first-child) {
4579
+ &::before {
4580
+ @include rightTriangle(#fff);
4581
+ left: 0;
4582
+ }
4583
+ }
4584
+ }
4585
+ .#{$item}-active {
4586
+ max-width: calc(100% - var(--item-min-width) * 2);
4587
+ .#{$item}-container {
4588
+ background-color: $fills-light-general-general-light;
4589
+ }
4590
+ &::after {
4591
+ border-left-color: $fills-light-general-general-light !important;
4592
+ }
4593
+ }
4594
+ .#{$item}-finish {
4595
+ cursor: pointer;
4596
+ min-width: var(--item-min-width);
4597
+ }
4598
+ .#{$item}-wait,
4599
+ .#{$item}-finish {
4600
+ min-width: var(--item-min-width);
4601
+ .#{$item}-container {
4602
+ background-color: $fills-light-trans-1;
4603
+ }
4394
4604
  }
4395
4605
  }
4606
+ .ant-steps:not(.ant-steps-dot):not(.ant-steps-navigation):not(
4607
+ .ant-steps-vertical
4608
+ )
4609
+ .#{$item} {
4610
+ padding: 0;
4611
+ }
4396
4612
  }
4397
4613
 
4614
+ .E_v4tv3mf {
4615
+ $item: ant-steps-item;
4616
+ .ant-steps.ant-steps-vertical {
4617
+ width: 192px;
4618
+ row-gap: 2px;
4398
4619
 
4399
- .E_lht19u8 {
4400
- width: 64px;
4401
- height: 64px;
4402
- display: flex;
4403
- align-items: center;
4404
- justify-content: center;
4405
- position: relative;
4406
- opacity: 0.2;
4407
- }
4408
-
4409
- .E_lk3gkp4 {
4410
- position: absolute;
4411
- width: 5px;
4412
- height: 48px;
4413
- left: 9.33px;
4414
- top: 40.5px;
4415
-
4416
- background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
4417
- border-radius: 5px;
4418
- transform: rotate(-128deg);
4419
- transform-origin: top left;
4420
-
4421
- animation: loading-indicator1 1100ms ease-out infinite;
4422
- }
4423
-
4424
- .E_ll4n94n {
4425
- position: absolute;
4426
- width: 5px;
4427
- height: 48px;
4428
- left: 40.8px;
4429
- top: 8.4px;
4430
-
4431
- background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
4432
- border-radius: 5px;
4433
- transform: rotate(-8deg);
4434
- transform-origin: top left;
4435
-
4436
- animation: loading-indicator2 1100ms ease-out infinite;
4437
- }
4438
-
4439
- .E_l17lbdo6 {
4440
- position: absolute;
4441
- width: 5px;
4442
- height: 48px;
4443
- left: 52.9px;
4444
- top: 51.8px;
4445
-
4446
- background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
4447
- border-radius: 5px;
4448
- transform: rotate(112deg);
4449
- transform-origin: top left;
4450
-
4451
- animation: loading-indicator3 1100ms ease-out infinite;
4620
+ .preview-mode:not(.#{$item}-active) .#{$item}-container {
4621
+ &:hover {
4622
+ background-color: $fill-neutral-trans-2;
4623
+ }
4624
+ .#{$item}-title {
4625
+ color: $text-neutral-primary !important;
4626
+ }
4627
+ }
4628
+ .#{$item}:not(.#{$item}-active):not(.#{$item}-disabled)
4629
+ .#{$item}-container:hover {
4630
+ background-color: $fill-neutral-trans-2;
4631
+ }
4632
+ .#{$item}-container {
4633
+ padding: 0 8px;
4634
+ border-radius: 4px;
4635
+ height: 32px;
4636
+ display: flex;
4637
+ align-items: center;
4638
+ .#{$item}-content {
4639
+ min-height: auto;
4640
+ white-space: nowrap;
4641
+ & .ant-steps-item-title {
4642
+ font-size: 13px;
4643
+ line-height: 20px;
4644
+ max-width: 100%;
4645
+ padding-right: 0;
4646
+ }
4647
+ }
4648
+ }
4649
+ .#{$item}-active {
4650
+ .ant-steps-item-container {
4651
+ background: rgba($blue-60, 0.1);
4652
+ }
4653
+ }
4654
+ }
4452
4655
  }
4453
4656
 
4657
+ .E_h6l1tj4 {
4658
+ width: 100%;
4659
+ display: inline-flex;
4660
+ align-items: center;
4661
+ justify-content: center;
4662
+ column-gap: 4px;
4663
+ .step-item-prefix-container {
4664
+ display: inline-flex;
4665
+ align-items: center;
4666
+ width: 18px;
4667
+ height: 18px;
4668
+ color: $gray-a75-8;
4669
+ justify-content: center;
4670
+ }
4671
+ }
4454
4672
 
4455
- .E_w7ob4th {
4456
- &.outside-tag {
4457
- padding-left: 0;
4458
- .inside-tag {
4459
- border-radius: 4px 0 0 4px;
4460
- padding-right: 4px;
4461
- margin-right: 4px;
4462
- }
4673
+ .E_v18frne8 {
4674
+ width: 100%;
4675
+ display: flex;
4676
+ align-items: center;
4677
+ justify-content: center;
4678
+ column-gap: 6px;
4679
+ font-size: 13px;
4680
+ .step-item-prefix-container {
4681
+ display: inline-flex;
4682
+ align-items: center;
4683
+ min-width: 20px;
4684
+ min-height: 20px;
4685
+ color: $gray-a75-8;
4686
+ justify-content: center;
4463
4687
  }
4464
4688
  }
4465
4689
 
@@ -4587,359 +4811,135 @@
4587
4811
  .ant-form-item-control-input-content {
4588
4812
  &,
4589
4813
  & > * {
4590
- text-align: $align-position;
4591
- }
4592
- }
4593
- }
4594
-
4595
- &.align-center {
4596
- @include text-align-style(center);
4597
- }
4598
- &.align-left {
4599
- @include text-align-style(left);
4600
- }
4601
- &.align-right {
4602
- @include text-align-style(right);
4603
- }
4604
-
4605
- &:not(:last-of-type) {
4606
- margin-right: 8px;
4607
- }
4608
- }
4609
- .ant-list-item-action {
4610
- padding: 4px;
4611
- width: 24px;
4612
- height: 24px;
4613
- overflow: hidden;
4614
- li {
4615
- padding: 0;
4616
- }
4617
- }
4618
- .delete-row-icon.disabled {
4619
- cursor: not-allowed;
4620
- opacity: 0.5;
4621
- }
4622
- &.size-default {
4623
- .ant-list-item-action {
4624
- margin: 0;
4625
- }
4626
- .eagle-table-form-cell {
4627
- .ant-input,
4628
- .ant-select-selector {
4629
- border-radius: 5px;
4630
- font-size: 12px;
4631
- }
4632
- .ant-input-affix-wrapper {
4633
- font-size: inherit;
4634
- }
4635
-
4636
- .ant-form-item-control-input {
4637
- min-height: 24px;
4638
- font-size: 12px;
4639
- position: relative;
4640
- }
4641
- }
4642
- }
4643
- }
4644
- &.row-split-by-border {
4645
- .eagle-table-form-row {
4646
- border-bottom: 1px solid $fills-light-trans-2;
4647
- }
4648
- }
4649
- &.row-split-by-zebraMarking {
4650
- .draggable-container {
4651
- & > :nth-child(2n) {
4652
- background-color: $fills-trans-primary-light;
4653
- }
4654
- }
4655
- }
4656
- }
4657
-
4658
- .E_a138syjm {
4659
- display: flex;
4660
- align-items: center;
4661
- margin-top: 8px;
4662
- gap: 8px;
4663
-
4664
- button.ant-btn {
4665
- padding: 2px 8px;
4666
- height: 24px;
4667
- }
4668
- & > span.maximum-desc {
4669
- display: none;
4670
- color: $text-secondary-light;
4671
- &.disabled {
4672
- display: inline;
4673
- }
4674
- }
4675
- }
4676
-
4677
- .E_d77i8u0 {
4678
- width: 24px;
4679
- height: 24px;
4680
- padding: 4px;
4681
- margin-right: 8px;
4682
- }
4683
-
4684
-
4685
- .E_slr2ynn {
4686
- padding: 0 8px;
4687
- height: 18px;
4688
- }
4689
-
4690
- .E_m140wbb6 {
4691
- padding: 2px 8px;
4692
- height: 24px;
4693
- }
4694
-
4695
- .E_t1fozc1i {
4696
- margin: 0;
4697
- }
4698
-
4699
- .E_i1vxv4ln {
4700
- margin-right: 4px;
4701
- height: 16px;
4702
- }
4703
-
4704
- .E_n1afl31m {
4705
- &.ant-tag.ant-tag-gray {
4706
- font-weight: 700;
4707
- color: $text-neutral-primary;
4708
- background-color: $fill-neutral-trans-1;
4709
- border: 1px solid $stroke-neutral-trans-2;
4710
- word-break: break-all;
4711
- display: inline;
4712
- white-space: normal;
4713
- }
4714
- }
4715
-
4716
-
4717
- .E_i1g85yz3 {
4718
- margin-right: 4px;
4719
- height: 16px;
4720
- }
4721
-
4722
-
4723
- .E_sjob3jg {
4724
- $item: ant-steps-item;
4725
- --item-min-width: 60px;
4726
- .#{$item} {
4727
- &-tail,
4728
- &-icon {
4729
- display: none !important;
4730
- }
4731
- }
4732
- .#{$item}.#{$item}-active {
4733
- flex-shrink: 0 !important;
4734
- .step-item-prefix-container {
4735
- color: $text-colorful-outstanding;
4736
- }
4737
- .#{$item}-container .#{$item}-content .#{$item}-title {
4738
- color: $text-colorful-outstanding;
4739
- font-weight: normal;
4740
- }
4741
- }
4742
- .#{$item}.#{$item}-finish {
4743
- .#{$item}-container .#{$item}-content .#{$item}-title,
4744
- & .#{$item}-container:hover .#{$item}-content .#{$item}-title {
4745
- color: $text-neutral-tertiary;
4746
- }
4747
- }
4748
- .#{$item}.#{$item}-wait {
4749
- .#{$item}-container .#{$item}-content .#{$item}-title {
4750
- color: $text-neutral-primary;
4751
- }
4752
- }
4753
- .step-item-text {
4754
- display: inline-block;
4755
- }
4756
- .step-item-title {
4757
- overflow: hidden;
4758
- white-space: nowrap;
4759
- text-overflow: ellipsis;
4760
- }
4761
- }
4762
-
4763
- .E_hjvj6s6 {
4764
- $item: ant-steps-item;
4765
- @mixin rightTriangle($color: $fills-light-trans-1) {
4766
- content: "";
4767
- width: 0;
4768
- height: 0;
4769
- border: 13px solid transparent;
4770
- position: absolute;
4771
- top: 0;
4772
- border-left: 8px solid $color;
4773
- }
4774
- .#{$item}-container {
4775
- min-width: var(--item-min-width);
4776
- }
4777
- .#{$item}-disabled {
4778
- cursor: not-allowed !important;
4779
- }
4780
- .ant-steps-horizontal.ant-steps-label-horizontal {
4781
- flex-direction: row;
4782
- justify-content: stretch;
4783
- .#{$item} {
4784
- padding: 0;
4785
- margin-right: 4px;
4786
- flex: 1;
4787
- overflow: visible;
4788
- .#{$item}-content {
4789
- width: 100%;
4790
- min-height: unset;
4791
- .#{$item}-title {
4792
- height: 26px;
4793
- line-height: 26px;
4794
- width: 100%;
4795
- padding: 0;
4796
- font-size: 12px;
4797
- .step-count {
4798
- margin-right: 10px;
4799
- }
4800
- &::after {
4801
- display: none;
4814
+ text-align: $align-position;
4802
4815
  }
4803
4816
  }
4804
4817
  }
4805
- &:first-child {
4806
- .#{$item}-container {
4807
- padding-left: 8px;
4808
- padding-right: 4px;
4809
- border-radius: 4px 0 0 4px;
4810
- }
4818
+
4819
+ &.align-center {
4820
+ @include text-align-style(center);
4811
4821
  }
4812
- &:last-child {
4813
- margin-right: 0;
4814
- .#{$item}-container {
4815
- padding-right: 8px;
4816
- padding-left: 12px;
4817
- border-radius: 0 4px 4px 0;
4818
- }
4822
+ &.align-left {
4823
+ @include text-align-style(left);
4819
4824
  }
4820
- &:not(&:last-child) {
4821
- &::after {
4822
- @include rightTriangle();
4823
- z-index: 2;
4824
- position: relative;
4825
- top: -50%;
4826
- right: -100%;
4827
- }
4825
+ &.align-right {
4826
+ @include text-align-style(right);
4828
4827
  }
4829
- &:not(:first-child):not(:last-child) {
4830
- .#{$item}-container {
4831
- padding: 0 4px 0 12px;
4832
- }
4828
+
4829
+ &:not(:last-of-type) {
4830
+ margin-right: 8px;
4833
4831
  }
4834
- &:not(&:first-child) {
4835
- &::before {
4836
- @include rightTriangle(#fff);
4837
- left: 0;
4838
- }
4832
+ }
4833
+ .ant-list-item-action {
4834
+ padding: 4px;
4835
+ width: 24px;
4836
+ height: 24px;
4837
+ overflow: hidden;
4838
+ li {
4839
+ padding: 0;
4839
4840
  }
4840
4841
  }
4841
- .#{$item}-active {
4842
- max-width: calc(100% - var(--item-min-width) * 2);
4843
- .#{$item}-container {
4844
- background-color: $fills-light-general-general-light;
4842
+ .delete-row-icon.disabled {
4843
+ cursor: not-allowed;
4844
+ opacity: 0.5;
4845
+ }
4846
+ &.size-default {
4847
+ .ant-list-item-action {
4848
+ margin: 0;
4845
4849
  }
4846
- &::after {
4847
- border-left-color: $fills-light-general-general-light !important;
4850
+ .eagle-table-form-cell {
4851
+ .ant-input,
4852
+ .ant-select-selector {
4853
+ border-radius: 5px;
4854
+ font-size: 12px;
4855
+ }
4856
+ .ant-input-affix-wrapper {
4857
+ font-size: inherit;
4858
+ }
4859
+
4860
+ .ant-form-item-control-input {
4861
+ min-height: 24px;
4862
+ font-size: 12px;
4863
+ position: relative;
4864
+ }
4848
4865
  }
4849
4866
  }
4850
- .#{$item}-finish {
4851
- cursor: pointer;
4852
- min-width: var(--item-min-width);
4867
+ }
4868
+ &.row-split-by-border {
4869
+ .eagle-table-form-row {
4870
+ border-bottom: 1px solid $fills-light-trans-2;
4853
4871
  }
4854
- .#{$item}-wait,
4855
- .#{$item}-finish {
4856
- min-width: var(--item-min-width);
4857
- .#{$item}-container {
4858
- background-color: $fills-light-trans-1;
4872
+ }
4873
+ &.row-split-by-zebraMarking {
4874
+ .draggable-container {
4875
+ & > :nth-child(2n) {
4876
+ background-color: $fills-trans-primary-light;
4859
4877
  }
4860
4878
  }
4861
4879
  }
4862
- .ant-steps:not(.ant-steps-dot):not(.ant-steps-navigation):not(
4863
- .ant-steps-vertical
4864
- )
4865
- .#{$item} {
4866
- padding: 0;
4867
- }
4868
4880
  }
4869
4881
 
4870
- .E_v4tv3mf {
4871
- $item: ant-steps-item;
4872
- .ant-steps.ant-steps-vertical {
4873
- width: 192px;
4874
- row-gap: 2px;
4882
+ .E_a138syjm {
4883
+ display: flex;
4884
+ align-items: center;
4885
+ margin-top: 8px;
4886
+ gap: 8px;
4875
4887
 
4876
- .preview-mode:not(.#{$item}-active) .#{$item}-container {
4877
- &:hover {
4878
- background-color: $fill-neutral-trans-2;
4879
- }
4880
- .#{$item}-title {
4881
- color: $text-neutral-primary !important;
4882
- }
4883
- }
4884
- .#{$item}:not(.#{$item}-active):not(.#{$item}-disabled)
4885
- .#{$item}-container:hover {
4886
- background-color: $fill-neutral-trans-2;
4887
- }
4888
- .#{$item}-container {
4889
- padding: 0 8px;
4890
- border-radius: 4px;
4891
- height: 32px;
4892
- display: flex;
4893
- align-items: center;
4894
- .#{$item}-content {
4895
- min-height: auto;
4896
- white-space: nowrap;
4897
- & .ant-steps-item-title {
4898
- font-size: 13px;
4899
- line-height: 20px;
4900
- max-width: 100%;
4901
- padding-right: 0;
4902
- }
4903
- }
4904
- }
4905
- .#{$item}-active {
4906
- .ant-steps-item-container {
4907
- background: rgba($blue-60, 0.1);
4908
- }
4888
+ button.ant-btn {
4889
+ padding: 2px 8px;
4890
+ height: 24px;
4891
+ }
4892
+ & > span.maximum-desc {
4893
+ display: none;
4894
+ color: $text-secondary-light;
4895
+ &.disabled {
4896
+ display: inline;
4909
4897
  }
4910
4898
  }
4911
4899
  }
4912
4900
 
4913
- .E_h6l1tj4 {
4914
- width: 100%;
4915
- display: inline-flex;
4916
- align-items: center;
4917
- justify-content: center;
4918
- column-gap: 4px;
4919
- .step-item-prefix-container {
4920
- display: inline-flex;
4921
- align-items: center;
4922
- width: 18px;
4901
+ .E_d77i8u0 {
4902
+ width: 24px;
4903
+ height: 24px;
4904
+ padding: 4px;
4905
+ margin-right: 8px;
4906
+ }
4907
+
4908
+
4909
+ .E_i1g85yz3 {
4910
+ margin-right: 4px;
4911
+ height: 16px;
4912
+ }
4913
+
4914
+
4915
+ .E_slr2ynn {
4916
+ padding: 0 8px;
4923
4917
  height: 18px;
4924
- color: $gray-a75-8;
4925
- justify-content: center;
4926
4918
  }
4919
+
4920
+ .E_m140wbb6 {
4921
+ padding: 2px 8px;
4922
+ height: 24px;
4923
+ }
4924
+
4925
+ .E_t1fozc1i {
4926
+ margin: 0;
4927
4927
  }
4928
4928
 
4929
- .E_v18frne8 {
4930
- width: 100%;
4931
- display: flex;
4932
- align-items: center;
4933
- justify-content: center;
4934
- column-gap: 6px;
4935
- font-size: 13px;
4936
- .step-item-prefix-container {
4937
- display: inline-flex;
4938
- align-items: center;
4939
- min-width: 20px;
4940
- min-height: 20px;
4941
- color: $gray-a75-8;
4942
- justify-content: center;
4929
+ .E_i1vxv4ln {
4930
+ margin-right: 4px;
4931
+ height: 16px;
4932
+ }
4933
+
4934
+ .E_n1afl31m {
4935
+ &.ant-tag.ant-tag-gray {
4936
+ font-weight: 700;
4937
+ color: $text-neutral-primary;
4938
+ background-color: $fill-neutral-trans-1;
4939
+ border: 1px solid $stroke-neutral-trans-2;
4940
+ word-break: break-all;
4941
+ display: inline;
4942
+ white-space: normal;
4943
4943
  }
4944
4944
  }
4945
4945
 
@@ -5531,6 +5531,11 @@
5531
5531
  }
5532
5532
 
5533
5533
 
5534
+ .E_b1jaupqb {
5535
+ color: #F0483E;
5536
+ }
5537
+
5538
+
5534
5539
  .E_t59qhqp {
5535
5540
  padding: 0px;
5536
5541
  padding-top: 5px;
@@ -5586,11 +5591,6 @@
5586
5591
  }
5587
5592
 
5588
5593
 
5589
- .E_b1jaupqb {
5590
- color: #F0483E;
5591
- }
5592
-
5593
-
5594
5594
  .E_icab5o7 {
5595
5595
  --modal-to-viewport-margin: 10px;
5596
5596
  --modal-body-padding-bottom: 40px;
@@ -5788,13 +5788,46 @@
5788
5788
  flex-shrink: 0;
5789
5789
  }
5790
5790
 
5791
- .E_eb58k2y {
5792
- align-self: flex-start;
5793
- margin-top: 5px;
5794
- }
5791
+ .E_eb58k2y {
5792
+ align-self: flex-start;
5793
+ margin-top: 5px;
5794
+ }
5795
+
5796
+ .E_c1bad0d {
5797
+ font-weight: bold;
5798
+ }
5799
+
5800
+
5801
+ .E_s20iney {
5802
+ &.skeleton-box {
5803
+ display: flex;
5804
+ align-items: center;
5805
+ justify-content: center;
5806
+ position: relative;
5807
+ border-radius: 2px;
5808
+ background: #E1E6F199;
5809
+ overflow: hidden;
5810
+
5811
+ & > .skeleton-shimmer {
5812
+ width: 200%;
5813
+ height: 200%;
5814
+ transform: rotate(15deg);
5815
+ position: absolute;
5816
+ top: -50%;
5817
+ flex-shrink: 0;
5818
+ opacity: 0.8;
5819
+ background: linear-gradient(
5820
+ 90deg,
5821
+ rgba(255, 255, 255, 0) 15%,
5822
+ #FFFFFF99 50%,
5823
+ rgba(255, 255, 255, 0) 85%
5824
+ );
5825
+
5826
+ animation: shimmer 1100ms infinite;
5827
+ }
5795
5828
 
5796
- .E_c1bad0d {
5797
- font-weight: bold;
5829
+ @keyframes shimmer { from { left: -120%; } to { left: 100%; } }
5830
+ }
5798
5831
  }
5799
5832
 
5800
5833
 
@@ -5941,39 +5974,6 @@
5941
5974
  }
5942
5975
 
5943
5976
 
5944
- .E_s20iney {
5945
- &.skeleton-box {
5946
- display: flex;
5947
- align-items: center;
5948
- justify-content: center;
5949
- position: relative;
5950
- border-radius: 2px;
5951
- background: #E1E6F199;
5952
- overflow: hidden;
5953
-
5954
- & > .skeleton-shimmer {
5955
- width: 200%;
5956
- height: 200%;
5957
- transform: rotate(15deg);
5958
- position: absolute;
5959
- top: -50%;
5960
- flex-shrink: 0;
5961
- opacity: 0.8;
5962
- background: linear-gradient(
5963
- 90deg,
5964
- rgba(255, 255, 255, 0) 15%,
5965
- #FFFFFF99 50%,
5966
- rgba(255, 255, 255, 0) 85%
5967
- );
5968
-
5969
- animation: shimmer 1100ms infinite;
5970
- }
5971
-
5972
- @keyframes shimmer { from { left: -120%; } to { left: 100%; } }
5973
- }
5974
- }
5975
-
5976
-
5977
5977
  .E_sqv6dmy {
5978
5978
  display: flex;
5979
5979
  justify-content: flex-end;
@@ -6163,6 +6163,15 @@
6163
6163
  }
6164
6164
 
6165
6165
 
6166
+ .E_tqjc4ui {
6167
+ @at-root {
6168
+ span#{&} {
6169
+ margin: 0 2px;
6170
+ }
6171
+ }
6172
+ }
6173
+
6174
+
6166
6175
  .E_s1ebs0ra {
6167
6176
  display: flex;
6168
6177
  align-items: center;
@@ -6230,57 +6239,166 @@
6230
6239
  }
6231
6240
 
6232
6241
 
6233
- .E_c18bcrac {
6234
- display: inline-block;
6235
- width: 100%;
6236
- .recharts-wrapper {
6237
- margin-left: 4px;
6242
+ .E_c1up1pdz {
6243
+ width: 648px;
6244
+
6245
+ &.active {
6246
+ border-color: $blue-60;
6247
+
6248
+ > header {
6249
+ background: rgba($blue-60, 0.1);
6250
+ }
6238
6251
  }
6239
- }
6240
6252
 
6241
- .E_cro7kg2 {
6242
- padding: 4px;
6253
+ .expand {
6254
+ padding: 12px;
6255
+ }
6243
6256
 
6244
- .unit {
6245
- color: white;
6257
+ .field-item {
6258
+ display: flex;
6259
+ padding: 10px 0;
6260
+ border-bottom: 1px solid rgba(213, 219, 227, 0.6);
6261
+
6262
+ &:last-child {
6263
+ border-bottom: none;
6264
+ padding-bottom: 0;
6265
+ }
6266
+
6267
+ label {
6268
+ line-height: 32px;
6269
+ width: 100px;
6270
+ color: rgba(62, 70, 82, 0.6);
6271
+ }
6272
+ }
6273
+
6274
+ .help {
6275
+ color: rgba(62, 70, 82, 0.6);
6276
+ margin-top: 5px;
6277
+ }
6278
+
6279
+ .ant-input-affix-wrapper,
6280
+ .ant-picker {
6281
+ width: 128px;
6246
6282
  }
6247
6283
  }
6248
6284
 
6249
- .E_c14wcxf0 {
6285
+ .E_c156wh19 {
6250
6286
  display: flex;
6251
- justify-content: space-between;
6252
6287
  align-items: center;
6253
- font-size: 13px;
6254
- line-height: 24px;
6255
- color: #cccccc;
6256
- white-space: nowrap;
6288
+ justify-content: space-between;
6289
+ word-break: keep-all;
6257
6290
 
6258
- label {
6259
- margin-right: 32px;
6291
+ .title {
6292
+ margin: 0 16px 0 8px;
6260
6293
  }
6261
- }
6262
6294
 
6263
- .E_coy29mj.E_c14wcxf0 {
6264
- font-weight: bold;
6265
- color: white;
6295
+ .retain {
6296
+ color: rgba(129, 138, 153, 0.6);
6297
+ }
6298
+
6299
+ div.left {
6300
+ flex: 1;
6301
+ display: flex;
6302
+ overflow: hidden;
6303
+ align-items: center;
6304
+ justify-content: flex-start;
6305
+ white-space: nowrap;
6306
+
6307
+ .title {
6308
+ max-width: 100%;
6309
+ overflow: hidden;
6310
+ text-overflow: ellipsis;
6311
+ }
6312
+ }
6313
+
6314
+ div.right {
6315
+ display: flex;
6316
+ align-items: center;
6317
+ }
6318
+
6319
+ .reverse {
6320
+ display: flex;
6321
+ flex-direction: row-reverse;
6322
+ align-items: center;
6323
+
6324
+ .ant-switch {
6325
+ margin-left: 8px;
6326
+ }
6327
+ }
6328
+
6329
+ .close {
6330
+ padding-left: 14px;
6331
+ margin-left: 14px;
6332
+ border-left: 1px solid rgba(129, 138, 153, 0.6);
6333
+ cursor: pointer;
6334
+ }
6266
6335
  }
6267
6336
 
6268
- .E_s11212zy {
6269
- width: 8px;
6270
- height: 8px;
6271
- border-radius: 2px;
6272
- display: inline-block;
6273
- background: var(--s11212zy-0);
6274
- border: 1px solid $fills-light-white;
6275
- box-sizing: content-box;
6276
- margin-right: 6px;
6337
+ .E_m126spxy {
6338
+ .ant-btn.ant-btn-link {
6339
+ padding: 1px 10px;
6340
+ color: rgba(62, 70, 82, 0.6);
6341
+ border-radius: 4px;
6342
+
6343
+ &.active {
6344
+ background: rgba(0, 128, 255, 0.1);
6345
+ color: $blue;
6346
+ }
6347
+ }
6348
+
6349
+ padding-bottom: 4px;
6350
+ border-bottom: 1px solid rgba(213, 219, 227, 0.6);
6277
6351
  }
6278
6352
 
6279
- .E_p1lyky6c {
6280
- & > :first-child {
6281
- font-weight: bold;
6282
- color: white;
6283
- margin-right: 4px;
6353
+ .E_wpbf4pq {
6354
+ padding: 10px 0;
6355
+ border-bottom: 1px solid rgba(213, 219, 227, 0.6);
6356
+
6357
+ .ant-input,
6358
+ .ant-picker {
6359
+ width: 80px;
6360
+ margin: 0 9px;
6361
+ text-align: center;
6362
+ }
6363
+
6364
+ .options {
6365
+ padding: 12px 0 12px 16px;
6366
+ border-left: 2px solid rgba(129, 138, 153, 0.6);
6367
+ margin: 5px 0 5px 8px;
6368
+ }
6369
+ .week-day-option,
6370
+ .month-day-option {
6371
+ background: #f5f7fa;
6372
+ box-sizing: border-box;
6373
+ border-radius: 16px;
6374
+ margin-right: 8px;
6375
+
6376
+ &:focus {
6377
+ color: inherit;
6378
+ border-color: #d9d9d9;
6379
+ }
6380
+ }
6381
+ .week-day-option {
6382
+ &.active {
6383
+ background-color: $blue;
6384
+ border-color: $blue;
6385
+ color: $white;
6386
+ }
6387
+ &.en-text {
6388
+ width: 110px;
6389
+ margin-top: 4px;
6390
+ }
6391
+ }
6392
+ .month-day-option {
6393
+ width: 32px;
6394
+ padding: 0;
6395
+ margin-bottom: 8px;
6396
+
6397
+ &.active {
6398
+ background-color: $blue;
6399
+ border-color: $blue;
6400
+ color: $white;
6401
+ }
6284
6402
  }
6285
6403
  }
6286
6404
 
@@ -6300,31 +6418,9 @@
6300
6418
  margin: 0 3px;
6301
6419
  }
6302
6420
 
6303
- .E_tcckoz1 {
6304
- max-height: 400px;
6305
- overflow: auto;
6306
- }
6307
-
6308
-
6309
- .E_gmyahx3 {
6310
- cursor: pointer;
6311
-
6312
- .link-text {
6313
- color: $text-light-tertiary;
6314
- }
6315
-
6316
- &:hover .link-text {
6317
- color: $text-light-general;
6318
- }
6319
- }
6320
-
6321
-
6322
- .E_tqjc4ui {
6323
- @at-root {
6324
- span#{&} {
6325
- margin: 0 2px;
6326
- }
6327
- }
6421
+ .E_tcckoz1 {
6422
+ max-height: 400px;
6423
+ overflow: auto;
6328
6424
  }
6329
6425
 
6330
6426
 
@@ -6438,62 +6534,6 @@
6438
6534
  }
6439
6535
 
6440
6536
 
6441
- .E_wg1tsps {
6442
- display: flex;
6443
- align-items: center;
6444
- justify-content: flex-end;
6445
- }
6446
-
6447
- .E_b1ctd5xy {
6448
- display: flex;
6449
- align-items: center;
6450
- width: calc(100% - 40px);
6451
-
6452
- .chart {
6453
- display: inline-block;
6454
- width: 100%;
6455
- }
6456
- }
6457
-
6458
- .E_u1p8acpn {
6459
- min-width: 40px;
6460
-
6461
- .unit {
6462
- color: $text-light-primary !important;
6463
- }
6464
- }
6465
-
6466
-
6467
- .E_ou7iq30 {
6468
- overflow: hidden;
6469
- text-overflow: ellipsis;
6470
- }
6471
-
6472
- .E_s1tui002 {
6473
- white-space: nowrap;
6474
- }
6475
-
6476
- .E_mxrc2zg {
6477
- display: -webkit-box;
6478
- -webkit-line-clamp: var(--mxrc2zg-0);
6479
- -webkit-box-orient: vertical;
6480
- word-break: break-all;
6481
- }
6482
-
6483
- .E_t1vv6d68 {
6484
- .ant-tooltip-arrow {
6485
- display: none;
6486
- }
6487
- .ant-tooltip-inner {
6488
- background: $gray-a80-9;
6489
- border-radius: 4px;
6490
- &:has(.eagle-ellipsis-content) {
6491
- visibility: hidden;
6492
- }
6493
- }
6494
- }
6495
-
6496
-
6497
6537
  .E_t1sqg15u {
6498
6538
  background: white;
6499
6539
 
@@ -6606,305 +6646,126 @@
6606
6646
  }
6607
6647
 
6608
6648
 
6609
- .E_c1up1pdz {
6610
- width: 648px;
6611
-
6612
- &.active {
6613
- border-color: $blue-60;
6614
-
6615
- > header {
6616
- background: rgba($blue-60, 0.1);
6617
- }
6618
- }
6619
-
6620
- .expand {
6621
- padding: 12px;
6622
- }
6623
-
6624
- .field-item {
6625
- display: flex;
6626
- padding: 10px 0;
6627
- border-bottom: 1px solid rgba(213, 219, 227, 0.6);
6628
-
6629
- &:last-child {
6630
- border-bottom: none;
6631
- padding-bottom: 0;
6632
- }
6633
-
6634
- label {
6635
- line-height: 32px;
6636
- width: 100px;
6637
- color: rgba(62, 70, 82, 0.6);
6638
- }
6639
- }
6640
-
6641
- .help {
6642
- color: rgba(62, 70, 82, 0.6);
6643
- margin-top: 5px;
6644
- }
6645
-
6646
- .ant-input-affix-wrapper,
6647
- .ant-picker {
6648
- width: 128px;
6649
- }
6650
- }
6651
-
6652
- .E_c156wh19 {
6653
- display: flex;
6654
- align-items: center;
6655
- justify-content: space-between;
6656
- word-break: keep-all;
6657
-
6658
- .title {
6659
- margin: 0 16px 0 8px;
6660
- }
6661
-
6662
- .retain {
6663
- color: rgba(129, 138, 153, 0.6);
6664
- }
6665
-
6666
- div.left {
6667
- flex: 1;
6668
- display: flex;
6669
- overflow: hidden;
6670
- align-items: center;
6671
- justify-content: flex-start;
6672
- white-space: nowrap;
6673
-
6674
- .title {
6675
- max-width: 100%;
6676
- overflow: hidden;
6677
- text-overflow: ellipsis;
6678
- }
6679
- }
6680
-
6681
- div.right {
6682
- display: flex;
6683
- align-items: center;
6684
- }
6685
-
6686
- .reverse {
6687
- display: flex;
6688
- flex-direction: row-reverse;
6689
- align-items: center;
6690
-
6691
- .ant-switch {
6692
- margin-left: 8px;
6693
- }
6694
- }
6695
-
6696
- .close {
6697
- padding-left: 14px;
6698
- margin-left: 14px;
6699
- border-left: 1px solid rgba(129, 138, 153, 0.6);
6700
- cursor: pointer;
6701
- }
6702
- }
6703
-
6704
- .E_m126spxy {
6705
- .ant-btn.ant-btn-link {
6706
- padding: 1px 10px;
6707
- color: rgba(62, 70, 82, 0.6);
6708
- border-radius: 4px;
6709
-
6710
- &.active {
6711
- background: rgba(0, 128, 255, 0.1);
6712
- color: $blue;
6713
- }
6714
- }
6715
-
6716
- padding-bottom: 4px;
6717
- border-bottom: 1px solid rgba(213, 219, 227, 0.6);
6718
- }
6719
-
6720
- .E_wpbf4pq {
6721
- padding: 10px 0;
6722
- border-bottom: 1px solid rgba(213, 219, 227, 0.6);
6723
-
6724
- .ant-input,
6725
- .ant-picker {
6726
- width: 80px;
6727
- margin: 0 9px;
6728
- text-align: center;
6729
- }
6730
-
6731
- .options {
6732
- padding: 12px 0 12px 16px;
6733
- border-left: 2px solid rgba(129, 138, 153, 0.6);
6734
- margin: 5px 0 5px 8px;
6735
- }
6736
- .week-day-option,
6737
- .month-day-option {
6738
- background: #f5f7fa;
6739
- box-sizing: border-box;
6740
- border-radius: 16px;
6741
- margin-right: 8px;
6742
-
6743
- &:focus {
6744
- color: inherit;
6745
- border-color: #d9d9d9;
6746
- }
6747
- }
6748
- .week-day-option {
6749
- &.active {
6750
- background-color: $blue;
6751
- border-color: $blue;
6752
- color: $white;
6753
- }
6754
- &.en-text {
6755
- width: 110px;
6756
- margin-top: 4px;
6757
- }
6758
- }
6759
- .month-day-option {
6760
- width: 32px;
6761
- padding: 0;
6762
- margin-bottom: 8px;
6763
-
6764
- &.active {
6765
- background-color: $blue;
6766
- border-color: $blue;
6767
- color: $white;
6768
- }
6769
- }
6770
- }
6771
-
6772
-
6773
- .E_s1at6qmn {
6774
- &.ant-layout-sider {
6775
- background: $backgrounds-light-grouped;
6776
- padding: 32px 8px;
6777
- overflow: auto;
6778
- }
6779
-
6780
- .ant-layout-sider-children {
6781
- display: flex;
6782
- flex-direction: column;
6783
- justify-content: space-between;
6784
- }
6785
-
6786
- footer {
6787
- display: flex;
6788
- }
6789
-
6790
- .ant-menu {
6791
- background: $backgrounds-light-grouped;
6792
- a {
6793
- color: $text-light-primary;
6794
- width: 180px;
6795
- overflow: hidden;
6796
- text-overflow: ellipsis;
6797
- }
6798
- }
6649
+ .E_gmyahx3 {
6650
+ cursor: pointer;
6799
6651
 
6800
- .ant-menu-vertical {
6801
- margin-bottom: 24px;
6652
+ .link-text {
6653
+ color: $text-light-tertiary;
6654
+ }
6802
6655
 
6803
- .ant-menu-item-group {
6804
- .ant-menu-item {
6805
- margin: 0;
6806
- }
6807
- .ant-menu-item-group-title {
6808
- font-size: 12px;
6809
- padding: 0 8px 4px;
6810
- line-height: 18px;
6656
+ &:hover .link-text {
6657
+ color: $text-light-general;
6658
+ }
6659
+ }
6811
6660
 
6812
- &:empty {
6813
- padding: 0;
6814
- }
6815
- }
6816
- &:not(:last-child) {
6817
- padding-bottom: 24px;
6818
- &.split {
6819
- margin-bottom: 24px;
6820
- border-bottom: 1px solid rgba(211, 218, 235, 0.6);
6821
- }
6822
- }
6823
- }
6824
6661
 
6825
- .ant-menu-item {
6826
- transition: none;
6827
- display: flex;
6828
- align-items: center;
6829
- height: 32px;
6830
- line-height: 22px;
6831
- padding: 0 8px;
6662
+ .E_c18bcrac {
6663
+ display: inline-block;
6664
+ width: 100%;
6665
+ .recharts-wrapper {
6666
+ margin-left: 4px;
6667
+ }
6668
+ }
6832
6669
 
6833
- > .icon-wrapper {
6834
- margin-right: 12px;
6835
- }
6670
+ .E_cro7kg2 {
6671
+ padding: 4px;
6836
6672
 
6837
- &:not(:last-child) {
6838
- margin: 0;
6839
- margin-bottom: 2px;
6840
- }
6841
- &.ant-menu-item-selected {
6842
- background: $background-selected;
6843
- box-shadow: $box-shadow-light-selected;
6844
- border-radius: 6px;
6845
- color: $text-light-on-tint;
6846
- a {
6847
- color: $text-light-on-tint;
6848
- }
6849
- }
6850
- &:not(.ant-menu-item-selected) {
6851
- &.ant-menu-item:hover,
6852
- &.ant-menu-item-active {
6853
- background: $background-onhover;
6854
- box-shadow: $box-shadow-light-onhover;
6855
- border-radius: 6px;
6856
- }
6857
- }
6858
- }
6673
+ .unit {
6674
+ color: white;
6859
6675
  }
6860
6676
  }
6861
6677
 
6862
- .E_s1wu0lms {
6863
- .ant-menu-item-group-title {
6864
- white-space: nowrap;
6865
- transition: all 0s;
6678
+ .E_c14wcxf0 {
6679
+ display: flex;
6680
+ justify-content: space-between;
6681
+ align-items: center;
6682
+ font-size: 13px;
6683
+ line-height: 24px;
6684
+ color: #cccccc;
6685
+ white-space: nowrap;
6686
+
6687
+ label {
6688
+ margin-right: 32px;
6866
6689
  }
6690
+ }
6867
6691
 
6868
- &.shrink {
6869
- transition: all 0s;
6870
- overflow: hidden;
6692
+ .E_coy29mj.E_c14wcxf0 {
6693
+ font-weight: bold;
6694
+ color: white;
6695
+ }
6871
6696
 
6872
- .ant-menu-item-group-title {
6873
- visibility: hidden;
6874
- }
6697
+ .E_s11212zy {
6698
+ width: 8px;
6699
+ height: 8px;
6700
+ border-radius: 2px;
6701
+ display: inline-block;
6702
+ background: var(--s11212zy-0);
6703
+ border: 1px solid $fills-light-white;
6704
+ box-sizing: content-box;
6705
+ margin-right: 6px;
6706
+ }
6875
6707
 
6876
- .ant-menu-item {
6877
- width: 36px;
6878
- padding: 0 6px;
6879
- }
6708
+ .E_p1lyky6c {
6709
+ & > :first-child {
6710
+ font-weight: bold;
6711
+ color: white;
6712
+ margin-right: 4px;
6880
6713
  }
6881
6714
  }
6882
6715
 
6883
- .E_n1ugzfva {
6716
+
6717
+ .E_wg1tsps {
6884
6718
  display: flex;
6885
- place-items: center;
6886
- width: 100% !important;
6719
+ align-items: center;
6720
+ justify-content: flex-end;
6721
+ }
6887
6722
 
6888
- &[disabled] {
6889
- color: rgba(0, 0, 0, 0.25) !important;
6890
- opacity: 1 !important;
6891
- }
6723
+ .E_b1ctd5xy {
6724
+ display: flex;
6725
+ align-items: center;
6726
+ width: calc(100% - 40px);
6892
6727
 
6893
- &.ant-btn {
6728
+ .chart {
6729
+ display: inline-block;
6894
6730
  width: 100%;
6895
- color: $text-light-primary;
6896
6731
  }
6732
+ }
6897
6733
 
6898
- .icon-wrapper {
6899
- margin-right: 12px;
6734
+ .E_u1p8acpn {
6735
+ min-width: 40px;
6736
+
6737
+ .unit {
6738
+ color: $text-light-primary !important;
6900
6739
  }
6740
+ }
6901
6741
 
6902
- .link-title {
6903
- flex: 1;
6904
- overflow: hidden;
6905
- white-space: nowrap;
6906
- text-overflow: ellipsis;
6907
- text-align: left;
6742
+
6743
+ .E_ou7iq30 {
6744
+ overflow: hidden;
6745
+ text-overflow: ellipsis;
6746
+ }
6747
+
6748
+ .E_s1tui002 {
6749
+ white-space: nowrap;
6750
+ }
6751
+
6752
+ .E_mxrc2zg {
6753
+ display: -webkit-box;
6754
+ -webkit-line-clamp: var(--mxrc2zg-0);
6755
+ -webkit-box-orient: vertical;
6756
+ word-break: break-all;
6757
+ }
6758
+
6759
+ .E_t1vv6d68 {
6760
+ .ant-tooltip-arrow {
6761
+ display: none;
6762
+ }
6763
+ .ant-tooltip-inner {
6764
+ background: $gray-a80-9;
6765
+ border-radius: 4px;
6766
+ &:has(.eagle-ellipsis-content) {
6767
+ visibility: hidden;
6768
+ }
6908
6769
  }
6909
6770
  }
6910
6771
 
@@ -7173,114 +7034,179 @@
7173
7034
  text-overflow: ellipsis;
7174
7035
  white-space: nowrap;
7175
7036
 
7176
- &:not(:first-child) {
7177
- &::before {
7178
- content: " ";
7179
- height: 1px;
7180
- width: calc(100% + 10px);
7181
- background: $strokes-translucent-1-light;
7182
- display: block;
7037
+ &:not(:first-child) {
7038
+ &::before {
7039
+ content: " ";
7040
+ height: 1px;
7041
+ width: calc(100% + 10px);
7042
+ background: $strokes-translucent-1-light;
7043
+ display: block;
7044
+ }
7045
+ }
7046
+
7047
+ &.ant-dropdown-menu-item-selected {
7048
+ color: $blue-60;
7049
+ background: transparent;
7050
+ }
7051
+ }
7052
+ }
7053
+ }
7054
+
7055
+
7056
+ .E_u15heuvq {
7057
+ &.content {
7058
+ cursor: default !important;
7059
+ &.link {
7060
+ cursor: pointer !important;
7061
+ &:hover {
7062
+ color: $text-colorful-outstanding;
7063
+ }
7064
+ }
7065
+ &.black {
7066
+ color: $text-neutral-primary;
7067
+ }
7068
+ &.gray {
7069
+ color: $text-neutral-secondary;
7070
+ }
7071
+ }
7072
+ }
7073
+
7074
+
7075
+ .E_s1at6qmn {
7076
+ &.ant-layout-sider {
7077
+ background: $backgrounds-light-grouped;
7078
+ padding: 32px 8px;
7079
+ overflow: auto;
7080
+ }
7081
+
7082
+ .ant-layout-sider-children {
7083
+ display: flex;
7084
+ flex-direction: column;
7085
+ justify-content: space-between;
7086
+ }
7087
+
7088
+ footer {
7089
+ display: flex;
7090
+ }
7091
+
7092
+ .ant-menu {
7093
+ background: $backgrounds-light-grouped;
7094
+ a {
7095
+ color: $text-light-primary;
7096
+ width: 180px;
7097
+ overflow: hidden;
7098
+ text-overflow: ellipsis;
7099
+ }
7100
+ }
7101
+
7102
+ .ant-menu-vertical {
7103
+ margin-bottom: 24px;
7104
+
7105
+ .ant-menu-item-group {
7106
+ .ant-menu-item {
7107
+ margin: 0;
7108
+ }
7109
+ .ant-menu-item-group-title {
7110
+ font-size: 12px;
7111
+ padding: 0 8px 4px;
7112
+ line-height: 18px;
7113
+
7114
+ &:empty {
7115
+ padding: 0;
7183
7116
  }
7184
7117
  }
7185
-
7186
- &.ant-dropdown-menu-item-selected {
7187
- color: $blue-60;
7188
- background: transparent;
7118
+ &:not(:last-child) {
7119
+ padding-bottom: 24px;
7120
+ &.split {
7121
+ margin-bottom: 24px;
7122
+ border-bottom: 1px solid rgba(211, 218, 235, 0.6);
7123
+ }
7189
7124
  }
7190
7125
  }
7191
- }
7192
- }
7193
7126
 
7127
+ .ant-menu-item {
7128
+ transition: none;
7129
+ display: flex;
7130
+ align-items: center;
7131
+ height: 32px;
7132
+ line-height: 22px;
7133
+ padding: 0 8px;
7194
7134
 
7195
- .E_u15heuvq {
7196
- &.content {
7197
- cursor: default !important;
7198
- &.link {
7199
- cursor: pointer !important;
7200
- &:hover {
7201
- color: $text-colorful-outstanding;
7135
+ > .icon-wrapper {
7136
+ margin-right: 12px;
7137
+ }
7138
+
7139
+ &:not(:last-child) {
7140
+ margin: 0;
7141
+ margin-bottom: 2px;
7142
+ }
7143
+ &.ant-menu-item-selected {
7144
+ background: $background-selected;
7145
+ box-shadow: $box-shadow-light-selected;
7146
+ border-radius: 6px;
7147
+ color: $text-light-on-tint;
7148
+ a {
7149
+ color: $text-light-on-tint;
7150
+ }
7151
+ }
7152
+ &:not(.ant-menu-item-selected) {
7153
+ &.ant-menu-item:hover,
7154
+ &.ant-menu-item-active {
7155
+ background: $background-onhover;
7156
+ box-shadow: $box-shadow-light-onhover;
7157
+ border-radius: 6px;
7158
+ }
7202
7159
  }
7203
- }
7204
- &.black {
7205
- color: $text-neutral-primary;
7206
- }
7207
- &.gray {
7208
- color: $text-neutral-secondary;
7209
7160
  }
7210
7161
  }
7211
7162
  }
7212
7163
 
7213
-
7214
- .E_kr6am0s {
7215
- .ant-modal-body {
7216
- padding: 60px 128px;
7164
+ .E_s1wu0lms {
7165
+ .ant-menu-item-group-title {
7166
+ white-space: nowrap;
7167
+ transition: all 0s;
7217
7168
  }
7218
- }
7219
-
7220
- .E_k1h3cl5q {
7221
- display: flex;
7222
- flex-direction: column;
7223
- height: 100%;
7224
- }
7225
7169
 
7226
- .E_k1a6j97w {
7227
- color: $gray-120;
7228
- font-size: 32px !important;
7229
- margin-bottom: 16px;
7230
- }
7170
+ &.shrink {
7171
+ transition: all 0s;
7172
+ overflow: hidden;
7231
7173
 
7232
- .E_k1uim1fg {
7233
- margin-bottom: 32px;
7234
- color: $gray-120;
7235
- }
7174
+ .ant-menu-item-group-title {
7175
+ visibility: hidden;
7176
+ }
7236
7177
 
7237
- .E_kobelzt {
7238
- font-family:
7239
- Roboto Mono,
7240
- SFMono-Regular,
7241
- SF Mono,
7242
- Menlo,
7243
- Consolas,
7244
- Liberation Mono,
7245
- monospace;
7246
- min-height: 0;
7247
- flex: 1;
7248
- padding: 16px;
7249
- background-color: $gray-80;
7250
- color: $white;
7251
- overflow: auto;
7252
- max-width: 100%;
7253
- min-height: 0;
7254
- border-radius: 8px;
7255
- white-space: pre-wrap;
7178
+ .ant-menu-item {
7179
+ width: 36px;
7180
+ padding: 0 6px;
7181
+ }
7182
+ }
7256
7183
  }
7257
7184
 
7258
- .E_kxzv3id {
7259
- width: 100%;
7185
+ .E_n1ugzfva {
7260
7186
  display: flex;
7261
- justify-content: space-between;
7262
- padding: 0 128px;
7263
- }
7187
+ place-items: center;
7188
+ width: 100% !important;
7264
7189
 
7265
- .E_eld9lt {
7266
- display: flex;
7267
- flex-direction: column;
7268
- justify-content: center;
7269
- align-items: center;
7270
- height: 100%;
7271
- }
7190
+ &[disabled] {
7191
+ color: rgba(0, 0, 0, 0.25) !important;
7192
+ opacity: 1 !important;
7193
+ }
7272
7194
 
7273
- .E_e1505fqc {
7274
- display: flex;
7275
- flex-direction: column;
7276
- align-items: center;
7195
+ &.ant-btn {
7196
+ width: 100%;
7197
+ color: $text-light-primary;
7198
+ }
7277
7199
 
7278
- .title {
7279
- margin-bottom: 8px;
7280
- background-clip: text;
7281
- -webkit-background-clip: text;
7282
- -webkit-text-fill-color: transparent;
7283
- background-image: linear-gradient(211.41deg, #929dad 0%, #d3dbe3 100%);
7200
+ .icon-wrapper {
7201
+ margin-right: 12px;
7202
+ }
7203
+
7204
+ .link-title {
7205
+ flex: 1;
7206
+ overflow: hidden;
7207
+ white-space: nowrap;
7208
+ text-overflow: ellipsis;
7209
+ text-align: left;
7284
7210
  }
7285
7211
  }
7286
7212
 
@@ -7329,6 +7255,13 @@
7329
7255
  }
7330
7256
 
7331
7257
 
7258
+ .E_h1ol2wl7 {
7259
+ font-weight: bold;
7260
+ background-color: unset;
7261
+ padding: unset;
7262
+ }
7263
+
7264
+
7332
7265
  .E_cyms3br {
7333
7266
  background: #fff;
7334
7267
  width: 100%;
@@ -7393,20 +7326,77 @@
7393
7326
  }
7394
7327
 
7395
7328
 
7396
- .E_h1ol2wl7 {
7397
- font-weight: bold;
7398
- background-color: unset;
7399
- padding: unset;
7329
+ .E_kr6am0s {
7330
+ .ant-modal-body {
7331
+ padding: 60px 128px;
7332
+ }
7400
7333
  }
7401
7334
 
7335
+ .E_k1h3cl5q {
7336
+ display: flex;
7337
+ flex-direction: column;
7338
+ height: 100%;
7339
+ }
7402
7340
 
7403
- .E_cevhqx7 {
7404
- color: $text-light-primary;
7341
+ .E_k1a6j97w {
7342
+ color: $gray-120;
7343
+ font-size: 32px !important;
7344
+ margin-bottom: 16px;
7405
7345
  }
7406
7346
 
7407
- .E_snbqlt4 {
7408
- margin-top: 8px;
7409
- color: $text-light-secondary;
7347
+ .E_k1uim1fg {
7348
+ margin-bottom: 32px;
7349
+ color: $gray-120;
7350
+ }
7351
+
7352
+ .E_kobelzt {
7353
+ font-family:
7354
+ Roboto Mono,
7355
+ SFMono-Regular,
7356
+ SF Mono,
7357
+ Menlo,
7358
+ Consolas,
7359
+ Liberation Mono,
7360
+ monospace;
7361
+ min-height: 0;
7362
+ flex: 1;
7363
+ padding: 16px;
7364
+ background-color: $gray-80;
7365
+ color: $white;
7366
+ overflow: auto;
7367
+ max-width: 100%;
7368
+ min-height: 0;
7369
+ border-radius: 8px;
7370
+ white-space: pre-wrap;
7371
+ }
7372
+
7373
+ .E_kxzv3id {
7374
+ width: 100%;
7375
+ display: flex;
7376
+ justify-content: space-between;
7377
+ padding: 0 128px;
7378
+ }
7379
+
7380
+ .E_eld9lt {
7381
+ display: flex;
7382
+ flex-direction: column;
7383
+ justify-content: center;
7384
+ align-items: center;
7385
+ height: 100%;
7386
+ }
7387
+
7388
+ .E_e1505fqc {
7389
+ display: flex;
7390
+ flex-direction: column;
7391
+ align-items: center;
7392
+
7393
+ .title {
7394
+ margin-bottom: 8px;
7395
+ background-clip: text;
7396
+ -webkit-background-clip: text;
7397
+ -webkit-text-fill-color: transparent;
7398
+ background-image: linear-gradient(211.41deg, #929dad 0%, #d3dbe3 100%);
7399
+ }
7410
7400
  }
7411
7401
 
7412
7402
 
@@ -7518,6 +7508,16 @@
7518
7508
  }
7519
7509
 
7520
7510
 
7511
+ .E_cevhqx7 {
7512
+ color: $text-light-primary;
7513
+ }
7514
+
7515
+ .E_snbqlt4 {
7516
+ margin-top: 8px;
7517
+ color: $text-light-secondary;
7518
+ }
7519
+
7520
+
7521
7521
  .E_c1kchka8 {
7522
7522
  height: 100%;
7523
7523
  width: 100%;