@cloudtower/eagle 0.34.28 → 0.34.30

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,56 @@
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
+
26
+ .E_c18gxmrl {
27
+ border: 1px solid $gray-40;
28
+ border-radius: 4px;
29
+
30
+ & + & {
31
+ margin-top: 8px;
32
+ }
33
+
34
+ &:hover {
35
+ border-color: $blue-60;
36
+
37
+ > header {
38
+ background: rgba($blue-60, 0.1);
39
+ }
40
+ }
41
+
42
+ &.active {
43
+ header {
44
+ border-bottom: 1px solid $gray-40;
45
+ }
46
+ }
47
+
48
+ > header {
49
+ padding: 8px 12px;
50
+ }
51
+ }
52
+
53
+
1
54
  .E_b1wx3t3t {
2
55
  &.ant-btn-icon-only {
3
56
  justify-content: center;
@@ -356,30 +409,46 @@
356
409
  }
357
410
 
358
411
 
359
- .E_c18gxmrl {
360
- border: 1px solid $gray-40;
361
- border-radius: 4px;
412
+ .E_c1uzzomf {
413
+ margin-bottom: 16px;
362
414
 
363
- & + & {
364
- margin-top: 8px;
415
+ .card-title {
416
+ font-size: 16px;
417
+ color: $text-secondary-light;
418
+ font-weight: 700;
419
+ line-height: 32px;
365
420
  }
366
-
367
- &:hover {
368
- border-color: $blue-60;
369
-
370
- > header {
371
- background: rgba($blue-60, 0.1);
372
- }
421
+ .card-body {
422
+ padding: 24px;
423
+ border-radius: 8px;
424
+ background: $fills-light-white;
373
425
  }
374
426
 
375
- &.active {
376
- header {
377
- border-bottom: 1px solid $gray-40;
378
- }
427
+ .empty {
428
+ font-weight: 700;
429
+ font-size: 14px;
430
+ line-height: 22px;
431
+ color: $text-light-tertiary;
432
+ text-align: center;
379
433
  }
434
+ }
380
435
 
381
- > header {
382
- padding: 8px 12px;
436
+
437
+ .E_berrcjl {
438
+ color: $text-terdiary-light;
439
+ margin-bottom: 4px;
440
+
441
+ .breadcrumb-link {
442
+ color: $text-terdiary-light;
443
+ cursor: pointer;
444
+ transition: color 160ms ease;
445
+
446
+ &:hover {
447
+ color: $blue-60;
448
+ }
449
+ &:active {
450
+ color: $blue-80;
451
+ }
383
452
  }
384
453
  }
385
454
 
@@ -425,139 +494,140 @@
425
494
  }
426
495
 
427
496
 
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;
497
+ .E_d133fzv0 {
498
+ .ant-dropdown-menu-item-group {
499
+ .ant-dropdown-menu-item-group-title {
500
+ padding: 4px 8px 0 8px;
501
+ color: $text-light-secondary;
502
+ font-size: 12px;
439
503
  }
440
- &:active {
441
- color: $blue-80;
504
+ .ant-dropdown-menu-item-group-list {
505
+ padding-bottom: 6px;
442
506
  }
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;
507
+ &:not(:first-child) {
508
+ padding-top: 4px;
509
+ border-top: 1px solid $strokes-light-trans-2;
463
510
  }
464
511
  }
465
-
466
- .ant-alert-message {
467
- flex: 1;
468
- }
469
512
  }
470
513
 
471
514
 
472
- .E_c1uzzomf {
473
- margin-bottom: 16px;
515
+ .E_iouxfgt {
516
+ display: inline-flex;
517
+ align-items: center;
474
518
 
475
- .card-title {
476
- font-size: 16px;
477
- color: $text-secondary-light;
478
- font-weight: 700;
479
- line-height: 32px;
519
+ .icon-inner {
520
+ display: inline-flex;
521
+ align-items: center;
522
+ justify-content: center;
480
523
  }
481
- .card-body {
482
- padding: 24px;
483
- border-radius: 8px;
484
- background: $fills-light-white;
524
+ .icon-inner + span,
525
+ span + .icon-inner.suffix {
526
+ margin-left: 4px;
485
527
  }
486
-
487
- .empty {
488
- font-weight: 700;
489
- font-size: 14px;
490
- line-height: 22px;
491
- color: $text-light-tertiary;
492
- text-align: center;
528
+ &.is-rotate {
529
+ img,
530
+ svg {
531
+ animation: rotate 680ms linear infinite;
532
+ }
493
533
  }
494
534
  }
495
535
 
496
536
 
497
- .E_f7pxqmh {
537
+ .E_fzh9mnb {
498
538
  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
- }
539
+ height: 100%;
540
+ min-height: 124px;
541
+ display: flex;
542
+ flex-direction: column;
543
+ justify-content: center;
544
+ align-items: center;
530
545
 
531
- .ant-form-item-extra {
532
- font-size: 12px;
533
- color: rgba(44, 56, 82, 0.6);
534
- min-height: 0px;
546
+ .error-text {
547
+ color: $text-terdiary-light;
548
+ margin-bottom: 16px;
549
+ font-size: 18px;
535
550
  }
536
551
  }
537
552
 
538
553
 
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);
554
+ .E_itxley7 {
555
+ &.ant-input-group.ant-input-group-compact {
556
+ display: flex;
558
557
  }
559
558
 
560
- .ant-input-number-input-wrap::before {
559
+ &.ant-input-group.ant-input-group-compact > *:first-child,
560
+ &.ant-input-group.ant-input-group-compact
561
+ > .ant-select:first-child
562
+ > .ant-select-selector,
563
+ &.ant-input-group.ant-input-group-compact
564
+ > .ant-calendar-picker:first-child
565
+ .ant-input,
566
+ &.ant-input-group.ant-input-group-compact
567
+ > .ant-select-auto-complete:first-child
568
+ .ant-input,
569
+ &.ant-input-group.ant-input-group-compact
570
+ > .ant-cascader-picker:first-child
571
+ .ant-input,
572
+ &.ant-input-group.ant-input-group-compact
573
+ > .ant-mention-wrapper:first-child
574
+ .ant-mention-editor,
575
+ &.ant-input-group.ant-input-group-compact
576
+ > .ant-time-picker:first-child
577
+ .ant-time-picker-input {
578
+ border-bottom-left-radius: 5px;
579
+ border-top-left-radius: 5px;
580
+ }
581
+ &.ant-input-group.ant-input-group-compact > *:last-child,
582
+ &.ant-input-group.ant-input-group-compact
583
+ > .ant-select:last-child
584
+ > .ant-select-selector,
585
+ &.ant-input-group.ant-input-group-compact
586
+ > .ant-calendar-picker:last-child
587
+ .ant-input,
588
+ &.ant-input-group.ant-input-group-compact
589
+ > .ant-select-auto-complete:last-child
590
+ .ant-input,
591
+ &.ant-input-group.ant-input-group-compact
592
+ > .ant-cascader-picker:last-child
593
+ .ant-input,
594
+ &.ant-input-group.ant-input-group-compact
595
+ > .ant-cascader-picker-focused:last-child
596
+ .ant-input,
597
+ &.ant-input-group.ant-input-group-compact
598
+ > .ant-mention-wrapper:last-child
599
+ .ant-mention-editor,
600
+ &.ant-input-group.ant-input-group-compact
601
+ > .ant-time-picker:last-child
602
+ .ant-time-picker-input {
603
+ border-bottom-right-radius: 5px;
604
+ border-top-right-radius: 5px;
605
+ }
606
+ }
607
+
608
+
609
+ .E_ai7qkf2 {
610
+ .ant-input-number-handler-wrap {
611
+ display: var(--ai7qkf2-0);
612
+ }
613
+ .ant-input-number-input-wrap {
614
+ display: inline-flex;
615
+ line-height: 1.5715;
616
+ height: 100%;
617
+ width: 100%;
618
+ }
619
+
620
+ .ant-input-number-input-wrap::after {
621
+ content: var(--ai7qkf2-1);
622
+ display: var(--ai7qkf2-2);
623
+ flex: none;
624
+ align-items: center;
625
+ margin-left: 4px;
626
+ padding: 5px 12px 5px 0;
627
+ color: rgba(44, 56, 82, 0.6);
628
+ }
629
+
630
+ .ant-input-number-input-wrap::before {
561
631
  content: var(--ai7qkf2-3);
562
632
  display: var(--ai7qkf2-4);
563
633
  flex: none;
@@ -617,41 +687,44 @@
617
687
  }
618
688
 
619
689
 
620
- .E_iouxfgt {
621
- display: inline-flex;
622
- align-items: center;
690
+ .E_f7pxqmh {
691
+ width: 100%;
692
+ margin-bottom: 0 !important;
693
+ flex-flow: nowrap !important;
694
+ line-break: auto;
623
695
 
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;
696
+ & > .ant-form-item-label {
697
+ text-align: left !important;
698
+ padding-bottom: 0 !important;
699
+
700
+ & > label {
701
+ min-height: 32px;
702
+ height: auto;
703
+ font-size: 13px;
704
+ color: rgba(44, 56, 82, 0.6);
705
+ white-space: normal;
637
706
  }
638
707
  }
639
- }
640
708
 
709
+ &.ant-form-item-has-error {
710
+ .ant-input {
711
+ border-color: #ff4d4f !important;
712
+ }
713
+ .ant-input-password {
714
+ border-color: #ff4d4f !important;
715
+ }
716
+ }
641
717
 
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;
718
+ .ant-form-item-explain {
719
+ margin-top: 4px;
720
+ font-size: 12px;
721
+ min-height: 0px;
722
+ }
650
723
 
651
- .error-text {
652
- color: $text-terdiary-light;
653
- margin-bottom: 16px;
654
- font-size: 18px;
724
+ .ant-form-item-extra {
725
+ font-size: 12px;
726
+ color: rgba(44, 56, 82, 0.6);
727
+ min-height: 0px;
655
728
  }
656
729
  }
657
730
 
@@ -666,75 +739,13 @@
666
739
  }
667
740
 
668
741
 
669
- .E_itxley7 {
670
- &.ant-input-group.ant-input-group-compact {
671
- display: flex;
672
- }
673
-
674
- &.ant-input-group.ant-input-group-compact > *:first-child,
675
- &.ant-input-group.ant-input-group-compact
676
- > .ant-select:first-child
677
- > .ant-select-selector,
678
- &.ant-input-group.ant-input-group-compact
679
- > .ant-calendar-picker:first-child
680
- .ant-input,
681
- &.ant-input-group.ant-input-group-compact
682
- > .ant-select-auto-complete:first-child
683
- .ant-input,
684
- &.ant-input-group.ant-input-group-compact
685
- > .ant-cascader-picker:first-child
686
- .ant-input,
687
- &.ant-input-group.ant-input-group-compact
688
- > .ant-mention-wrapper:first-child
689
- .ant-mention-editor,
690
- &.ant-input-group.ant-input-group-compact
691
- > .ant-time-picker:first-child
692
- .ant-time-picker-input {
693
- border-bottom-left-radius: 5px;
694
- border-top-left-radius: 5px;
695
- }
696
- &.ant-input-group.ant-input-group-compact > *:last-child,
697
- &.ant-input-group.ant-input-group-compact
698
- > .ant-select:last-child
699
- > .ant-select-selector,
700
- &.ant-input-group.ant-input-group-compact
701
- > .ant-calendar-picker:last-child
702
- .ant-input,
703
- &.ant-input-group.ant-input-group-compact
704
- > .ant-select-auto-complete:last-child
705
- .ant-input,
706
- &.ant-input-group.ant-input-group-compact
707
- > .ant-cascader-picker:last-child
708
- .ant-input,
709
- &.ant-input-group.ant-input-group-compact
710
- > .ant-cascader-picker-focused:last-child
711
- .ant-input,
712
- &.ant-input-group.ant-input-group-compact
713
- > .ant-mention-wrapper:last-child
714
- .ant-mention-editor,
715
- &.ant-input-group.ant-input-group-compact
716
- > .ant-time-picker:last-child
717
- .ant-time-picker-input {
718
- border-bottom-right-radius: 5px;
719
- border-top-right-radius: 5px;
742
+ .E_sx1bpnu {
743
+ .ant-input-sm {
744
+ line-height: 18px;
720
745
  }
721
746
  }
722
747
 
723
748
 
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);
731
- display: flex;
732
- align-items: center;
733
- white-space: nowrap;
734
- margin-right: 4px;
735
- }
736
-
737
-
738
749
  .E_d1bw7c5z {
739
750
  position: relative;
740
751
  max-width: 388px;
@@ -826,28 +837,17 @@
826
837
  }
827
838
 
828
839
 
829
- .E_sx1bpnu {
830
- .ant-input-sm {
831
- line-height: 18px;
832
- }
833
- }
834
-
835
-
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
- }
850
- }
840
+ .E_i1inqkme {
841
+ height: 18px;
842
+ line-height: 18px;
843
+ padding: 0 4px;
844
+ border-radius: 4px;
845
+ background: rgba(235, 239, 245, 0.6);
846
+ border: 1px solid rgba(223, 228, 235, 0.6);
847
+ display: flex;
848
+ align-items: center;
849
+ white-space: nowrap;
850
+ margin-right: 4px;
851
851
  }
852
852
 
853
853
 
@@ -1136,6 +1136,16 @@
1136
1136
  }
1137
1137
 
1138
1138
 
1139
+ .E_owd0kml {
1140
+ display: inline-block;
1141
+ }
1142
+
1143
+ .E_h1jsgezc {
1144
+ visibility: hidden;
1145
+ position: absolute;
1146
+ }
1147
+
1148
+
1139
1149
  .E_i11gg7mj {
1140
1150
  .ant-input-prefix {
1141
1151
  margin-right: 8px;
@@ -1168,16 +1178,6 @@
1168
1178
  }
1169
1179
 
1170
1180
 
1171
- .E_owd0kml {
1172
- display: inline-block;
1173
- }
1174
-
1175
- .E_h1jsgezc {
1176
- visibility: hidden;
1177
- position: absolute;
1178
- }
1179
-
1180
-
1181
1181
  .E_ivqqkzv {
1182
1182
  height: 24px;
1183
1183
  width: 56px !important;
@@ -1189,203 +1189,6 @@
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;
1197
- 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
- }
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);
1287
- }
1288
-
1289
- .circle-child {
1290
- position: absolute;
1291
- height: 100%;
1292
- width: 100%;
1293
- left: 0;
1294
- top: 0;
1295
- margin-left: 50%;
1296
- transform-origin: left;
1297
- background: white;
1298
- transform: rotate(0deg);
1299
- }
1300
- }
1301
-
1302
-
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
1192
  .E_cnujxq2 {
1390
1193
  display: flex;
1391
1194
  flex-direction: column;
@@ -2199,189 +2002,41 @@
2199
2002
  }
2200
2003
 
2201
2004
 
2202
- .E_s1dni7lo {
2203
- width: 430px !important;
2005
+ .E_dsnbhzf {
2006
+ @include Inter(bold);
2007
+ font-size: 32px;
2008
+ line-height: 40px;
2204
2009
  }
2205
2010
 
2206
- .E_d1wwmmm5 {
2207
- .ant-select-item-group {
2208
- padding: 8px 16px;
2209
- line-height: 18px;
2210
- border-top: 1px solid rgba(211, 218, 235, 0.6);
2211
- height: 34px;
2212
- min-height: 34px;
2213
- box-sizing: border-box;
2214
- margin-top: 8px;
2215
- }
2011
+ .E_d1mvo22k {
2012
+ @include Inter(bold);
2013
+ font-size: 24px;
2014
+ line-height: 32px;
2216
2015
  }
2217
2016
 
2218
- .E_o1ugr09p {
2219
- display: flex;
2220
- flex-direction: column;
2221
- margin: 1px 8px;
2222
- padding: 8px;
2223
- border-radius: 4px;
2017
+ .E_d1b444tr {
2018
+ @include Inter();
2019
+ font-size: 32px;
2020
+ line-height: 40px;
2021
+ }
2224
2022
 
2225
- .selected-icon {
2226
- display: none;
2227
- }
2023
+ .E_dvs0kue {
2024
+ @include Inter(bold);
2025
+ font-size: 20px;
2026
+ line-height: 24px;
2027
+ }
2228
2028
 
2229
- &.ant-select-item-option-grouped {
2230
- padding-left: 8px;
2231
- }
2029
+ .E_d1hcbfcq {
2030
+ @include Inter();
2031
+ font-size: 20px;
2032
+ line-height: 24px;
2033
+ }
2232
2034
 
2233
- &.ant-select-item-option-selected {
2234
- background-color: white;
2235
- .timezone-title {
2236
- color: #0080ff;
2237
- }
2238
- .selected-icon {
2239
- display: block;
2240
- }
2241
- }
2242
-
2243
- &.ant-select-item-option-active {
2244
- background: rgba(0, 136, 255, 0.16);
2245
- .timezone-title {
2246
- color: #0080ff;
2247
- }
2248
- .timezone-tag {
2249
- background: rgba(0, 136, 255, 0.1);
2250
- color: #0080ff;
2251
- }
2252
- }
2253
- }
2254
-
2255
- .E_o1ifxsq4 {
2256
- display: flex;
2257
- justify-content: space-between;
2258
- height: 20px;
2259
- line-height: 20px;
2260
-
2261
- .timezone-title {
2262
- color: #2d3a56;
2263
- overflow: hidden;
2264
- text-overflow: ellipsis;
2265
- }
2266
- }
2267
-
2268
- .E_o1zue7 {
2269
- display: flex;
2270
- justify-content: space-between;
2271
- color: $text-light-secondary;
2272
- height: 18px;
2273
- line-height: 18px;
2274
- margin-top: 2px;
2275
- }
2276
-
2277
- .E_tyfmlxg {
2278
- border: none;
2279
- margin-right: 0;
2280
- background: rgba(225, 230, 241, 0.6);
2281
- }
2282
-
2283
- .E_o18uybox {
2284
- pointer-events: none;
2285
- height: 32px;
2286
- width: 100%;
2287
- opacity: 0;
2288
- }
2289
-
2290
-
2291
- .E_c1yyuluq {
2292
- border-radius: 8px;
2293
- .ant-card-body {
2294
- padding: 20px 24px 24px 24px;
2295
- }
2296
- }
2297
-
2298
-
2299
- .E_ccrbeuz {
2300
- .ant-collapse-item {
2301
- border: 0px;
2302
- background-color: $fills-light-white;
2303
-
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
- }
2312
- }
2313
- .ant-collapse-content {
2314
- .ant-collapse-content-box {
2315
- padding: 0px;
2316
- }
2317
- }
2318
- }
2319
- }
2320
-
2321
- .E_c1fljvag {
2322
- .ant-collapse-item {
2323
- .ant-collapse-header {
2324
- padding-right: 0px;
2325
- cursor: default;
2326
- }
2327
- }
2328
- }
2329
-
2330
-
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
- }
2346
- }
2347
- }
2348
-
2349
-
2350
- .E_dsnbhzf {
2351
- @include Inter(bold);
2352
- font-size: 32px;
2353
- line-height: 40px;
2354
- }
2355
-
2356
- .E_d1mvo22k {
2357
- @include Inter(bold);
2358
- font-size: 24px;
2359
- line-height: 32px;
2360
- }
2361
-
2362
- .E_d1b444tr {
2363
- @include Inter();
2364
- font-size: 32px;
2365
- line-height: 40px;
2366
- }
2367
-
2368
- .E_dvs0kue {
2369
- @include Inter(bold);
2370
- font-size: 20px;
2371
- line-height: 24px;
2372
- }
2373
-
2374
- .E_d1hcbfcq {
2375
- @include Inter();
2376
- font-size: 20px;
2377
- line-height: 24px;
2378
- }
2379
-
2380
- .E_d1cz922v {
2381
- @include Inter(bold);
2382
- font-size: 18px;
2383
- line-height: 22px;
2384
- }
2035
+ .E_d1cz922v {
2036
+ @include Inter(bold);
2037
+ font-size: 18px;
2038
+ line-height: 22px;
2039
+ }
2385
2040
 
2386
2041
  .E_d3nzbrm {
2387
2042
  @include Inter();
@@ -2701,107 +2356,452 @@
2701
2356
  }
2702
2357
 
2703
2358
 
2704
- .E_a1b5xrg3 {
2705
- .user-icon-inner {
2706
- display: inline-flex;
2707
- align-items: center;
2708
- justify-content: center;
2709
- color: $white;
2710
- font-weight: bold;
2711
- font-size: 12px;
2712
- width: 24px;
2713
- height: 24px;
2714
- border-radius: 50%;
2715
- background: var(--a1b5xrg3-0);
2716
- }
2717
- &.btn-item {
2718
- transition: all 160ms ease;
2719
- cursor: pointer;
2720
- width: 56px;
2721
- height: 40px;
2722
- display: inline-flex;
2723
- align-items: center;
2724
- justify-content: center;
2725
- border-radius: 6px;
2726
-
2727
- &:hover {
2728
- box-shadow:
2729
- 0px 0px 20px rgba(107, 125, 153, 0.18),
2730
- 0px 25px 80px rgba(45, 58, 86, 0.3);
2731
- }
2732
-
2733
- &:active {
2734
- transform: translateY(2px);
2735
- transition: all 320ms ease;
2736
- }
2359
+ .E_tju3gfj {
2360
+ .date {
2361
+ margin-right: 4px;
2737
2362
  }
2738
2363
  }
2739
2364
 
2740
2365
 
2741
- .E_m196gn1d {
2742
- min-width: 1280px;
2366
+ .E_s1dni7lo {
2367
+ width: 430px !important;
2743
2368
  }
2744
2369
 
2745
-
2746
- .E_b1lj76ty {
2747
- width: 100%;
2748
- height: 100%;
2749
- margin: 0 auto;
2750
- display: flex;
2751
- flex-direction: column;
2752
- align-items: center;
2753
- justify-content: center;
2754
- color: $gray-a30-10;
2755
- &.large {
2756
- max-width: 648px;
2757
- }
2758
- &.medium {
2759
- max-width: 412px;
2760
- }
2761
- &.gray {
2762
- background-color: $fills-trans-primary-light;
2763
- }
2764
- &.white {
2765
- background-color: $fills-light-light-white;
2766
- }
2767
- .title {
2768
- margin-bottom: 4px;
2769
- }
2770
- .title,
2771
- .desc {
2772
- word-break: break-all;
2773
- text-align: center;
2774
- }
2775
- .action-button.middle {
2776
- margin-top: 16px;
2777
- }
2778
- .action-button.small {
2370
+ .E_d1wwmmm5 {
2371
+ .ant-select-item-group {
2372
+ padding: 8px 16px;
2373
+ line-height: 18px;
2374
+ border-top: 1px solid rgba(211, 218, 235, 0.6);
2375
+ height: 34px;
2376
+ min-height: 34px;
2377
+ box-sizing: border-box;
2779
2378
  margin-top: 8px;
2780
2379
  }
2781
2380
  }
2782
2381
 
2382
+ .E_o1ugr09p {
2383
+ display: flex;
2384
+ flex-direction: column;
2385
+ margin: 1px 8px;
2386
+ padding: 8px;
2387
+ border-radius: 4px;
2783
2388
 
2784
- .E_hrhfj7c {
2785
- display: none;
2786
- }
2389
+ .selected-icon {
2390
+ display: none;
2391
+ }
2787
2392
 
2788
- .E_dt9qoak {
2789
- .bottom {
2790
- color: $text-neutral-secondary;
2791
- }
2792
- .left {
2793
- min-width: 0;
2794
- }
2795
- }
2393
+ &.ant-select-item-option-grouped {
2394
+ padding-left: 8px;
2395
+ }
2796
2396
 
2797
- .E_crhnxq5 {
2798
- display: flex;
2799
- flex-direction: row;
2800
- justify-content: space-between;
2801
- .label {
2802
- color: $text-neutral-tertiary;
2803
- font-weight: 400;
2804
- }
2397
+ &.ant-select-item-option-selected {
2398
+ background-color: white;
2399
+ .timezone-title {
2400
+ color: #0080ff;
2401
+ }
2402
+ .selected-icon {
2403
+ display: block;
2404
+ }
2405
+ }
2406
+
2407
+ &.ant-select-item-option-active {
2408
+ background: rgba(0, 136, 255, 0.16);
2409
+ .timezone-title {
2410
+ color: #0080ff;
2411
+ }
2412
+ .timezone-tag {
2413
+ background: rgba(0, 136, 255, 0.1);
2414
+ color: #0080ff;
2415
+ }
2416
+ }
2417
+ }
2418
+
2419
+ .E_o1ifxsq4 {
2420
+ display: flex;
2421
+ justify-content: space-between;
2422
+ height: 20px;
2423
+ line-height: 20px;
2424
+
2425
+ .timezone-title {
2426
+ color: #2d3a56;
2427
+ overflow: hidden;
2428
+ text-overflow: ellipsis;
2429
+ }
2430
+ }
2431
+
2432
+ .E_o1zue7 {
2433
+ display: flex;
2434
+ justify-content: space-between;
2435
+ color: $text-light-secondary;
2436
+ height: 18px;
2437
+ line-height: 18px;
2438
+ margin-top: 2px;
2439
+ }
2440
+
2441
+ .E_tyfmlxg {
2442
+ border: none;
2443
+ margin-right: 0;
2444
+ background: rgba(225, 230, 241, 0.6);
2445
+ }
2446
+
2447
+ .E_o18uybox {
2448
+ pointer-events: none;
2449
+ height: 32px;
2450
+ width: 100%;
2451
+ opacity: 0;
2452
+ }
2453
+
2454
+
2455
+ .E_iq1gosr {
2456
+ display: inline-block;
2457
+ }
2458
+
2459
+
2460
+ .E_c1bus5hc {
2461
+ --color: white;
2462
+ height: 14px;
2463
+ width: 14px;
2464
+ border-radius: 50%;
2465
+ flex-shrink: 0;
2466
+ display: flex;
2467
+ align-items: center;
2468
+ justify-content: center;
2469
+ border: 1px solid var(--color);
2470
+
2471
+ .circle-inner {
2472
+ position: relative;
2473
+ height: 10px;
2474
+ width: 10px;
2475
+ border-radius: 50%;
2476
+ overflow: hidden;
2477
+ }
2478
+
2479
+ .circle-content {
2480
+ position: absolute;
2481
+ height: 100%;
2482
+ width: 100%;
2483
+ left: 0;
2484
+ top: 0;
2485
+ border-radius: 50%;
2486
+ background: linear-gradient(to right, var(--color) 50%, white 50%);
2487
+ transform: rotate(180deg);
2488
+ }
2489
+
2490
+ .circle-child {
2491
+ position: absolute;
2492
+ height: 100%;
2493
+ width: 100%;
2494
+ left: 0;
2495
+ top: 0;
2496
+ margin-left: 50%;
2497
+ transform-origin: left;
2498
+ background: white;
2499
+ transform: rotate(0deg);
2500
+ }
2501
+ }
2502
+
2503
+
2504
+ .E_s1sck0th {
2505
+ padding: 0 8px;
2506
+ border-radius: 4px;
2507
+ }
2508
+
2509
+ .E_m855nr1 {
2510
+ padding: 2px 8px;
2511
+ border-radius: 3px;
2512
+ }
2513
+
2514
+ .E_l1270xpg {
2515
+ padding: 3px 8px;
2516
+ border-radius: 2px;
2517
+ }
2518
+
2519
+ .E_t14rextb {
2520
+ &.ant-tag:hover {
2521
+ opacity: unset;
2522
+ }
2523
+ &.ant-tag.ui-kit-token:not(.ant-tag-hidden) {
2524
+ margin: 0;
2525
+ margin-right: 8px;
2526
+ display: inline-flex;
2527
+ align-items: center;
2528
+ border: none;
2529
+ & .ant-tag-close-icon {
2530
+ width: 16px;
2531
+ height: 16px;
2532
+ color: inherit;
2533
+ margin-left: 4px;
2534
+ opacity: 0.6;
2535
+ display: inline-flex;
2536
+ &:hover {
2537
+ opacity: 1;
2538
+ }
2539
+ }
2540
+ &.ant-tag-blue {
2541
+ color: $fills-light-general-general;
2542
+ background-color: $fills-light-general-general-light;
2543
+ }
2544
+ &.ant-tag-red {
2545
+ color: $fills-light-serious-serious;
2546
+ background-color: $fills-light-serious-serious-light;
2547
+ }
2548
+ &.ant-tag-yellow {
2549
+ color: $fills-light-notice-notice-dark;
2550
+ background-color: $fills-light-notice-notice-light;
2551
+ }
2552
+ &.ant-tag-green {
2553
+ color: $fills-light-positive-positive-dark;
2554
+ background-color: $fills-light-positive-positive-light;
2555
+ }
2556
+ &.ant-tag-gray {
2557
+ color: $text-light-super;
2558
+ background-color: $fills-element-light-container-general;
2559
+ }
2560
+ &.ant-tag-purple {
2561
+ color: $text-colorful-purple;
2562
+ background-color: $fill-purple-light;
2563
+ }
2564
+
2565
+ &.ui-kit-token-checked {
2566
+ color: $text-light-on-tint;
2567
+ &.ant-tag-red {
2568
+ background-color: $fills-light-serious-serious;
2569
+ }
2570
+ &.ant-tag-yellow {
2571
+ background-color: $fills-light-notice-notice;
2572
+ }
2573
+ &.ant-tag-green {
2574
+ background-color: $fills-light-positive-positive;
2575
+ }
2576
+ &.ant-tag-blue {
2577
+ background-color: $fills-light-general-general;
2578
+ }
2579
+ &.ant-tag-gray {
2580
+ background-color: $gray-70;
2581
+ }
2582
+ &.ant-tag-purple {
2583
+ background-color: $fill-purple-base;
2584
+ }
2585
+ }
2586
+ }
2587
+ }
2588
+
2589
+
2590
+ .E_t1m2x205 {
2591
+ .ant-tooltip-arrow {
2592
+ display: none;
2593
+ }
2594
+ .ant-tooltip-inner {
2595
+ background: $gray-a80-9;
2596
+ border-radius: 4px;
2597
+ &:has(.eagle-ellipsis-content) {
2598
+ visibility: hidden;
2599
+ }
2600
+ }
2601
+ }
2602
+
2603
+
2604
+ .E_s1dizucg {
2605
+ &.ant-switch {
2606
+ min-width: 40px;
2607
+ height: 24px;
2608
+ background: $fills-trans-quinary-light;
2609
+ overflow: hidden;
2610
+ &:focus {
2611
+ box-shadow: 0 0 0 2px $strokes-light-trans-1;
2612
+ }
2613
+ }
2614
+ &.ant-switch-small {
2615
+ min-width: 26px;
2616
+ height: 16px;
2617
+ }
2618
+ &.ant-switch-large {
2619
+ min-width: 52px;
2620
+ height: 32px;
2621
+ }
2622
+
2623
+ &.ant-switch .ant-switch-handle {
2624
+ height: 20px;
2625
+ width: 20px;
2626
+ &::before {
2627
+ border-radius: 10px;
2628
+ transition-delay: 120ms;
2629
+ }
2630
+ }
2631
+ &.ant-switch-small .ant-switch-handle {
2632
+ height: 14px;
2633
+ width: 14px;
2634
+ top: 1px;
2635
+ left: 1px;
2636
+ }
2637
+ &.ant-switch-large .ant-switch-handle {
2638
+ height: 28px;
2639
+ width: 28px;
2640
+ &::before {
2641
+ border-radius: 14px;
2642
+ }
2643
+ }
2644
+
2645
+ &.ant-switch-checked {
2646
+ background-color: $green-60;
2647
+ }
2648
+ &.ant-switch-checked .ant-switch-handle {
2649
+ left: calc(100% - 20px - 2px);
2650
+ }
2651
+ &.ant-switch-small.ant-switch-checked .ant-switch-handle {
2652
+ left: calc(100% - 14px - 1px);
2653
+ }
2654
+ &.ant-switch-large.ant-switch-checked .ant-switch-handle {
2655
+ left: calc(100% - 28px - 2px);
2656
+ }
2657
+ }
2658
+
2659
+ .E_c1up6e3y {
2660
+ margin-left: 5px;
2661
+ }
2662
+
2663
+
2664
+ .E_c1yyuluq {
2665
+ border-radius: 8px;
2666
+ .ant-card-body {
2667
+ padding: 20px 24px 24px 24px;
2668
+ }
2669
+ }
2670
+
2671
+
2672
+ .E_ccrbeuz {
2673
+ .ant-collapse-item {
2674
+ border: 0px;
2675
+ background-color: $fills-light-white;
2676
+
2677
+ .ant-collapse-header {
2678
+ padding-top: 0px;
2679
+ padding-bottom: 0px;
2680
+ padding-left: 0px !important;
2681
+ padding-right: 24px;
2682
+ .ant-collapse-arrow {
2683
+ right: 0px;
2684
+ }
2685
+ }
2686
+ .ant-collapse-content {
2687
+ .ant-collapse-content-box {
2688
+ padding: 0px;
2689
+ }
2690
+ }
2691
+ }
2692
+ }
2693
+
2694
+ .E_c1fljvag {
2695
+ .ant-collapse-item {
2696
+ .ant-collapse-header {
2697
+ padding-right: 0px;
2698
+ cursor: default;
2699
+ }
2700
+ }
2701
+ }
2702
+
2703
+
2704
+ .E_a1b5xrg3 {
2705
+ .user-icon-inner {
2706
+ display: inline-flex;
2707
+ align-items: center;
2708
+ justify-content: center;
2709
+ color: $white;
2710
+ font-weight: bold;
2711
+ font-size: 12px;
2712
+ width: 24px;
2713
+ height: 24px;
2714
+ border-radius: 50%;
2715
+ background: var(--a1b5xrg3-0);
2716
+ }
2717
+ &.btn-item {
2718
+ transition: all 160ms ease;
2719
+ cursor: pointer;
2720
+ width: 56px;
2721
+ height: 40px;
2722
+ display: inline-flex;
2723
+ align-items: center;
2724
+ justify-content: center;
2725
+ border-radius: 6px;
2726
+
2727
+ &:hover {
2728
+ box-shadow:
2729
+ 0px 0px 20px rgba(107, 125, 153, 0.18),
2730
+ 0px 25px 80px rgba(45, 58, 86, 0.3);
2731
+ }
2732
+
2733
+ &:active {
2734
+ transform: translateY(2px);
2735
+ transition: all 320ms ease;
2736
+ }
2737
+ }
2738
+ }
2739
+
2740
+
2741
+ .E_m196gn1d {
2742
+ min-width: 1280px;
2743
+ }
2744
+
2745
+
2746
+ .E_b1lj76ty {
2747
+ width: 100%;
2748
+ height: 100%;
2749
+ margin: 0 auto;
2750
+ display: flex;
2751
+ flex-direction: column;
2752
+ align-items: center;
2753
+ justify-content: center;
2754
+ color: $gray-a30-10;
2755
+ &.large {
2756
+ max-width: 648px;
2757
+ }
2758
+ &.medium {
2759
+ max-width: 412px;
2760
+ }
2761
+ &.gray {
2762
+ background-color: $fills-trans-primary-light;
2763
+ }
2764
+ &.white {
2765
+ background-color: $fills-light-light-white;
2766
+ }
2767
+ .title {
2768
+ margin-bottom: 4px;
2769
+ }
2770
+ .title,
2771
+ .desc {
2772
+ word-break: break-all;
2773
+ text-align: center;
2774
+ }
2775
+ .action-button.middle {
2776
+ margin-top: 16px;
2777
+ }
2778
+ .action-button.small {
2779
+ margin-top: 8px;
2780
+ }
2781
+ }
2782
+
2783
+
2784
+ .E_hrhfj7c {
2785
+ display: none;
2786
+ }
2787
+
2788
+ .E_dt9qoak {
2789
+ .bottom {
2790
+ color: $text-neutral-secondary;
2791
+ }
2792
+ .left {
2793
+ min-width: 0;
2794
+ }
2795
+ }
2796
+
2797
+ .E_crhnxq5 {
2798
+ display: flex;
2799
+ flex-direction: row;
2800
+ justify-content: space-between;
2801
+ .label {
2802
+ color: $text-neutral-tertiary;
2803
+ font-weight: 400;
2804
+ }
2805
2805
  }
2806
2806
 
2807
2807
  .E_c1iq43vd {
@@ -3664,6 +3664,27 @@
3664
3664
  }
3665
3665
 
3666
3666
 
3667
+ .E_r77hffu {
3668
+ display: flex;
3669
+ align-items: center;
3670
+ justify-content: space-between;
3671
+ column-gap: 6px;
3672
+ }
3673
+
3674
+ .E_p1cmxsf7 {
3675
+ display: flex;
3676
+ flex-direction: column;
3677
+ justify-content: center;
3678
+ row-gap: var(--p1cmxsf7-0);
3679
+
3680
+ .antd5-progress-line {
3681
+ font-size: 0;
3682
+ margin-bottom: unset;
3683
+ margin-inline-end: unset;
3684
+ }
3685
+ }
3686
+
3687
+
3667
3688
  .E_s11wux3h {
3668
3689
  .antd5-segmented-item:not(:last-child) {
3669
3690
  margin-right: 2px;
@@ -3723,32 +3744,56 @@
3723
3744
  }
3724
3745
 
3725
3746
 
3726
- .E_r77hffu {
3727
- display: flex;
3728
- align-items: center;
3729
- justify-content: space-between;
3730
- column-gap: 6px;
3747
+ .E_c1yd35n {
3748
+ padding: 0 12px 14px 12px;
3731
3749
  }
3732
3750
 
3733
- .E_p1cmxsf7 {
3751
+
3752
+ .E_c1kghdax {
3753
+ color: $text-primary-light;
3754
+ padding: 7px 12px;
3734
3755
  display: flex;
3735
- flex-direction: column;
3736
- justify-content: center;
3737
- row-gap: var(--p1cmxsf7-0);
3756
+ justify-content: space-between;
3757
+ align-items: center;
3738
3758
 
3739
- .antd5-progress-line {
3740
- font-size: 0;
3741
- margin-bottom: unset;
3742
- margin-inline-end: unset;
3759
+ &.has-arrow {
3760
+ padding-left: 10px;
3761
+
3762
+ .title-wrapper {
3763
+ cursor: pointer;
3764
+ color: $text-light-primary;
3765
+
3766
+ &.is-open {
3767
+ color: $text-primary-light;
3768
+ font-weight: 600;
3769
+
3770
+ .collapse-arrow {
3771
+ transform: rotate(90deg);
3772
+ }
3773
+ }
3774
+ }
3743
3775
  }
3744
- }
3745
3776
 
3777
+ .sub-info {
3778
+ font-size: 12px;
3779
+ line-height: 18px;
3780
+ }
3746
3781
 
3747
- .E_ckui4s7 {
3748
- color: $text-primary-light;
3749
- line-height: 22px;
3750
- display: inline-flex;
3751
- .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; } } }
3782
+ .title-wrapper {
3783
+ display: flex;
3784
+ align-items: center;
3785
+ user-select: none;
3786
+ flex-grow: 1;
3787
+ font-size: 12px;
3788
+ line-height: 18px;
3789
+ color: $text-primary-light;
3790
+ font-weight: 700;
3791
+ }
3792
+
3793
+ .collapse-arrow {
3794
+ transition: all 50ms ease-out 0ms;
3795
+ margin-right: 2px;
3796
+ }
3752
3797
  }
3753
3798
 
3754
3799
 
@@ -3953,6 +3998,14 @@
3953
3998
  }
3954
3999
 
3955
4000
 
4001
+ .E_ckui4s7 {
4002
+ color: $text-primary-light;
4003
+ line-height: 22px;
4004
+ display: inline-flex;
4005
+ .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; } } }
4006
+ }
4007
+
4008
+
3956
4009
  .E_b14q2gmw {
3957
4010
  box-shadow: 0px 0.119595px 0.438513px rgba(129, 138, 153, 0.14),
3958
4011
  0px 0.271728px 0.996336px rgba(129, 138, 153, 0.106447),
@@ -4135,59 +4188,6 @@
4135
4188
  }
4136
4189
 
4137
4190
 
4138
- .E_c1yd35n {
4139
- padding: 0 12px 14px 12px;
4140
- }
4141
-
4142
-
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;
4152
-
4153
- .title-wrapper {
4154
- cursor: pointer;
4155
- color: $text-light-primary;
4156
-
4157
- &.is-open {
4158
- color: $text-primary-light;
4159
- font-weight: 600;
4160
-
4161
- .collapse-arrow {
4162
- transform: rotate(90deg);
4163
- }
4164
- }
4165
- }
4166
- }
4167
-
4168
- .sub-info {
4169
- font-size: 12px;
4170
- line-height: 18px;
4171
- }
4172
-
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
- }
4183
-
4184
- .collapse-arrow {
4185
- transition: all 50ms ease-out 0ms;
4186
- margin-right: 2px;
4187
- }
4188
- }
4189
-
4190
-
4191
4191
  .E_m11nzl2x {
4192
4192
  color: $text-light-secondary;
4193
4193
  text-align: center;
@@ -4426,6 +4426,62 @@
4426
4426
  }
4427
4427
 
4428
4428
 
4429
+ .E_lht19u8 {
4430
+ width: 64px;
4431
+ height: 64px;
4432
+ display: flex;
4433
+ align-items: center;
4434
+ justify-content: center;
4435
+ position: relative;
4436
+ opacity: 0.2;
4437
+ }
4438
+
4439
+ .E_lk3gkp4 {
4440
+ position: absolute;
4441
+ width: 5px;
4442
+ height: 48px;
4443
+ left: 9.33px;
4444
+ top: 40.5px;
4445
+
4446
+ background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
4447
+ border-radius: 5px;
4448
+ transform: rotate(-128deg);
4449
+ transform-origin: top left;
4450
+
4451
+ animation: loading-indicator1 1100ms ease-out infinite;
4452
+ }
4453
+
4454
+ .E_ll4n94n {
4455
+ position: absolute;
4456
+ width: 5px;
4457
+ height: 48px;
4458
+ left: 40.8px;
4459
+ top: 8.4px;
4460
+
4461
+ background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
4462
+ border-radius: 5px;
4463
+ transform: rotate(-8deg);
4464
+ transform-origin: top left;
4465
+
4466
+ animation: loading-indicator2 1100ms ease-out infinite;
4467
+ }
4468
+
4469
+ .E_l17lbdo6 {
4470
+ position: absolute;
4471
+ width: 5px;
4472
+ height: 48px;
4473
+ left: 52.9px;
4474
+ top: 51.8px;
4475
+
4476
+ background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
4477
+ border-radius: 5px;
4478
+ transform: rotate(112deg);
4479
+ transform-origin: top left;
4480
+
4481
+ animation: loading-indicator3 1100ms ease-out infinite;
4482
+ }
4483
+
4484
+
4429
4485
  .E_msn7nxt {
4430
4486
  color: $text-light-secondary;
4431
4487
  text-align: center;
@@ -4573,93 +4629,37 @@
4573
4629
  position: absolute;
4574
4630
  bottom: 10px;
4575
4631
  padding: 0 8px;
4576
- border-radius: 4px;
4577
- font-size: 12px;
4578
- color: $white;
4579
- background: rgba(0, 0, 0, 0.75);
4580
- transform: translateX(-50%);
4581
- }
4582
- }
4583
-
4584
- .E_tnvijvs {
4585
- min-width: 200px;
4586
- }
4587
-
4588
- .E_t1ub2aex {
4589
- display: flex;
4590
- align-items: center;
4591
- justify-content: space-between;
4592
- background-color: rgba(0, 0, 0, 0.75);
4593
- color: #b4beca;
4594
- font-size: 12px;
4595
- padding: 3px 6px;
4596
-
4597
- &:first-child {
4598
- padding-top: 3px;
4599
- }
4600
- &:last-child {
4601
- padding-bottom: 3px;
4602
- }
4603
- .column-value {
4604
- color: $white;
4605
- margin-left: 8px;
4606
- }
4607
- }
4608
-
4609
-
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;
4632
+ border-radius: 4px;
4633
+ font-size: 12px;
4634
+ color: $white;
4635
+ background: rgba(0, 0, 0, 0.75);
4636
+ transform: translateX(-50%);
4637
+ }
4648
4638
  }
4649
4639
 
4650
- .E_l17lbdo6 {
4651
- position: absolute;
4652
- width: 5px;
4653
- height: 48px;
4654
- left: 52.9px;
4655
- top: 51.8px;
4640
+ .E_tnvijvs {
4641
+ min-width: 200px;
4642
+ }
4656
4643
 
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;
4644
+ .E_t1ub2aex {
4645
+ display: flex;
4646
+ align-items: center;
4647
+ justify-content: space-between;
4648
+ background-color: rgba(0, 0, 0, 0.75);
4649
+ color: #b4beca;
4650
+ font-size: 12px;
4651
+ padding: 3px 6px;
4661
4652
 
4662
- animation: loading-indicator3 1100ms ease-out infinite;
4653
+ &:first-child {
4654
+ padding-top: 3px;
4655
+ }
4656
+ &:last-child {
4657
+ padding-bottom: 3px;
4658
+ }
4659
+ .column-value {
4660
+ color: $white;
4661
+ margin-left: 8px;
4662
+ }
4663
4663
  }
4664
4664
 
4665
4665
 
@@ -5199,259 +5199,35 @@
5199
5199
 
5200
5200
  .E_slr2ynn {
5201
5201
  padding: 0 8px;
5202
- height: 18px;
5203
- }
5204
-
5205
- .E_m140wbb6 {
5206
- padding: 2px 8px;
5207
- height: 24px;
5208
- }
5209
-
5210
- .E_t1fozc1i {
5211
- margin: 0;
5212
- }
5213
-
5214
- .E_i1vxv4ln {
5215
- margin-right: 4px;
5216
- height: 16px;
5217
- }
5218
-
5219
- .E_n1afl31m {
5220
- &.ant-tag.ant-tag-gray {
5221
- font-weight: 700;
5222
- color: $text-neutral-primary;
5223
- background-color: $fill-neutral-trans-1;
5224
- border: 1px solid $stroke-neutral-trans-2;
5225
- word-break: break-all;
5226
- display: inline;
5227
- white-space: normal;
5228
- }
5229
- }
5230
-
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;
5248
- }
5249
- &.success {
5250
- color: $text-light-positive;
5251
- }
5252
- &.danger,
5253
- &.error {
5254
- color: $text-light-serious;
5255
- }
5256
- &.normal {
5257
- color: $text-secondary-light;
5258
- }
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;
5277
- }
5278
- p {
5279
- width: 100%;
5280
- overflow: hidden;
5281
- text-overflow: ellipsis;
5282
- 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
- }
5202
+ height: 18px;
5420
5203
  }
5421
- }
5422
-
5423
- .E_a138syjm {
5424
- display: flex;
5425
- align-items: center;
5426
- margin-top: 8px;
5427
- gap: 8px;
5428
5204
 
5429
- button.ant-btn {
5205
+ .E_m140wbb6 {
5430
5206
  padding: 2px 8px;
5431
5207
  height: 24px;
5432
5208
  }
5433
- & > span.maximum-desc {
5434
- display: none;
5435
- color: $text-secondary-light;
5436
- &.disabled {
5437
- display: inline;
5438
- }
5439
- }
5440
- }
5441
5209
 
5442
- .E_d77i8u0 {
5443
- width: 24px;
5444
- height: 24px;
5445
- padding: 4px;
5446
- margin-right: 8px;
5210
+ .E_t1fozc1i {
5211
+ margin: 0;
5447
5212
  }
5448
5213
 
5449
-
5450
- .E_i1g85yz3 {
5214
+ .E_i1vxv4ln {
5451
5215
  margin-right: 4px;
5452
5216
  height: 16px;
5453
5217
  }
5454
5218
 
5219
+ .E_n1afl31m {
5220
+ &.ant-tag.ant-tag-gray {
5221
+ font-weight: 700;
5222
+ color: $text-neutral-primary;
5223
+ background-color: $fill-neutral-trans-1;
5224
+ border: 1px solid $stroke-neutral-trans-2;
5225
+ word-break: break-all;
5226
+ display: inline;
5227
+ white-space: normal;
5228
+ }
5229
+ }
5230
+
5455
5231
 
5456
5232
  .E_sjob3jg {
5457
5233
  $item: ant-steps-item;
@@ -5564,116 +5340,340 @@
5564
5340
  padding: 0 4px 0 12px;
5565
5341
  }
5566
5342
  }
5567
- &:not(&:first-child) {
5568
- &::before {
5569
- @include rightTriangle(#fff);
5570
- left: 0;
5571
- }
5343
+ &:not(&:first-child) {
5344
+ &::before {
5345
+ @include rightTriangle(#fff);
5346
+ left: 0;
5347
+ }
5348
+ }
5349
+ }
5350
+ .#{$item}-active {
5351
+ max-width: calc(100% - var(--item-min-width) * 2);
5352
+ .#{$item}-container {
5353
+ background-color: $fills-light-general-general-light;
5354
+ }
5355
+ &::after {
5356
+ border-left-color: $fills-light-general-general-light !important;
5357
+ }
5358
+ }
5359
+ .#{$item}-finish {
5360
+ cursor: pointer;
5361
+ min-width: var(--item-min-width);
5362
+ }
5363
+ .#{$item}-wait,
5364
+ .#{$item}-finish {
5365
+ min-width: var(--item-min-width);
5366
+ .#{$item}-container {
5367
+ background-color: $fills-light-trans-1;
5368
+ }
5369
+ }
5370
+ }
5371
+ .ant-steps:not(.ant-steps-dot):not(.ant-steps-navigation):not(
5372
+ .ant-steps-vertical
5373
+ )
5374
+ .#{$item} {
5375
+ padding: 0;
5376
+ }
5377
+ }
5378
+
5379
+ .E_v4tv3mf {
5380
+ $item: ant-steps-item;
5381
+ .ant-steps.ant-steps-vertical {
5382
+ width: 192px;
5383
+ row-gap: 2px;
5384
+
5385
+ .preview-mode:not(.#{$item}-active) .#{$item}-container {
5386
+ &:hover {
5387
+ background-color: $fill-neutral-trans-2;
5388
+ }
5389
+ .#{$item}-title {
5390
+ color: $text-neutral-primary !important;
5391
+ }
5392
+ }
5393
+ .#{$item}:not(.#{$item}-active):not(.#{$item}-disabled)
5394
+ .#{$item}-container:hover {
5395
+ background-color: $fill-neutral-trans-2;
5396
+ }
5397
+ .#{$item}-container {
5398
+ padding: 0 8px;
5399
+ border-radius: 4px;
5400
+ height: 32px;
5401
+ display: flex;
5402
+ align-items: center;
5403
+ .#{$item}-content {
5404
+ min-height: auto;
5405
+ white-space: nowrap;
5406
+ & .ant-steps-item-title {
5407
+ font-size: 13px;
5408
+ line-height: 20px;
5409
+ max-width: 100%;
5410
+ padding-right: 0;
5411
+ }
5412
+ }
5413
+ }
5414
+ .#{$item}-active {
5415
+ .ant-steps-item-container {
5416
+ background: rgba($blue-60, 0.1);
5417
+ }
5418
+ }
5419
+ }
5420
+ }
5421
+
5422
+ .E_h6l1tj4 {
5423
+ width: 100%;
5424
+ display: inline-flex;
5425
+ align-items: center;
5426
+ justify-content: center;
5427
+ column-gap: 4px;
5428
+ .step-item-prefix-container {
5429
+ display: inline-flex;
5430
+ align-items: center;
5431
+ width: 18px;
5432
+ height: 18px;
5433
+ color: $gray-a75-8;
5434
+ justify-content: center;
5435
+ }
5436
+ }
5437
+
5438
+ .E_v18frne8 {
5439
+ width: 100%;
5440
+ display: flex;
5441
+ align-items: center;
5442
+ justify-content: center;
5443
+ column-gap: 6px;
5444
+ font-size: 13px;
5445
+ .step-item-prefix-container {
5446
+ display: inline-flex;
5447
+ align-items: center;
5448
+ min-width: 20px;
5449
+ min-height: 20px;
5450
+ color: $gray-a75-8;
5451
+ justify-content: center;
5452
+ }
5453
+ }
5454
+
5455
+
5456
+ .E_i1g85yz3 {
5457
+ margin-right: 4px;
5458
+ height: 16px;
5459
+ }
5460
+
5461
+
5462
+ .E_t1dtlqs1 {
5463
+ margin-bottom: 4px;
5464
+ color: $text-secondary-light;
5465
+ }
5466
+
5467
+ .E_s1ese5oy {
5468
+ color: rgba(44, 56, 82, 0.6);
5469
+ line-height: 32px;
5470
+ height: 32px;
5471
+ margin-bottom: 0;
5472
+ &.primary,
5473
+ &.info {
5474
+ color: $text-light-general;
5475
+ }
5476
+ &.warning {
5477
+ color: #ffa500;
5478
+ }
5479
+ &.success {
5480
+ color: $text-light-positive;
5481
+ }
5482
+ &.danger,
5483
+ &.error {
5484
+ color: $text-light-serious;
5485
+ }
5486
+ &.normal {
5487
+ color: $text-secondary-light;
5488
+ }
5489
+ }
5490
+
5491
+ .E_b1ibis43 {
5492
+ margin-bottom: 0;
5493
+ color: $text-light-primary;
5494
+ }
5495
+
5496
+ .E_b11xxjd2 {
5497
+ line-height: 32px;
5498
+ margin-right: 6px;
5499
+ }
5500
+
5501
+ .E_bsub5bw {
5502
+ &.with-description {
5503
+ height: 24px;
5504
+ flex: 1;
5505
+ position: relative;
5506
+ top: -7px;
5507
+ }
5508
+ p {
5509
+ width: 100%;
5510
+ overflow: hidden;
5511
+ text-overflow: ellipsis;
5512
+ white-space: nowrap;
5513
+ }
5514
+ }
5515
+
5516
+ .E_tmoyoag {
5517
+ border: 1px solid $strokes-light-trans-2;
5518
+ border-radius: 8px;
5519
+ overflow: auto;
5520
+ .ant-list {
5521
+ position: relative;
5522
+ .ant-list-item:last-child {
5523
+ border-bottom: none;
5524
+ }
5525
+ .eagle-table-form-header {
5526
+ position: sticky;
5527
+ top: 0;
5528
+ z-index: $eagle-table-form-header-index;
5529
+ display: flex;
5530
+ padding: 8px;
5531
+ & {
5532
+ align-items: inherit;
5533
+ }
5534
+ flex-wrap: nowrap;
5535
+ justify-content: flex-start;
5536
+ background: $fills-light-opaque-1;
5537
+ font-size: 14px;
5538
+ color: $text-secondary-light;
5539
+ border-bottom: 1px solid $fills-light-trans-2;
5540
+ }
5541
+ .eagle-table-form-header .eagle-table-form-cell > p {
5542
+ margin-bottom: 0;
5543
+ }
5544
+ .eagle-table-form-row {
5545
+ display: flex;
5546
+ justify-content: flex-start;
5547
+ align-items: flex-start;
5548
+ flex-wrap: wrap;
5549
+ padding: 8px;
5550
+ border: none;
5551
+ .row-description {
5552
+ flex-basis: 100%;
5553
+ margin: 12px 0 0;
5554
+ order: 99;
5555
+ color: $text-secondary-light;
5556
+ }
5557
+ .row-error-message {
5558
+ color: $text-light-serious;
5559
+ flex-basis: 100%;
5560
+ order: 98;
5561
+ margin: 12px 0 0;
5562
+ }
5563
+ &:hover {
5564
+ background-color: $fills-light-trans-1;
5572
5565
  }
5573
- }
5574
- .#{$item}-active {
5575
- max-width: calc(100% - var(--item-min-width) * 2);
5576
- .#{$item}-container {
5566
+ &.isDragging {
5577
5567
  background-color: $fills-light-general-general-light;
5578
5568
  }
5579
- &::after {
5580
- border-left-color: $fills-light-general-general-light !important;
5581
- }
5582
- }
5583
- .#{$item}-finish {
5584
- cursor: pointer;
5585
- min-width: var(--item-min-width);
5586
5569
  }
5587
- .#{$item}-wait,
5588
- .#{$item}-finish {
5589
- min-width: var(--item-min-width);
5590
- .#{$item}-container {
5591
- background-color: $fills-light-trans-1;
5570
+ .eagle-table-form-cell {
5571
+ flex: 1 0 0;
5572
+ overflow: hidden;
5573
+ .cell-description {
5574
+ color: $text-secondary-light;
5575
+ margin: 0;
5592
5576
  }
5593
- }
5594
- }
5595
- .ant-steps:not(.ant-steps-dot):not(.ant-steps-navigation):not(
5596
- .ant-steps-vertical
5597
- )
5598
- .#{$item} {
5599
- padding: 0;
5600
- }
5601
- }
5602
5577
 
5603
- .E_v4tv3mf {
5604
- $item: ant-steps-item;
5605
- .ant-steps.ant-steps-vertical {
5606
- width: 192px;
5607
- row-gap: 2px;
5578
+ @mixin text-align-style($align-position) {
5579
+ & > * {
5580
+ text-align: $align-position;
5581
+ }
5582
+ .ant-form-item-control-input-content {
5583
+ &,
5584
+ & > * {
5585
+ text-align: $align-position;
5586
+ }
5587
+ }
5588
+ }
5608
5589
 
5609
- .preview-mode:not(.#{$item}-active) .#{$item}-container {
5610
- &:hover {
5611
- background-color: $fill-neutral-trans-2;
5590
+ &.align-center {
5591
+ @include text-align-style(center);
5612
5592
  }
5613
- .#{$item}-title {
5614
- color: $text-neutral-primary !important;
5593
+ &.align-left {
5594
+ @include text-align-style(left);
5595
+ }
5596
+ &.align-right {
5597
+ @include text-align-style(right);
5598
+ }
5599
+
5600
+ &:not(:last-of-type) {
5601
+ margin-right: 8px;
5615
5602
  }
5616
5603
  }
5617
- .#{$item}:not(.#{$item}-active):not(.#{$item}-disabled)
5618
- .#{$item}-container:hover {
5619
- background-color: $fill-neutral-trans-2;
5604
+ .ant-list-item-action {
5605
+ padding: 4px;
5606
+ width: 24px;
5607
+ height: 24px;
5608
+ overflow: hidden;
5609
+ li {
5610
+ padding: 0;
5611
+ }
5620
5612
  }
5621
- .#{$item}-container {
5622
- padding: 0 8px;
5623
- border-radius: 4px;
5624
- height: 32px;
5625
- display: flex;
5626
- align-items: center;
5627
- .#{$item}-content {
5628
- min-height: auto;
5629
- white-space: nowrap;
5630
- & .ant-steps-item-title {
5631
- font-size: 13px;
5632
- line-height: 20px;
5633
- max-width: 100%;
5634
- padding-right: 0;
5613
+ .delete-row-icon.disabled {
5614
+ cursor: not-allowed;
5615
+ opacity: 0.5;
5616
+ }
5617
+ &.size-default {
5618
+ .ant-list-item-action {
5619
+ margin: 0;
5620
+ }
5621
+ .eagle-table-form-cell {
5622
+ .ant-input,
5623
+ .ant-select-selector {
5624
+ border-radius: 5px;
5625
+ font-size: 12px;
5626
+ }
5627
+ .ant-input-affix-wrapper {
5628
+ font-size: inherit;
5629
+ }
5630
+
5631
+ .ant-form-item-control-input {
5632
+ min-height: 24px;
5633
+ font-size: 12px;
5634
+ position: relative;
5635
5635
  }
5636
5636
  }
5637
5637
  }
5638
- .#{$item}-active {
5639
- .ant-steps-item-container {
5640
- background: rgba($blue-60, 0.1);
5638
+ }
5639
+ &.row-split-by-border {
5640
+ .eagle-table-form-row {
5641
+ border-bottom: 1px solid $fills-light-trans-2;
5642
+ }
5643
+ }
5644
+ &.row-split-by-zebraMarking {
5645
+ .draggable-container {
5646
+ & > :nth-child(2n) {
5647
+ background-color: $fills-trans-primary-light;
5641
5648
  }
5642
5649
  }
5643
5650
  }
5644
5651
  }
5645
5652
 
5646
- .E_h6l1tj4 {
5647
- width: 100%;
5648
- display: inline-flex;
5653
+ .E_a138syjm {
5654
+ display: flex;
5649
5655
  align-items: center;
5650
- justify-content: center;
5651
- column-gap: 4px;
5652
- .step-item-prefix-container {
5653
- display: inline-flex;
5654
- align-items: center;
5655
- width: 18px;
5656
- height: 18px;
5657
- color: $gray-a75-8;
5658
- justify-content: center;
5656
+ margin-top: 8px;
5657
+ gap: 8px;
5658
+
5659
+ button.ant-btn {
5660
+ padding: 2px 8px;
5661
+ height: 24px;
5662
+ }
5663
+ & > span.maximum-desc {
5664
+ display: none;
5665
+ color: $text-secondary-light;
5666
+ &.disabled {
5667
+ display: inline;
5668
+ }
5659
5669
  }
5660
5670
  }
5661
5671
 
5662
- .E_v18frne8 {
5663
- width: 100%;
5664
- display: flex;
5665
- align-items: center;
5666
- justify-content: center;
5667
- column-gap: 6px;
5668
- font-size: 13px;
5669
- .step-item-prefix-container {
5670
- display: inline-flex;
5671
- align-items: center;
5672
- min-width: 20px;
5673
- min-height: 20px;
5674
- color: $gray-a75-8;
5675
- justify-content: center;
5676
- }
5672
+ .E_d77i8u0 {
5673
+ width: 24px;
5674
+ height: 24px;
5675
+ padding: 4px;
5676
+ margin-right: 8px;
5677
5677
  }
5678
5678
 
5679
5679
 
@@ -5701,102 +5701,47 @@
5701
5701
  :nth-child(1) {
5702
5702
  padding: 8px 4px;
5703
5703
  > * {
5704
- background: rgba($gray-70, 0.18);
5705
- }
5706
- }
5707
- :nth-child(1) {
5708
- > * {
5709
- background: rgba($gray-60, 0.18);
5710
- }
5711
- }
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;
5732
- }
5733
- }
5734
-
5735
- .E_envn4g3 {
5736
- background: #F0483E;
5737
- }
5738
-
5739
- .E_i12w18eu {
5740
- background: #0080FF;
5741
- }
5742
-
5743
- .E_wujsnt4 {
5744
- background-color: #E07F00;
5745
- }
5746
-
5747
-
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;
5760
- }
5761
- .compact.ant-timeline-item {
5762
- margin-bottom: 12px;
5763
- }
5764
- .info-action {
5765
- align-self: baseline;
5766
- }
5767
- }
5768
-
5769
- .E_t2e44lg {
5770
- .ant-timeline-item-content {
5771
- margin-left: 18px;
5772
- }
5773
- .item-time {
5774
- display: flex;
5775
- flex-direction: column;
5776
- gap: 4px;
5777
- margin-top: 4px;
5704
+ background: rgba($gray-70, 0.18);
5705
+ }
5778
5706
  }
5779
-
5780
- &:last-child {
5781
- .ant-timeline-item-content {
5782
- padding-bottom: 0;
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,6 +5969,61 @@
6024
5969
  }
6025
5970
 
6026
5971
 
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
6027
  .E_s20iney {
6028
6028
  &.skeleton-box {
6029
6029
  display: flex;
@@ -6538,6 +6538,70 @@
6538
6538
  }
6539
6539
 
6540
6540
 
6541
+ .E_n12mqh7z {
6542
+ display: flex;
6543
+ align-items: center;
6544
+ font-size: 12px;
6545
+ line-height: 18px;
6546
+
6547
+ &:not(:last-child) {
6548
+ margin-bottom: 4px;
6549
+ }
6550
+ }
6551
+
6552
+ .E_tf5bynu {
6553
+ margin: 0 3px;
6554
+ }
6555
+
6556
+ .E_tcckoz1 {
6557
+ max-height: 400px;
6558
+ overflow: auto;
6559
+ }
6560
+
6561
+
6562
+ .E_gmyahx3 {
6563
+ cursor: pointer;
6564
+
6565
+ .link-text {
6566
+ color: $text-light-tertiary;
6567
+ }
6568
+
6569
+ &:hover .link-text {
6570
+ color: $text-light-general;
6571
+ }
6572
+ }
6573
+
6574
+
6575
+ .E_ou7iq30 {
6576
+ overflow: hidden;
6577
+ text-overflow: ellipsis;
6578
+ }
6579
+
6580
+ .E_s1tui002 {
6581
+ white-space: nowrap;
6582
+ }
6583
+
6584
+ .E_mxrc2zg {
6585
+ display: -webkit-box;
6586
+ -webkit-line-clamp: var(--mxrc2zg-0);
6587
+ -webkit-box-orient: vertical;
6588
+ word-break: break-all;
6589
+ }
6590
+
6591
+ .E_t1vv6d68 {
6592
+ .ant-tooltip-arrow {
6593
+ display: none;
6594
+ }
6595
+ .ant-tooltip-inner {
6596
+ background: $gray-a80-9;
6597
+ border-radius: 4px;
6598
+ &:has(.eagle-ellipsis-content) {
6599
+ visibility: hidden;
6600
+ }
6601
+ }
6602
+ }
6603
+
6604
+
6541
6605
  .E_clm1wy1 {
6542
6606
  width: 192px;
6543
6607
  height: 246px;
@@ -6636,79 +6700,6 @@
6636
6700
  }
6637
6701
 
6638
6702
 
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
6703
  .E_c1up1pdz {
6713
6704
  width: 648px;
6714
6705
 
@@ -6873,14 +6864,37 @@
6873
6864
  }
6874
6865
 
6875
6866
 
6876
- .E_s1iv0tp1 {
6877
- .enabled-switch {
6878
- display: flex;
6879
- align-items: center;
6880
- }
6881
-
6882
- .enabled-text {
6883
- margin-right: 8px;
6867
+ .E_tqjc4ui {
6868
+ @at-root {
6869
+ span#{&} {
6870
+ margin: 0 2px;
6871
+ }
6872
+ }
6873
+ }
6874
+
6875
+
6876
+ .E_wg1tsps {
6877
+ display: flex;
6878
+ align-items: center;
6879
+ justify-content: flex-end;
6880
+ }
6881
+
6882
+ .E_b1ctd5xy {
6883
+ display: flex;
6884
+ align-items: center;
6885
+ width: calc(100% - 40px);
6886
+
6887
+ .chart {
6888
+ display: inline-block;
6889
+ width: 100%;
6890
+ }
6891
+ }
6892
+
6893
+ .E_u1p8acpn {
6894
+ min-width: 40px;
6895
+
6896
+ .unit {
6897
+ color: $text-light-primary !important;
6884
6898
  }
6885
6899
  }
6886
6900
 
@@ -7153,145 +7167,6 @@
7153
7167
  }
7154
7168
 
7155
7169
 
7156
- .E_s1at6qmn {
7157
- &.ant-layout-sider {
7158
- background: $backgrounds-light-grouped;
7159
- padding: 32px 8px;
7160
- overflow: auto;
7161
- }
7162
-
7163
- .ant-layout-sider-children {
7164
- display: flex;
7165
- flex-direction: column;
7166
- justify-content: space-between;
7167
- }
7168
-
7169
- footer {
7170
- display: flex;
7171
- }
7172
-
7173
- .ant-menu {
7174
- background: $backgrounds-light-grouped;
7175
- a {
7176
- color: $text-light-primary;
7177
- width: 180px;
7178
- overflow: hidden;
7179
- text-overflow: ellipsis;
7180
- }
7181
- }
7182
-
7183
- .ant-menu-vertical {
7184
- margin-bottom: 24px;
7185
-
7186
- .ant-menu-item-group {
7187
- .ant-menu-item {
7188
- margin: 0;
7189
- }
7190
- .ant-menu-item-group-title {
7191
- font-size: 12px;
7192
- padding: 0 8px 4px;
7193
- line-height: 18px;
7194
-
7195
- &:empty {
7196
- padding: 0;
7197
- }
7198
- }
7199
- &:not(:last-child) {
7200
- padding-bottom: 24px;
7201
- &.split {
7202
- margin-bottom: 24px;
7203
- border-bottom: 1px solid rgba(211, 218, 235, 0.6);
7204
- }
7205
- }
7206
- }
7207
-
7208
- .ant-menu-item {
7209
- transition: none;
7210
- display: flex;
7211
- align-items: center;
7212
- height: 32px;
7213
- line-height: 22px;
7214
- padding: 0 8px;
7215
-
7216
- > .icon-wrapper {
7217
- margin-right: 12px;
7218
- }
7219
-
7220
- &:not(:last-child) {
7221
- margin: 0;
7222
- margin-bottom: 2px;
7223
- }
7224
- &.ant-menu-item-selected {
7225
- background: $background-selected;
7226
- box-shadow: $box-shadow-light-selected;
7227
- border-radius: 6px;
7228
- color: $text-light-on-tint;
7229
- a {
7230
- color: $text-light-on-tint;
7231
- }
7232
- }
7233
- &:not(.ant-menu-item-selected) {
7234
- &.ant-menu-item:hover,
7235
- &.ant-menu-item-active {
7236
- background: $background-onhover;
7237
- box-shadow: $box-shadow-light-onhover;
7238
- border-radius: 6px;
7239
- }
7240
- }
7241
- }
7242
- }
7243
- }
7244
-
7245
- .E_s1wu0lms {
7246
- .ant-menu-item-group-title {
7247
- white-space: nowrap;
7248
- transition: all 0s;
7249
- }
7250
-
7251
- &.shrink {
7252
- transition: all 0s;
7253
- overflow: hidden;
7254
-
7255
- .ant-menu-item-group-title {
7256
- visibility: hidden;
7257
- }
7258
-
7259
- .ant-menu-item {
7260
- width: 36px;
7261
- padding: 0 6px;
7262
- }
7263
- }
7264
- }
7265
-
7266
- .E_n1ugzfva {
7267
- display: flex;
7268
- place-items: center;
7269
- width: 100% !important;
7270
-
7271
- &[disabled] {
7272
- color: rgba(0, 0, 0, 0.25) !important;
7273
- opacity: 1 !important;
7274
- }
7275
-
7276
- &.ant-btn {
7277
- width: 100%;
7278
- color: $text-light-primary;
7279
- }
7280
-
7281
- .icon-wrapper {
7282
- margin-right: 12px;
7283
- }
7284
-
7285
- .link-title {
7286
- flex: 1;
7287
- overflow: hidden;
7288
- white-space: nowrap;
7289
- text-overflow: ellipsis;
7290
- text-align: left;
7291
- }
7292
- }
7293
-
7294
-
7295
7170
  .E_u15heuvq {
7296
7171
  &.content {
7297
7172
  cursor: default !important;
@@ -7311,32 +7186,6 @@
7311
7186
  }
7312
7187
 
7313
7188
 
7314
- .E_wg1tsps {
7315
- display: flex;
7316
- align-items: center;
7317
- justify-content: flex-end;
7318
- }
7319
-
7320
- .E_b1ctd5xy {
7321
- display: flex;
7322
- align-items: center;
7323
- width: calc(100% - 40px);
7324
-
7325
- .chart {
7326
- display: inline-block;
7327
- width: 100%;
7328
- }
7329
- }
7330
-
7331
- .E_u1p8acpn {
7332
- min-width: 40px;
7333
-
7334
- .unit {
7335
- color: $text-light-primary !important;
7336
- }
7337
- }
7338
-
7339
-
7340
7189
  .E_t1sqg15u {
7341
7190
  background: white;
7342
7191
 
@@ -7449,121 +7298,154 @@
7449
7298
  }
7450
7299
 
7451
7300
 
7452
- .E_kr6am0s {
7453
- .ant-modal-body {
7454
- padding: 60px 128px;
7301
+ .E_s1iv0tp1 {
7302
+ .enabled-switch {
7303
+ display: flex;
7304
+ align-items: center;
7455
7305
  }
7456
- }
7457
7306
 
7458
- .E_k1h3cl5q {
7459
- display: flex;
7460
- flex-direction: column;
7461
- height: 100%;
7307
+ .enabled-text {
7308
+ margin-right: 8px;
7309
+ }
7462
7310
  }
7463
7311
 
7464
- .E_k1a6j97w {
7465
- color: $gray-120;
7466
- font-size: 32px !important;
7467
- margin-bottom: 16px;
7468
- }
7469
7312
 
7470
- .E_k1uim1fg {
7471
- margin-bottom: 32px;
7472
- color: $gray-120;
7473
- }
7313
+ .E_s1at6qmn {
7314
+ &.ant-layout-sider {
7315
+ background: $backgrounds-light-grouped;
7316
+ padding: 32px 8px;
7317
+ overflow: auto;
7318
+ }
7474
7319
 
7475
- .E_kobelzt {
7476
- font-family:
7477
- Roboto Mono,
7478
- SFMono-Regular,
7479
- SF Mono,
7480
- Menlo,
7481
- Consolas,
7482
- Liberation Mono,
7483
- monospace;
7484
- min-height: 0;
7485
- flex: 1;
7486
- padding: 16px;
7487
- background-color: $gray-80;
7488
- color: $white;
7489
- overflow: auto;
7490
- max-width: 100%;
7491
- min-height: 0;
7492
- border-radius: 8px;
7493
- white-space: pre-wrap;
7494
- }
7320
+ .ant-layout-sider-children {
7321
+ display: flex;
7322
+ flex-direction: column;
7323
+ justify-content: space-between;
7324
+ }
7325
+
7326
+ footer {
7327
+ display: flex;
7328
+ }
7329
+
7330
+ .ant-menu {
7331
+ background: $backgrounds-light-grouped;
7332
+ a {
7333
+ color: $text-light-primary;
7334
+ width: 180px;
7335
+ overflow: hidden;
7336
+ text-overflow: ellipsis;
7337
+ }
7338
+ }
7339
+
7340
+ .ant-menu-vertical {
7341
+ margin-bottom: 24px;
7342
+
7343
+ .ant-menu-item-group {
7344
+ .ant-menu-item {
7345
+ margin: 0;
7346
+ }
7347
+ .ant-menu-item-group-title {
7348
+ font-size: 12px;
7349
+ padding: 0 8px 4px;
7350
+ line-height: 18px;
7495
7351
 
7496
- .E_kxzv3id {
7497
- width: 100%;
7498
- display: flex;
7499
- justify-content: space-between;
7500
- padding: 0 128px;
7501
- }
7352
+ &:empty {
7353
+ padding: 0;
7354
+ }
7355
+ }
7356
+ &:not(:last-child) {
7357
+ padding-bottom: 24px;
7358
+ &.split {
7359
+ margin-bottom: 24px;
7360
+ border-bottom: 1px solid rgba(211, 218, 235, 0.6);
7361
+ }
7362
+ }
7363
+ }
7502
7364
 
7503
- .E_eld9lt {
7504
- display: flex;
7505
- flex-direction: column;
7506
- justify-content: center;
7507
- align-items: center;
7508
- height: 100%;
7509
- }
7365
+ .ant-menu-item {
7366
+ transition: none;
7367
+ display: flex;
7368
+ align-items: center;
7369
+ height: 32px;
7370
+ line-height: 22px;
7371
+ padding: 0 8px;
7510
7372
 
7511
- .E_e1505fqc {
7512
- display: flex;
7513
- flex-direction: column;
7514
- align-items: center;
7373
+ > .icon-wrapper {
7374
+ margin-right: 12px;
7375
+ }
7515
7376
 
7516
- .title {
7517
- margin-bottom: 8px;
7518
- background-clip: text;
7519
- -webkit-background-clip: text;
7520
- -webkit-text-fill-color: transparent;
7521
- background-image: linear-gradient(211.41deg, #929dad 0%, #d3dbe3 100%);
7377
+ &:not(:last-child) {
7378
+ margin: 0;
7379
+ margin-bottom: 2px;
7380
+ }
7381
+ &.ant-menu-item-selected {
7382
+ background: $background-selected;
7383
+ box-shadow: $box-shadow-light-selected;
7384
+ border-radius: 6px;
7385
+ color: $text-light-on-tint;
7386
+ a {
7387
+ color: $text-light-on-tint;
7388
+ }
7389
+ }
7390
+ &:not(.ant-menu-item-selected) {
7391
+ &.ant-menu-item:hover,
7392
+ &.ant-menu-item-active {
7393
+ background: $background-onhover;
7394
+ box-shadow: $box-shadow-light-onhover;
7395
+ border-radius: 6px;
7396
+ }
7397
+ }
7398
+ }
7522
7399
  }
7523
7400
  }
7524
7401
 
7402
+ .E_s1wu0lms {
7403
+ .ant-menu-item-group-title {
7404
+ white-space: nowrap;
7405
+ transition: all 0s;
7406
+ }
7525
7407
 
7526
- .E_i5w779o {
7527
- padding: 8px 0;
7408
+ &.shrink {
7409
+ transition: all 0s;
7410
+ overflow: hidden;
7528
7411
 
7529
- .col-label {
7530
- flex-shrink: unset;
7531
- * {
7532
- line-height: 18px;
7412
+ .ant-menu-item-group-title {
7413
+ visibility: hidden;
7533
7414
  }
7534
- }
7535
- .col-content {
7536
- flex: 1 1 0;
7537
- display: flex;
7538
- align-items: center;
7539
- * {
7540
- line-height: 18px;
7415
+
7416
+ .ant-menu-item {
7417
+ width: 36px;
7418
+ padding: 0 6px;
7541
7419
  }
7542
7420
  }
7543
7421
  }
7544
7422
 
7545
- .E_l18dja44 {
7546
- padding: 6px 0;
7423
+ .E_n1ugzfva {
7424
+ display: flex;
7425
+ place-items: center;
7426
+ width: 100% !important;
7547
7427
 
7548
- .col-label * {
7549
- font-size: 13px;
7550
- line-height: 20px;
7428
+ &[disabled] {
7429
+ color: rgba(0, 0, 0, 0.25) !important;
7430
+ opacity: 1 !important;
7551
7431
  }
7552
- .col-content * {
7553
- font-size: 14px;
7554
- line-height: 20px;
7432
+
7433
+ &.ant-btn {
7434
+ width: 100%;
7435
+ color: $text-light-primary;
7555
7436
  }
7556
- }
7557
7437
 
7558
- .E_c8c2hys {
7559
- display: flex;
7560
- justify-content: space-between;
7561
- flex: 1;
7562
- min-width: 0;
7563
- }
7438
+ .icon-wrapper {
7439
+ margin-right: 12px;
7440
+ }
7564
7441
 
7565
- .E_n4m6c4d {
7566
- color: $text-light-tertiary;
7442
+ .link-title {
7443
+ flex: 1;
7444
+ overflow: hidden;
7445
+ white-space: nowrap;
7446
+ text-overflow: ellipsis;
7447
+ text-align: left;
7448
+ }
7567
7449
  }
7568
7450
 
7569
7451
 
@@ -7645,6 +7527,50 @@
7645
7527
  }
7646
7528
 
7647
7529
 
7530
+ .E_i5w779o {
7531
+ padding: 8px 0;
7532
+
7533
+ .col-label {
7534
+ flex-shrink: unset;
7535
+ * {
7536
+ line-height: 18px;
7537
+ }
7538
+ }
7539
+ .col-content {
7540
+ flex: 1 1 0;
7541
+ display: flex;
7542
+ align-items: center;
7543
+ * {
7544
+ line-height: 18px;
7545
+ }
7546
+ }
7547
+ }
7548
+
7549
+ .E_l18dja44 {
7550
+ padding: 6px 0;
7551
+
7552
+ .col-label * {
7553
+ font-size: 13px;
7554
+ line-height: 20px;
7555
+ }
7556
+ .col-content * {
7557
+ font-size: 14px;
7558
+ line-height: 20px;
7559
+ }
7560
+ }
7561
+
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;
7571
+ }
7572
+
7573
+
7648
7574
  .E_h1ol2wl7 {
7649
7575
  font-weight: bold;
7650
7576
  background-color: unset;
@@ -7652,6 +7578,80 @@
7652
7578
  }
7653
7579
 
7654
7580
 
7581
+ .E_kr6am0s {
7582
+ .ant-modal-body {
7583
+ padding: 60px 128px;
7584
+ }
7585
+ }
7586
+
7587
+ .E_k1h3cl5q {
7588
+ display: flex;
7589
+ flex-direction: column;
7590
+ height: 100%;
7591
+ }
7592
+
7593
+ .E_k1a6j97w {
7594
+ color: $gray-120;
7595
+ font-size: 32px !important;
7596
+ margin-bottom: 16px;
7597
+ }
7598
+
7599
+ .E_k1uim1fg {
7600
+ margin-bottom: 32px;
7601
+ color: $gray-120;
7602
+ }
7603
+
7604
+ .E_kobelzt {
7605
+ font-family:
7606
+ Roboto Mono,
7607
+ SFMono-Regular,
7608
+ SF Mono,
7609
+ Menlo,
7610
+ Consolas,
7611
+ Liberation Mono,
7612
+ monospace;
7613
+ min-height: 0;
7614
+ flex: 1;
7615
+ padding: 16px;
7616
+ background-color: $gray-80;
7617
+ color: $white;
7618
+ overflow: auto;
7619
+ max-width: 100%;
7620
+ min-height: 0;
7621
+ border-radius: 8px;
7622
+ white-space: pre-wrap;
7623
+ }
7624
+
7625
+ .E_kxzv3id {
7626
+ width: 100%;
7627
+ display: flex;
7628
+ justify-content: space-between;
7629
+ padding: 0 128px;
7630
+ }
7631
+
7632
+ .E_eld9lt {
7633
+ display: flex;
7634
+ flex-direction: column;
7635
+ justify-content: center;
7636
+ align-items: center;
7637
+ height: 100%;
7638
+ }
7639
+
7640
+ .E_e1505fqc {
7641
+ display: flex;
7642
+ flex-direction: column;
7643
+ align-items: center;
7644
+
7645
+ .title {
7646
+ margin-bottom: 8px;
7647
+ background-clip: text;
7648
+ -webkit-background-clip: text;
7649
+ -webkit-text-fill-color: transparent;
7650
+ background-image: linear-gradient(211.41deg, #929dad 0%, #d3dbe3 100%);
7651
+ }
7652
+ }
7653
+
7654
+
7655
7655
  .E_l12xdkhl {
7656
7656
  width: 64px;
7657
7657
  height: 64px;