@cloudtower/eagle 0.33.55 → 0.33.56

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,31 +1,3 @@
1
- .E_c18gxmrl {
2
- border: 1px solid $gray-40;
3
- border-radius: 4px;
4
-
5
- & + & {
6
- margin-top: 8px;
7
- }
8
-
9
- &:hover {
10
- border-color: $blue-60;
11
-
12
- > header {
13
- background: rgba($blue-60, 0.1);
14
- }
15
- }
16
-
17
- &.active {
18
- header {
19
- border-bottom: 1px solid $gray-40;
20
- }
21
- }
22
-
23
- > header {
24
- padding: 8px 12px;
25
- }
26
- }
27
-
28
-
29
1
  .E_m74vjol {
30
2
  display: flex;
31
3
  justify-content: space-between;
@@ -51,25 +23,6 @@
51
23
  }
52
24
 
53
25
 
54
- .E_berrcjl {
55
- color: $text-terdiary-light;
56
- margin-bottom: 4px;
57
-
58
- .breadcrumb-link {
59
- color: $text-terdiary-light;
60
- cursor: pointer;
61
- transition: color 160ms ease;
62
-
63
- &:hover {
64
- color: $blue-60;
65
- }
66
- &:active {
67
- color: $blue-80;
68
- }
69
- }
70
- }
71
-
72
-
73
26
  .E_b1nip9bk {
74
27
  padding: 4px 11px;
75
28
  }
@@ -111,27 +64,49 @@
111
64
  }
112
65
 
113
66
 
114
- .E_c1uzzomf {
115
- margin-bottom: 16px;
67
+ .E_c18gxmrl {
68
+ border: 1px solid $gray-40;
69
+ border-radius: 4px;
116
70
 
117
- .card-title {
118
- font-size: 16px;
119
- color: $text-secondary-light;
120
- font-weight: 700;
121
- line-height: 32px;
71
+ & + & {
72
+ margin-top: 8px;
122
73
  }
123
- .card-body {
124
- padding: 24px;
125
- border-radius: 8px;
126
- background: $fills-light-white;
74
+
75
+ &:hover {
76
+ border-color: $blue-60;
77
+
78
+ > header {
79
+ background: rgba($blue-60, 0.1);
80
+ }
127
81
  }
128
82
 
129
- .empty {
130
- font-weight: 700;
131
- font-size: 14px;
132
- line-height: 22px;
133
- color: $text-light-tertiary;
134
- text-align: center;
83
+ &.active {
84
+ header {
85
+ border-bottom: 1px solid $gray-40;
86
+ }
87
+ }
88
+
89
+ > header {
90
+ padding: 8px 12px;
91
+ }
92
+ }
93
+
94
+
95
+ .E_berrcjl {
96
+ color: $text-terdiary-light;
97
+ margin-bottom: 4px;
98
+
99
+ .breadcrumb-link {
100
+ color: $text-terdiary-light;
101
+ cursor: pointer;
102
+ transition: color 160ms ease;
103
+
104
+ &:hover {
105
+ color: $blue-60;
106
+ }
107
+ &:active {
108
+ color: $blue-80;
109
+ }
135
110
  }
136
111
  }
137
112
 
@@ -494,57 +469,27 @@
494
469
  }
495
470
 
496
471
 
497
- .E_itxley7 {
498
- &.ant-input-group.ant-input-group-compact {
499
- display: flex;
500
- }
472
+ .E_c1uzzomf {
473
+ margin-bottom: 16px;
501
474
 
502
- &.ant-input-group.ant-input-group-compact > *:first-child,
503
- &.ant-input-group.ant-input-group-compact
504
- > .ant-select:first-child
505
- > .ant-select-selector,
506
- &.ant-input-group.ant-input-group-compact
507
- > .ant-calendar-picker:first-child
508
- .ant-input,
509
- &.ant-input-group.ant-input-group-compact
510
- > .ant-select-auto-complete:first-child
511
- .ant-input,
512
- &.ant-input-group.ant-input-group-compact
513
- > .ant-cascader-picker:first-child
514
- .ant-input,
515
- &.ant-input-group.ant-input-group-compact
516
- > .ant-mention-wrapper:first-child
517
- .ant-mention-editor,
518
- &.ant-input-group.ant-input-group-compact
519
- > .ant-time-picker:first-child
520
- .ant-time-picker-input {
521
- border-bottom-left-radius: 5px;
522
- border-top-left-radius: 5px;
475
+ .card-title {
476
+ font-size: 16px;
477
+ color: $text-secondary-light;
478
+ font-weight: 700;
479
+ line-height: 32px;
523
480
  }
524
- &.ant-input-group.ant-input-group-compact > *:last-child,
525
- &.ant-input-group.ant-input-group-compact
526
- > .ant-select:last-child
527
- > .ant-select-selector,
528
- &.ant-input-group.ant-input-group-compact
529
- > .ant-calendar-picker:last-child
530
- .ant-input,
531
- &.ant-input-group.ant-input-group-compact
532
- > .ant-select-auto-complete:last-child
533
- .ant-input,
534
- &.ant-input-group.ant-input-group-compact
535
- > .ant-cascader-picker:last-child
536
- .ant-input,
537
- &.ant-input-group.ant-input-group-compact
538
- > .ant-cascader-picker-focused:last-child
539
- .ant-input,
540
- &.ant-input-group.ant-input-group-compact
541
- > .ant-mention-wrapper:last-child
542
- .ant-mention-editor,
543
- &.ant-input-group.ant-input-group-compact
544
- > .ant-time-picker:last-child
545
- .ant-time-picker-input {
546
- border-bottom-right-radius: 5px;
547
- border-top-right-radius: 5px;
481
+ .card-body {
482
+ padding: 24px;
483
+ border-radius: 8px;
484
+ background: $fills-light-white;
485
+ }
486
+
487
+ .empty {
488
+ font-weight: 700;
489
+ font-size: 14px;
490
+ line-height: 22px;
491
+ color: $text-light-tertiary;
492
+ text-align: center;
548
493
  }
549
494
  }
550
495
 
@@ -608,6 +553,35 @@
608
553
  }
609
554
 
610
555
 
556
+ .E_sx1bpnu {
557
+ .ant-input-sm {
558
+ line-height: 18px;
559
+ }
560
+ }
561
+
562
+
563
+ .E_iouxfgt {
564
+ display: inline-flex;
565
+ align-items: center;
566
+
567
+ .icon-inner {
568
+ display: inline-flex;
569
+ align-items: center;
570
+ justify-content: center;
571
+ }
572
+ .icon-inner + span,
573
+ span + .icon-inner.suffix {
574
+ margin-left: 4px;
575
+ }
576
+ &.is-rotate {
577
+ img,
578
+ svg {
579
+ animation: rotate 680ms linear infinite;
580
+ }
581
+ }
582
+ }
583
+
584
+
611
585
  .E_d1bw7c5z {
612
586
  position: relative;
613
587
  max-width: 388px;
@@ -699,37 +673,6 @@
699
673
  }
700
674
 
701
675
 
702
- .E_i1inqkme {
703
- height: 18px;
704
- line-height: 18px;
705
- padding: 0 4px;
706
- border-radius: 4px;
707
- background: rgba(235, 239, 245, 0.6);
708
- border: 1px solid rgba(223, 228, 235, 0.6);
709
- display: flex;
710
- align-items: center;
711
- white-space: nowrap;
712
- margin-right: 4px;
713
- }
714
-
715
-
716
- .E_sx1bpnu {
717
- .ant-input-sm {
718
- line-height: 18px;
719
- }
720
- }
721
-
722
-
723
- .E_atcz0kf {
724
- .ant-input-suffix {
725
- margin-left: 8px;
726
- }
727
- &.ant-input-affix-wrapper.ant-input-affix-wrapper-sm {
728
- padding: 2px 7px 2px 12px;
729
- }
730
- }
731
-
732
-
733
676
  .E_d133fzv0 {
734
677
  .ant-dropdown-menu-item-group {
735
678
  .ant-dropdown-menu-item-group-title {
@@ -748,61 +691,57 @@
748
691
  }
749
692
 
750
693
 
751
- .E_iouxfgt {
752
- display: inline-flex;
753
- align-items: center;
754
-
755
- .icon-inner {
756
- display: inline-flex;
757
- align-items: center;
758
- justify-content: center;
759
- }
760
- .icon-inner + span,
761
- span + .icon-inner.suffix {
762
- margin-left: 4px;
763
- }
764
- &.is-rotate {
765
- img,
766
- svg {
767
- animation: rotate 680ms linear infinite;
768
- }
694
+ .E_itxley7 {
695
+ &.ant-input-group.ant-input-group-compact {
696
+ display: flex;
769
697
  }
770
- }
771
-
772
698
 
773
- .E_a1wfy30z {
774
- .ant-input-number-handler-wrap {
775
- display: var(--a1wfy30z-0);
776
- }
777
- .ant-input-number-input-wrap {
778
- padding: 4px 11px;
779
- display: inline-flex;
780
- line-height: 1.5715;
781
- height: inherit;
782
- }
783
-
784
- .ant-input-number-input-wrap::after {
785
- content: var(--a1wfy30z-1);
786
- display: var(--a1wfy30z-2);
787
- flex: none;
788
- align-items: center;
789
- margin-left: 4px;
790
- }
791
-
792
- .ant-input-number-input-wrap::before {
793
- content: var(--a1wfy30z-3);
794
- display: var(--a1wfy30z-4);
795
- flex: none;
796
- align-items: center;
797
- margin-right: 4px;
798
- cursor: auto;
699
+ &.ant-input-group.ant-input-group-compact > *:first-child,
700
+ &.ant-input-group.ant-input-group-compact
701
+ > .ant-select:first-child
702
+ > .ant-select-selector,
703
+ &.ant-input-group.ant-input-group-compact
704
+ > .ant-calendar-picker:first-child
705
+ .ant-input,
706
+ &.ant-input-group.ant-input-group-compact
707
+ > .ant-select-auto-complete:first-child
708
+ .ant-input,
709
+ &.ant-input-group.ant-input-group-compact
710
+ > .ant-cascader-picker:first-child
711
+ .ant-input,
712
+ &.ant-input-group.ant-input-group-compact
713
+ > .ant-mention-wrapper:first-child
714
+ .ant-mention-editor,
715
+ &.ant-input-group.ant-input-group-compact
716
+ > .ant-time-picker:first-child
717
+ .ant-time-picker-input {
718
+ border-bottom-left-radius: 5px;
719
+ border-top-left-radius: 5px;
799
720
  }
800
-
801
- .ant-input-number-input {
802
- padding: 0;
803
- margin: 0;
804
- height: auto;
805
- font-size: inherit;
721
+ &.ant-input-group.ant-input-group-compact > *:last-child,
722
+ &.ant-input-group.ant-input-group-compact
723
+ > .ant-select:last-child
724
+ > .ant-select-selector,
725
+ &.ant-input-group.ant-input-group-compact
726
+ > .ant-calendar-picker:last-child
727
+ .ant-input,
728
+ &.ant-input-group.ant-input-group-compact
729
+ > .ant-select-auto-complete:last-child
730
+ .ant-input,
731
+ &.ant-input-group.ant-input-group-compact
732
+ > .ant-cascader-picker:last-child
733
+ .ant-input,
734
+ &.ant-input-group.ant-input-group-compact
735
+ > .ant-cascader-picker-focused:last-child
736
+ .ant-input,
737
+ &.ant-input-group.ant-input-group-compact
738
+ > .ant-mention-wrapper:last-child
739
+ .ant-mention-editor,
740
+ &.ant-input-group.ant-input-group-compact
741
+ > .ant-time-picker:last-child
742
+ .ant-time-picker-input {
743
+ border-bottom-right-radius: 5px;
744
+ border-top-right-radius: 5px;
806
745
  }
807
746
  }
808
747
 
@@ -888,6 +827,77 @@
888
827
  }
889
828
 
890
829
 
830
+ .E_i1inqkme {
831
+ height: 18px;
832
+ line-height: 18px;
833
+ padding: 0 4px;
834
+ border-radius: 4px;
835
+ background: rgba(235, 239, 245, 0.6);
836
+ border: 1px solid rgba(223, 228, 235, 0.6);
837
+ display: flex;
838
+ align-items: center;
839
+ white-space: nowrap;
840
+ margin-right: 4px;
841
+ }
842
+
843
+
844
+ .E_atcz0kf {
845
+ .ant-input-suffix {
846
+ margin-left: 8px;
847
+ }
848
+ &.ant-input-affix-wrapper.ant-input-affix-wrapper-sm {
849
+ padding: 2px 7px 2px 12px;
850
+ }
851
+ }
852
+
853
+
854
+ .E_a1wfy30z {
855
+ .ant-input-number-handler-wrap {
856
+ display: var(--a1wfy30z-0);
857
+ }
858
+ .ant-input-number-input-wrap {
859
+ padding: 4px 11px;
860
+ display: inline-flex;
861
+ line-height: 1.5715;
862
+ height: inherit;
863
+ }
864
+
865
+ .ant-input-number-input-wrap::after {
866
+ content: var(--a1wfy30z-1);
867
+ display: var(--a1wfy30z-2);
868
+ flex: none;
869
+ align-items: center;
870
+ margin-left: 4px;
871
+ }
872
+
873
+ .ant-input-number-input-wrap::before {
874
+ content: var(--a1wfy30z-3);
875
+ display: var(--a1wfy30z-4);
876
+ flex: none;
877
+ align-items: center;
878
+ margin-right: 4px;
879
+ cursor: auto;
880
+ }
881
+
882
+ .ant-input-number-input {
883
+ padding: 0;
884
+ margin: 0;
885
+ height: auto;
886
+ font-size: inherit;
887
+ }
888
+ }
889
+
890
+
891
+ .E_owd0kml {
892
+ display: inline-block;
893
+ }
894
+
895
+ .E_h1jsgezc {
896
+ visibility: hidden;
897
+ position: absolute;
898
+ }
899
+
900
+
891
901
  .E_phljevk {
892
902
  display: flex;
893
903
  justify-content: space-between;
@@ -955,48 +965,6 @@
955
965
  }
956
966
 
957
967
 
958
- .E_owd0kml {
959
- display: inline-block;
960
- }
961
-
962
- .E_h1jsgezc {
963
- visibility: hidden;
964
- position: absolute;
965
- }
966
-
967
-
968
- .E_i11gg7mj {
969
- .ant-input-prefix {
970
- margin-right: 8px;
971
- }
972
- .ant-input-suffix {
973
- margin-left: 8px;
974
- }
975
- }
976
-
977
- .E_cc368xp {
978
- color: $gray-120;
979
- border-right: 1px solid $gray-a60-5;
980
- margin-right: 8px;
981
- padding-right: 8px;
982
- }
983
-
984
- .E_i11o6xqj {
985
- display: flex;
986
- gap: 4px;
987
-
988
- .icon-wrapper {
989
- cursor: pointer;
990
- }
991
- }
992
-
993
- .E_d19ruhdj {
994
- &.icon-wrapper {
995
- cursor: not-allowed;
996
- }
997
- }
998
-
999
-
1000
968
  .E_rapgekc {
1001
969
  &.ant-radio-wrapper {
1002
970
  display: inline-flex;
@@ -1178,15 +1146,36 @@
1178
1146
  }
1179
1147
 
1180
1148
 
1181
- .E_ivqqkzv {
1182
- height: 24px;
1183
- width: 56px !important;
1184
- margin-right: 4px;
1149
+ .E_i11gg7mj {
1150
+ .ant-input-prefix {
1151
+ margin-right: 8px;
1152
+ }
1153
+ .ant-input-suffix {
1154
+ margin-left: 8px;
1155
+ }
1185
1156
  }
1186
1157
 
1187
- .E_c1wk4q29 {
1188
- color: $text-secondary-light;
1189
- }
1158
+ .E_cc368xp {
1159
+ color: $gray-120;
1160
+ border-right: 1px solid $gray-a60-5;
1161
+ margin-right: 8px;
1162
+ padding-right: 8px;
1163
+ }
1164
+
1165
+ .E_i11o6xqj {
1166
+ display: flex;
1167
+ gap: 4px;
1168
+
1169
+ .icon-wrapper {
1170
+ cursor: pointer;
1171
+ }
1172
+ }
1173
+
1174
+ .E_d19ruhdj {
1175
+ &.icon-wrapper {
1176
+ cursor: not-allowed;
1177
+ }
1178
+ }
1190
1179
 
1191
1180
 
1192
1181
  .E_c1bus5hc {
@@ -1240,6 +1229,17 @@
1240
1229
  }
1241
1230
 
1242
1231
 
1232
+ .E_ivqqkzv {
1233
+ height: 24px;
1234
+ width: 56px !important;
1235
+ margin-right: 4px;
1236
+ }
1237
+
1238
+ .E_c1wk4q29 {
1239
+ color: $text-secondary-light;
1240
+ }
1241
+
1242
+
1243
1243
  .E_s1dizucg {
1244
1244
  &.ant-switch {
1245
1245
  min-width: 40px;
@@ -1300,210 +1300,16 @@
1300
1300
  }
1301
1301
 
1302
1302
 
1303
- .E_iq1gosr {
1304
- display: inline-block;
1303
+ .E_cnujxq2 {
1304
+ display: flex;
1305
+ flex-direction: column;
1305
1306
  }
1306
1307
 
1307
-
1308
- .E_s1dni7lo {
1309
- width: 430px !important;
1310
- }
1311
-
1312
- .E_d1wwmmm5 {
1313
- .ant-select-item-group {
1314
- padding: 8px 16px;
1315
- line-height: 18px;
1316
- border-top: 1px solid rgba(211, 218, 235, 0.6);
1317
- height: 34px;
1318
- min-height: 34px;
1319
- box-sizing: border-box;
1320
- margin-top: 8px;
1321
- }
1322
- }
1323
-
1324
- .E_o1ugr09p {
1325
- display: flex;
1326
- flex-direction: column;
1327
- margin: 1px 8px;
1328
- padding: 8px;
1329
- border-radius: 4px;
1330
-
1331
- .selected-icon {
1332
- display: none;
1333
- }
1334
-
1335
- &.ant-select-item-option-grouped {
1336
- padding-left: 8px;
1337
- }
1338
-
1339
- &.ant-select-item-option-selected {
1340
- background-color: white;
1341
- .timezone-title {
1342
- color: #0080ff;
1343
- }
1344
- .selected-icon {
1345
- display: block;
1346
- }
1347
- }
1348
-
1349
- &.ant-select-item-option-active {
1350
- background: rgba(0, 136, 255, 0.16);
1351
- .timezone-title {
1352
- color: #0080ff;
1353
- }
1354
- .timezone-tag {
1355
- background: rgba(0, 136, 255, 0.1);
1356
- color: #0080ff;
1357
- }
1358
- }
1359
- }
1360
-
1361
- .E_o1ifxsq4 {
1362
- display: flex;
1363
- justify-content: space-between;
1364
- height: 20px;
1365
- line-height: 20px;
1366
-
1367
- .timezone-title {
1368
- color: #2d3a56;
1369
- overflow: hidden;
1370
- text-overflow: ellipsis;
1371
- }
1372
- }
1373
-
1374
- .E_o1zue7 {
1375
- display: flex;
1376
- justify-content: space-between;
1377
- color: $text-light-secondary;
1378
- height: 18px;
1379
- line-height: 18px;
1380
- margin-top: 2px;
1381
- }
1382
-
1383
- .E_tyfmlxg {
1384
- border: none;
1385
- margin-right: 0;
1386
- background: rgba(225, 230, 241, 0.6);
1387
- }
1388
-
1389
- .E_o18uybox {
1390
- pointer-events: none;
1391
- height: 32px;
1392
- width: 100%;
1393
- opacity: 0;
1394
- }
1395
-
1396
-
1397
- .E_s1sck0th {
1398
- padding: 0 8px;
1399
- border-radius: 4px;
1400
- }
1401
-
1402
- .E_m855nr1 {
1403
- padding: 2px 8px;
1404
- border-radius: 3px;
1405
- }
1406
-
1407
- .E_l1270xpg {
1408
- padding: 3px 8px;
1409
- border-radius: 2px;
1410
- }
1411
-
1412
- .E_t14rextb {
1413
- &.ant-tag:hover {
1414
- opacity: unset;
1415
- }
1416
- &.ant-tag.ui-kit-token:not(.ant-tag-hidden) {
1417
- margin: 0;
1418
- margin-right: 8px;
1419
- display: inline-flex;
1420
- align-items: center;
1421
- border: none;
1422
- & .ant-tag-close-icon {
1423
- width: 16px;
1424
- height: 16px;
1425
- color: inherit;
1426
- margin-left: 4px;
1427
- opacity: 0.6;
1428
- display: inline-flex;
1429
- &:hover {
1430
- opacity: 1;
1431
- }
1432
- }
1433
- &.ant-tag-blue {
1434
- color: $fills-light-general-general;
1435
- background-color: $fills-light-general-general-light;
1436
- }
1437
- &.ant-tag-red {
1438
- color: $fills-light-serious-serious;
1439
- background-color: $fills-light-serious-serious-light;
1440
- }
1441
- &.ant-tag-yellow {
1442
- color: $fills-light-notice-notice-dark;
1443
- background-color: $fills-light-notice-notice-light;
1444
- }
1445
- &.ant-tag-green {
1446
- color: $fills-light-positive-positive-dark;
1447
- background-color: $fills-light-positive-positive-light;
1448
- }
1449
- &.ant-tag-gray {
1450
- color: $text-light-super;
1451
- background-color: $fills-element-light-container-general;
1452
- }
1453
- &.ant-tag-purple {
1454
- color: $text-colorful-purple;
1455
- background-color: $fill-purple-light;
1456
- }
1457
-
1458
- &.ui-kit-token-checked {
1459
- color: $text-light-on-tint;
1460
- &.ant-tag-red {
1461
- background-color: $fills-light-serious-serious;
1462
- }
1463
- &.ant-tag-yellow {
1464
- background-color: $fills-light-notice-notice;
1465
- }
1466
- &.ant-tag-green {
1467
- background-color: $fills-light-positive-positive;
1468
- }
1469
- &.ant-tag-blue {
1470
- background-color: $fills-light-general-general;
1471
- }
1472
- &.ant-tag-gray {
1473
- background-color: $gray-70;
1474
- }
1475
- &.ant-tag-purple {
1476
- background-color: $fill-purple-base;
1477
- }
1478
- }
1479
- }
1480
- }
1481
-
1482
-
1483
- .E_t1m2x205 {
1484
- .ant-tooltip-arrow {
1485
- display: none;
1486
- }
1487
- .ant-tooltip-inner {
1488
- background: $gray-a80-9;
1489
- border-radius: 4px;
1490
- &:has(.eagle-ellipsis-content) {
1491
- visibility: hidden;
1492
- }
1493
- }
1494
- }
1495
-
1496
-
1497
- .E_cnujxq2 {
1498
- display: flex;
1499
- flex-direction: column;
1500
- }
1501
-
1502
- .E_m7s48ia {
1503
- max-width: 1120px;
1504
- width: 100%;
1505
- margin: 0 auto;
1506
- height: 100%;
1308
+ .E_m7s48ia {
1309
+ max-width: 1120px;
1310
+ width: 100%;
1311
+ margin: 0 auto;
1312
+ height: 100%;
1507
1313
  }
1508
1314
 
1509
1315
  .E_wt5zbg6 {
@@ -2308,52 +2114,277 @@
2308
2114
  }
2309
2115
 
2310
2116
 
2311
- .E_dsnbhzf {
2312
- @include Inter(bold);
2313
- font-size: 32px;
2314
- line-height: 40px;
2117
+ .E_c1yyuluq {
2118
+ border-radius: 8px;
2119
+ .ant-card-body {
2120
+ padding: 20px 24px 24px 24px;
2121
+ }
2315
2122
  }
2316
2123
 
2317
- .E_d1mvo22k {
2318
- @include Inter(bold);
2319
- font-size: 24px;
2320
- line-height: 32px;
2321
- }
2322
2124
 
2323
- .E_d1b444tr {
2324
- @include Inter();
2325
- font-size: 32px;
2326
- line-height: 40px;
2327
- }
2125
+ .E_ccrbeuz {
2126
+ .ant-collapse-item {
2127
+ border: 0px;
2128
+ background-color: $fills-light-white;
2328
2129
 
2329
- .E_dvs0kue {
2330
- @include Inter(bold);
2331
- font-size: 20px;
2332
- line-height: 24px;
2130
+ .ant-collapse-header {
2131
+ padding-top: 0px;
2132
+ padding-bottom: 0px;
2133
+ padding-left: 0px !important;
2134
+ padding-right: 24px;
2135
+ .ant-collapse-arrow {
2136
+ right: 0px;
2137
+ }
2138
+ }
2139
+ .ant-collapse-content {
2140
+ .ant-collapse-content-box {
2141
+ padding: 0px;
2142
+ }
2143
+ }
2144
+ }
2333
2145
  }
2334
2146
 
2335
- .E_d1hcbfcq {
2336
- @include Inter();
2337
- font-size: 20px;
2338
- line-height: 24px;
2147
+ .E_c1fljvag {
2148
+ .ant-collapse-item {
2149
+ .ant-collapse-header {
2150
+ padding-right: 0px;
2151
+ cursor: default;
2152
+ }
2153
+ }
2339
2154
  }
2340
2155
 
2341
- .E_d1cz922v {
2342
- @include Inter(bold);
2343
- font-size: 18px;
2344
- line-height: 22px;
2345
- }
2346
2156
 
2347
- .E_d3nzbrm {
2348
- @include Inter();
2349
- font-size: 18px;
2350
- line-height: 22px;
2157
+ .E_s1dni7lo {
2158
+ width: 430px !important;
2351
2159
  }
2352
2160
 
2353
- .E_h1g0p5ob {
2354
- @include Inter(bold);
2355
- font-size: 16px;
2356
- line-height: 22px;
2161
+ .E_d1wwmmm5 {
2162
+ .ant-select-item-group {
2163
+ padding: 8px 16px;
2164
+ line-height: 18px;
2165
+ border-top: 1px solid rgba(211, 218, 235, 0.6);
2166
+ height: 34px;
2167
+ min-height: 34px;
2168
+ box-sizing: border-box;
2169
+ margin-top: 8px;
2170
+ }
2171
+ }
2172
+
2173
+ .E_o1ugr09p {
2174
+ display: flex;
2175
+ flex-direction: column;
2176
+ margin: 1px 8px;
2177
+ padding: 8px;
2178
+ border-radius: 4px;
2179
+
2180
+ .selected-icon {
2181
+ display: none;
2182
+ }
2183
+
2184
+ &.ant-select-item-option-grouped {
2185
+ padding-left: 8px;
2186
+ }
2187
+
2188
+ &.ant-select-item-option-selected {
2189
+ background-color: white;
2190
+ .timezone-title {
2191
+ color: #0080ff;
2192
+ }
2193
+ .selected-icon {
2194
+ display: block;
2195
+ }
2196
+ }
2197
+
2198
+ &.ant-select-item-option-active {
2199
+ background: rgba(0, 136, 255, 0.16);
2200
+ .timezone-title {
2201
+ color: #0080ff;
2202
+ }
2203
+ .timezone-tag {
2204
+ background: rgba(0, 136, 255, 0.1);
2205
+ color: #0080ff;
2206
+ }
2207
+ }
2208
+ }
2209
+
2210
+ .E_o1ifxsq4 {
2211
+ display: flex;
2212
+ justify-content: space-between;
2213
+ height: 20px;
2214
+ line-height: 20px;
2215
+
2216
+ .timezone-title {
2217
+ color: #2d3a56;
2218
+ overflow: hidden;
2219
+ text-overflow: ellipsis;
2220
+ }
2221
+ }
2222
+
2223
+ .E_o1zue7 {
2224
+ display: flex;
2225
+ justify-content: space-between;
2226
+ color: $text-light-secondary;
2227
+ height: 18px;
2228
+ line-height: 18px;
2229
+ margin-top: 2px;
2230
+ }
2231
+
2232
+ .E_tyfmlxg {
2233
+ border: none;
2234
+ margin-right: 0;
2235
+ background: rgba(225, 230, 241, 0.6);
2236
+ }
2237
+
2238
+ .E_o18uybox {
2239
+ pointer-events: none;
2240
+ height: 32px;
2241
+ width: 100%;
2242
+ opacity: 0;
2243
+ }
2244
+
2245
+
2246
+ .E_s1sck0th {
2247
+ padding: 0 8px;
2248
+ border-radius: 4px;
2249
+ }
2250
+
2251
+ .E_m855nr1 {
2252
+ padding: 2px 8px;
2253
+ border-radius: 3px;
2254
+ }
2255
+
2256
+ .E_l1270xpg {
2257
+ padding: 3px 8px;
2258
+ border-radius: 2px;
2259
+ }
2260
+
2261
+ .E_t14rextb {
2262
+ &.ant-tag:hover {
2263
+ opacity: unset;
2264
+ }
2265
+ &.ant-tag.ui-kit-token:not(.ant-tag-hidden) {
2266
+ margin: 0;
2267
+ margin-right: 8px;
2268
+ display: inline-flex;
2269
+ align-items: center;
2270
+ border: none;
2271
+ & .ant-tag-close-icon {
2272
+ width: 16px;
2273
+ height: 16px;
2274
+ color: inherit;
2275
+ margin-left: 4px;
2276
+ opacity: 0.6;
2277
+ display: inline-flex;
2278
+ &:hover {
2279
+ opacity: 1;
2280
+ }
2281
+ }
2282
+ &.ant-tag-blue {
2283
+ color: $fills-light-general-general;
2284
+ background-color: $fills-light-general-general-light;
2285
+ }
2286
+ &.ant-tag-red {
2287
+ color: $fills-light-serious-serious;
2288
+ background-color: $fills-light-serious-serious-light;
2289
+ }
2290
+ &.ant-tag-yellow {
2291
+ color: $fills-light-notice-notice-dark;
2292
+ background-color: $fills-light-notice-notice-light;
2293
+ }
2294
+ &.ant-tag-green {
2295
+ color: $fills-light-positive-positive-dark;
2296
+ background-color: $fills-light-positive-positive-light;
2297
+ }
2298
+ &.ant-tag-gray {
2299
+ color: $text-light-super;
2300
+ background-color: $fills-element-light-container-general;
2301
+ }
2302
+ &.ant-tag-purple {
2303
+ color: $text-colorful-purple;
2304
+ background-color: $fill-purple-light;
2305
+ }
2306
+
2307
+ &.ui-kit-token-checked {
2308
+ color: $text-light-on-tint;
2309
+ &.ant-tag-red {
2310
+ background-color: $fills-light-serious-serious;
2311
+ }
2312
+ &.ant-tag-yellow {
2313
+ background-color: $fills-light-notice-notice;
2314
+ }
2315
+ &.ant-tag-green {
2316
+ background-color: $fills-light-positive-positive;
2317
+ }
2318
+ &.ant-tag-blue {
2319
+ background-color: $fills-light-general-general;
2320
+ }
2321
+ &.ant-tag-gray {
2322
+ background-color: $gray-70;
2323
+ }
2324
+ &.ant-tag-purple {
2325
+ background-color: $fill-purple-base;
2326
+ }
2327
+ }
2328
+ }
2329
+ }
2330
+
2331
+
2332
+ .E_iq1gosr {
2333
+ display: inline-block;
2334
+ }
2335
+
2336
+
2337
+ .E_m196gn1d {
2338
+ min-width: 1280px;
2339
+ }
2340
+
2341
+
2342
+ .E_dsnbhzf {
2343
+ @include Inter(bold);
2344
+ font-size: 32px;
2345
+ line-height: 40px;
2346
+ }
2347
+
2348
+ .E_d1mvo22k {
2349
+ @include Inter(bold);
2350
+ font-size: 24px;
2351
+ line-height: 32px;
2352
+ }
2353
+
2354
+ .E_d1b444tr {
2355
+ @include Inter();
2356
+ font-size: 32px;
2357
+ line-height: 40px;
2358
+ }
2359
+
2360
+ .E_dvs0kue {
2361
+ @include Inter(bold);
2362
+ font-size: 20px;
2363
+ line-height: 24px;
2364
+ }
2365
+
2366
+ .E_d1hcbfcq {
2367
+ @include Inter();
2368
+ font-size: 20px;
2369
+ line-height: 24px;
2370
+ }
2371
+
2372
+ .E_d1cz922v {
2373
+ @include Inter(bold);
2374
+ font-size: 18px;
2375
+ line-height: 22px;
2376
+ }
2377
+
2378
+ .E_d3nzbrm {
2379
+ @include Inter();
2380
+ font-size: 18px;
2381
+ line-height: 22px;
2382
+ }
2383
+
2384
+ .E_h1g0p5ob {
2385
+ @include Inter(bold);
2386
+ font-size: 16px;
2387
+ line-height: 22px;
2357
2388
  }
2358
2389
 
2359
2390
  .E_hydo2ej {
@@ -2662,73 +2693,28 @@
2662
2693
  }
2663
2694
 
2664
2695
 
2665
- .E_ccrbeuz {
2666
- .ant-collapse-item {
2667
- border: 0px;
2668
- background-color: $fills-light-white;
2669
-
2670
- .ant-collapse-header {
2671
- padding-top: 0px;
2672
- padding-bottom: 0px;
2673
- padding-left: 0px !important;
2674
- padding-right: 24px;
2675
- .ant-collapse-arrow {
2676
- right: 0px;
2677
- }
2678
- }
2679
- .ant-collapse-content {
2680
- .ant-collapse-content-box {
2681
- padding: 0px;
2682
- }
2683
- }
2684
- }
2685
- }
2686
-
2687
- .E_c1fljvag {
2688
- .ant-collapse-item {
2689
- .ant-collapse-header {
2690
- padding-right: 0px;
2691
- cursor: default;
2692
- }
2693
- }
2694
- }
2695
-
2696
-
2697
- .E_c1yyuluq {
2698
- border-radius: 8px;
2699
- .ant-card-body {
2700
- padding: 20px 24px 24px 24px;
2701
- }
2702
- }
2703
-
2704
-
2705
- .E_m196gn1d {
2706
- min-width: 1280px;
2707
- }
2708
-
2709
-
2710
- .E_a1b5xrg3 {
2711
- .user-icon-inner {
2712
- display: inline-flex;
2713
- align-items: center;
2714
- justify-content: center;
2715
- color: $white;
2716
- font-weight: bold;
2717
- font-size: 12px;
2718
- width: 24px;
2719
- height: 24px;
2720
- border-radius: 50%;
2721
- background: var(--a1b5xrg3-0);
2722
- }
2723
- &.btn-item {
2724
- transition: all 160ms ease;
2725
- cursor: pointer;
2726
- width: 56px;
2727
- height: 40px;
2728
- display: inline-flex;
2729
- align-items: center;
2730
- justify-content: center;
2731
- border-radius: 6px;
2696
+ .E_a1b5xrg3 {
2697
+ .user-icon-inner {
2698
+ display: inline-flex;
2699
+ align-items: center;
2700
+ justify-content: center;
2701
+ color: $white;
2702
+ font-weight: bold;
2703
+ font-size: 12px;
2704
+ width: 24px;
2705
+ height: 24px;
2706
+ border-radius: 50%;
2707
+ background: var(--a1b5xrg3-0);
2708
+ }
2709
+ &.btn-item {
2710
+ transition: all 160ms ease;
2711
+ cursor: pointer;
2712
+ width: 56px;
2713
+ height: 40px;
2714
+ display: inline-flex;
2715
+ align-items: center;
2716
+ justify-content: center;
2717
+ border-radius: 6px;
2732
2718
 
2733
2719
  &:hover {
2734
2720
  box-shadow:
@@ -2744,35 +2730,16 @@
2744
2730
  }
2745
2731
 
2746
2732
 
2747
- .E_suhck3k {
2748
- height: 24px;
2749
- width: 24px;
2750
- border-radius: 6px;
2751
- padding: 4px;
2752
- &:hover {
2753
- background-color: $fill-outstanding-light;
2754
- svg {
2755
- path {
2756
- fill: blue;
2757
- }
2758
- }
2733
+ .E_t1m2x205 {
2734
+ .ant-tooltip-arrow {
2735
+ display: none;
2759
2736
  }
2760
- }
2761
-
2762
-
2763
- .E_ryby9ds {
2764
- display: flex;
2765
- align-items: center;
2766
- .order {
2767
- height: 24px;
2768
- width: 24px;
2769
- border-radius: 20px;
2770
- color: $text-light-general;
2771
- background: $fill-light-element-container-outstanding;
2772
- display: flex;
2773
- align-items: center;
2774
- justify-content: center;
2775
- margin-right: 6px;
2737
+ .ant-tooltip-inner {
2738
+ background: $gray-a80-9;
2739
+ border-radius: 4px;
2740
+ &:has(.eagle-ellipsis-content) {
2741
+ visibility: hidden;
2742
+ }
2776
2743
  }
2777
2744
  }
2778
2745
 
@@ -2969,6 +2936,75 @@
2969
2936
  }
2970
2937
 
2971
2938
 
2939
+ .E_suhck3k {
2940
+ height: 24px;
2941
+ width: 24px;
2942
+ border-radius: 6px;
2943
+ padding: 4px;
2944
+ &:hover {
2945
+ background-color: $fill-outstanding-light;
2946
+ svg {
2947
+ path {
2948
+ fill: blue;
2949
+ }
2950
+ }
2951
+ }
2952
+ }
2953
+
2954
+
2955
+ .E_ryby9ds {
2956
+ display: flex;
2957
+ align-items: center;
2958
+ .order {
2959
+ height: 24px;
2960
+ width: 24px;
2961
+ border-radius: 20px;
2962
+ color: $text-light-general;
2963
+ background: $fill-light-element-container-outstanding;
2964
+ display: flex;
2965
+ align-items: center;
2966
+ justify-content: center;
2967
+ margin-right: 6px;
2968
+ }
2969
+ }
2970
+
2971
+
2972
+ .E_m5foqp8 {
2973
+ --footer-height: 96px;
2974
+ --header-height: 80px;
2975
+ --modal-content-width: 720px;
2976
+ --modal-content-min-height: 200px;
2977
+ --modal-content-max-height: calc(
2978
+ 100vh - 136px - var(--header-height) - var(--footer-height)
2979
+ );
2980
+ --modal-header-padding: 40px 60px 8px;
2981
+ --modal-content-padding-top: 24px;
2982
+ --modal-content-padding-bottom: 32px;
2983
+ --modal-content-padding-x: 60px;
2984
+ --modal-footer-padding: 0 60px;
2985
+
2986
+ &.content-full.ant-modal {
2987
+ height: calc(100vh - 80px);
2988
+ width: calc(100vw - 160px);
2989
+ .ant-modal-content {
2990
+ width: 100%;
2991
+ height: 100%;
2992
+ max-width: unset;
2993
+ max-height: unset;
2994
+ display: flex;
2995
+ flex-direction: column;
2996
+ }
2997
+ .ant-modal-body {
2998
+ flex: 1;
2999
+ }
3000
+ }
3001
+
3002
+ .initializing-title {
3003
+ height: 32px;
3004
+ }
3005
+ }
3006
+
3007
+
2972
3008
  .E_s17wv897 {
2973
3009
  &.ant-select,
2974
3010
  &.ant-select div.ant-select-selector {
@@ -3071,42 +3107,6 @@
3071
3107
  }
3072
3108
 
3073
3109
 
3074
- .E_m5foqp8 {
3075
- --footer-height: 96px;
3076
- --header-height: 80px;
3077
- --modal-content-width: 720px;
3078
- --modal-content-min-height: 200px;
3079
- --modal-content-max-height: calc(
3080
- 100vh - 136px - var(--header-height) - var(--footer-height)
3081
- );
3082
- --modal-header-padding: 40px 60px 8px;
3083
- --modal-content-padding-top: 24px;
3084
- --modal-content-padding-bottom: 32px;
3085
- --modal-content-padding-x: 60px;
3086
- --modal-footer-padding: 0 60px;
3087
-
3088
- &.content-full.ant-modal {
3089
- height: calc(100vh - 80px);
3090
- width: calc(100vw - 160px);
3091
- .ant-modal-content {
3092
- width: 100%;
3093
- height: 100%;
3094
- max-width: unset;
3095
- max-height: unset;
3096
- display: flex;
3097
- flex-direction: column;
3098
- }
3099
- .ant-modal-body {
3100
- flex: 1;
3101
- }
3102
- }
3103
-
3104
- .initializing-title {
3105
- height: 32px;
3106
- }
3107
- }
3108
-
3109
-
3110
3110
  .E_s4ivdfu {
3111
3111
  &.ant-select {
3112
3112
  .ant-select-selection-placeholder {
@@ -3336,22 +3336,6 @@
3336
3336
  }
3337
3337
 
3338
3338
 
3339
- .E_w1dxz879 {
3340
- display: flex;
3341
- flex-direction: column;
3342
- gap: 6px;
3343
- .ellipsis-tooltip {
3344
- max-height: var(--w1dxz879-0);
3345
- text-overflow: clip;
3346
- overflow: hidden;
3347
- }
3348
- .tips {
3349
- color: #fff;
3350
- opacity: 0.8;
3351
- }
3352
- }
3353
-
3354
-
3355
3339
  .E_h12yihis {
3356
3340
  height: 50px;
3357
3341
  border-bottom: 2px solid #edf0f7;
@@ -3622,6 +3606,22 @@
3622
3606
  }
3623
3607
 
3624
3608
 
3609
+ .E_w1dxz879 {
3610
+ display: flex;
3611
+ flex-direction: column;
3612
+ gap: 6px;
3613
+ .ellipsis-tooltip {
3614
+ max-height: var(--w1dxz879-0);
3615
+ text-overflow: clip;
3616
+ overflow: hidden;
3617
+ }
3618
+ .tips {
3619
+ color: #fff;
3620
+ opacity: 0.8;
3621
+ }
3622
+ }
3623
+
3624
+
3625
3625
  .E_r77hffu {
3626
3626
  display: flex;
3627
3627
  align-items: center;
@@ -3643,24 +3643,112 @@
3643
3643
  }
3644
3644
 
3645
3645
 
3646
- .E_s11wux3h {
3647
- .antd5-segmented-item:not(:last-child) {
3648
- margin-right: 2px;
3649
- }
3646
+ .E_c1yd35n {
3647
+ padding: 0 12px 14px 12px;
3650
3648
  }
3651
3649
 
3652
- .E_s1t2an3z {
3653
- &.antd5-segmented-sm .antd5-segmented-item-label {
3654
- padding-left: 8px;
3655
- padding-right: 8px;
3656
- font-size: 12px;
3657
- }
3658
3650
 
3659
- &.antd5-segmented-sm .antd5-segmented-item-selected {
3660
- border-radius: 4px;
3661
- }
3651
+ .E_c1kghdax {
3652
+ color: $text-primary-light;
3653
+ padding: 7px 12px;
3654
+ display: flex;
3655
+ justify-content: space-between;
3656
+ align-items: center;
3662
3657
 
3663
- &.antd5-segmented
3658
+ &.has-arrow {
3659
+ padding-left: 10px;
3660
+
3661
+ .title-wrapper {
3662
+ cursor: pointer;
3663
+ color: $text-light-primary;
3664
+
3665
+ &.is-open {
3666
+ color: $text-primary-light;
3667
+ font-weight: 600;
3668
+
3669
+ .collapse-arrow {
3670
+ transform: rotate(90deg);
3671
+ }
3672
+ }
3673
+ }
3674
+ }
3675
+
3676
+ .sub-info {
3677
+ font-size: 12px;
3678
+ line-height: 18px;
3679
+ }
3680
+
3681
+ .title-wrapper {
3682
+ display: flex;
3683
+ align-items: center;
3684
+ user-select: none;
3685
+ flex-grow: 1;
3686
+ font-size: 12px;
3687
+ line-height: 18px;
3688
+ color: $text-primary-light;
3689
+ font-weight: 700;
3690
+ }
3691
+
3692
+ .collapse-arrow {
3693
+ transition: all 50ms ease-out 0ms;
3694
+ margin-right: 2px;
3695
+ }
3696
+ }
3697
+
3698
+
3699
+ .E_ckui4s7 {
3700
+ color: $text-primary-light;
3701
+ line-height: 22px;
3702
+ display: inline-flex;
3703
+ .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; } } }
3704
+ }
3705
+
3706
+
3707
+ .E_b14q2gmw {
3708
+ box-shadow: 0px 0.119595px 0.438513px rgba(129, 138, 153, 0.14),
3709
+ 0px 0.271728px 0.996336px rgba(129, 138, 153, 0.106447),
3710
+ 0px 0.472931px 1.73408px rgba(129, 138, 153, 0.0912224),
3711
+ 0px 0.751293px 2.75474px rgba(129, 138, 153, 0.0799253),
3712
+ 0px 1.15919px 4.25036px rgba(129, 138, 153, 0.07),
3713
+ 0px 1.80882px 6.63236px rgba(129, 138, 153, 0.0600747),
3714
+ 0px 3.00293px 11.0107px rgba(129, 138, 153, 0.0487776),
3715
+ 0px 6px 22px rgba(129, 138, 153, 0.0335534);
3716
+ }
3717
+
3718
+ .E_c1eym6el {
3719
+ border-radius: 8px;
3720
+ background-color: white;
3721
+ &.hoverable {
3722
+ cursor: pointer;
3723
+
3724
+ &:hover {
3725
+ transition: all 200ms ease;
3726
+ box-shadow: 0px 9px 22px rgb(107 125 153 / 23%),
3727
+ 0px 1.12694px 2.75474px rgb(107 125 153 / 12%);
3728
+ transform: translateY(-4px);
3729
+ }
3730
+ }
3731
+ }
3732
+
3733
+
3734
+ .E_s11wux3h {
3735
+ .antd5-segmented-item:not(:last-child) {
3736
+ margin-right: 2px;
3737
+ }
3738
+ }
3739
+
3740
+ .E_s1t2an3z {
3741
+ &.antd5-segmented-sm .antd5-segmented-item-label {
3742
+ padding-left: 8px;
3743
+ padding-right: 8px;
3744
+ font-size: 12px;
3745
+ }
3746
+
3747
+ &.antd5-segmented-sm .antd5-segmented-item-selected {
3748
+ border-radius: 4px;
3749
+ }
3750
+
3751
+ &.antd5-segmented
3664
3752
  .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3665
3753
  .antd5-segmented-item-disabled
3666
3754
  ) {
@@ -3786,94 +3874,6 @@
3786
3874
  }
3787
3875
 
3788
3876
 
3789
- .E_ckui4s7 {
3790
- color: $text-primary-light;
3791
- line-height: 22px;
3792
- display: inline-flex;
3793
- .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; } } }
3794
- }
3795
-
3796
-
3797
- .E_c1yd35n {
3798
- padding: 0 12px 14px 12px;
3799
- }
3800
-
3801
-
3802
- .E_c1kghdax {
3803
- color: $text-primary-light;
3804
- padding: 7px 12px;
3805
- display: flex;
3806
- justify-content: space-between;
3807
- align-items: center;
3808
-
3809
- &.has-arrow {
3810
- padding-left: 10px;
3811
-
3812
- .title-wrapper {
3813
- cursor: pointer;
3814
- color: $text-light-primary;
3815
-
3816
- &.is-open {
3817
- color: $text-primary-light;
3818
- font-weight: 600;
3819
-
3820
- .collapse-arrow {
3821
- transform: rotate(90deg);
3822
- }
3823
- }
3824
- }
3825
- }
3826
-
3827
- .sub-info {
3828
- font-size: 12px;
3829
- line-height: 18px;
3830
- }
3831
-
3832
- .title-wrapper {
3833
- display: flex;
3834
- align-items: center;
3835
- user-select: none;
3836
- flex-grow: 1;
3837
- font-size: 12px;
3838
- line-height: 18px;
3839
- color: $text-primary-light;
3840
- font-weight: 700;
3841
- }
3842
-
3843
- .collapse-arrow {
3844
- transition: all 50ms ease-out 0ms;
3845
- margin-right: 2px;
3846
- }
3847
- }
3848
-
3849
-
3850
- .E_b14q2gmw {
3851
- box-shadow: 0px 0.119595px 0.438513px rgba(129, 138, 153, 0.14),
3852
- 0px 0.271728px 0.996336px rgba(129, 138, 153, 0.106447),
3853
- 0px 0.472931px 1.73408px rgba(129, 138, 153, 0.0912224),
3854
- 0px 0.751293px 2.75474px rgba(129, 138, 153, 0.0799253),
3855
- 0px 1.15919px 4.25036px rgba(129, 138, 153, 0.07),
3856
- 0px 1.80882px 6.63236px rgba(129, 138, 153, 0.0600747),
3857
- 0px 3.00293px 11.0107px rgba(129, 138, 153, 0.0487776),
3858
- 0px 6px 22px rgba(129, 138, 153, 0.0335534);
3859
- }
3860
-
3861
- .E_c1eym6el {
3862
- border-radius: 8px;
3863
- background-color: white;
3864
- &.hoverable {
3865
- cursor: pointer;
3866
-
3867
- &:hover {
3868
- transition: all 200ms ease;
3869
- box-shadow: 0px 9px 22px rgb(107 125 153 / 23%),
3870
- 0px 1.12694px 2.75474px rgb(107 125 153 / 12%);
3871
- transform: translateY(-4px);
3872
- }
3873
- }
3874
- }
3875
-
3876
-
3877
3877
  .E_l48ei06 {
3878
3878
  @at-root {
3879
3879
  button#{&}.ant-btn,
@@ -3968,63 +3968,7 @@
3968
3968
  }
3969
3969
 
3970
3970
 
3971
- .E_lht19u8 {
3972
- width: 64px;
3973
- height: 64px;
3974
- display: flex;
3975
- align-items: center;
3976
- justify-content: center;
3977
- position: relative;
3978
- opacity: 0.2;
3979
- }
3980
-
3981
- .E_lk3gkp4 {
3982
- position: absolute;
3983
- width: 5px;
3984
- height: 48px;
3985
- left: 9.33px;
3986
- top: 40.5px;
3987
-
3988
- background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
3989
- border-radius: 5px;
3990
- transform: rotate(-128deg);
3991
- transform-origin: top left;
3992
-
3993
- animation: loading-indicator1 1100ms ease-out infinite;
3994
- }
3995
-
3996
- .E_ll4n94n {
3997
- position: absolute;
3998
- width: 5px;
3999
- height: 48px;
4000
- left: 40.8px;
4001
- top: 8.4px;
4002
-
4003
- background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
4004
- border-radius: 5px;
4005
- transform: rotate(-8deg);
4006
- transform-origin: top left;
4007
-
4008
- animation: loading-indicator2 1100ms ease-out infinite;
4009
- }
4010
-
4011
- .E_l17lbdo6 {
4012
- position: absolute;
4013
- width: 5px;
4014
- height: 48px;
4015
- left: 52.9px;
4016
- top: 51.8px;
4017
-
4018
- background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
4019
- border-radius: 5px;
4020
- transform: rotate(112deg);
4021
- transform-origin: top left;
4022
-
4023
- animation: loading-indicator3 1100ms ease-out infinite;
4024
- }
4025
-
4026
-
4027
- .E_msn7nxt {
3971
+ .E_m11nzl2x {
4028
3972
  color: $text-light-secondary;
4029
3973
  text-align: center;
4030
3974
 
@@ -4040,7 +3984,7 @@
4040
3984
  }
4041
3985
  }
4042
3986
 
4043
- .E_mp64wfi {
3987
+ .E_mn7joto {
4044
3988
  width: 100%;
4045
3989
  height: 100%;
4046
3990
  display: flex;
@@ -4050,7 +3994,6 @@
4050
3994
  width: 100%;
4051
3995
  display: flex;
4052
3996
  line-height: 30px;
4053
- padding: 0 16px;
4054
3997
  justify-content: space-between;
4055
3998
  .metric-extra {
4056
3999
  display: flex;
@@ -4083,7 +4026,7 @@
4083
4026
  }
4084
4027
  }
4085
4028
 
4086
- .E_l1oyigan {
4029
+ .E_l1bifhon {
4087
4030
  display: flex;
4088
4031
  align-items: center;
4089
4032
  white-space: nowrap;
@@ -4091,199 +4034,19 @@
4091
4034
  width: 100%;
4092
4035
 
4093
4036
  .ant-dropdown-trigger {
4094
- margin-left: auto;
4095
4037
  font-size: 12px;
4038
+ margin-left: 8px;
4096
4039
  }
4097
4040
  }
4098
4041
 
4099
- .E_l1noi4n1 {
4042
+ .E_ltthzck {
4100
4043
  display: flex;
4101
4044
  justify-content: flex-start;
4102
4045
  align-items: center;
4103
4046
  font-size: 12px;
4104
4047
  cursor: pointer;
4105
-
4106
- &:not(:last-child) {
4107
- margin-right: 20px;
4108
- }
4109
- &.deselected {
4110
- opacity: 0.4;
4111
-
4112
- .color-block {
4113
- background: #b4beca !important;
4114
- }
4115
- }
4116
- }
4117
-
4118
- .E_cz19rz6 {
4119
- display: inline-block;
4120
- height: 8px;
4121
- width: 8px;
4122
- margin-right: 8px;
4123
- }
4124
-
4125
- .E_e17r5r9c {
4126
- .ant-dropdown-menu-item {
4127
- display: flex;
4128
- align-items: center;
4129
- font-size: 12px;
4130
- margin: 0;
4131
- }
4132
- }
4133
-
4134
- .E_m1y1hhnr {
4135
- position: relative;
4136
-
4137
- &.hidden-xaxis .pointer-wrapper {
4138
- bottom: -12px;
4139
- }
4140
-
4141
- .metric-toolbar {
4142
- display: flex;
4143
- justify-content: space-between;
4144
- line-height: 30px;
4145
- margin: 0 16px;
4146
-
4147
- .metric-extra {
4148
- display: flex;
4149
- font-size: 12px;
4150
- align-items: center;
4151
-
4152
- .info-item {
4153
- color: $gray-60;
4154
- }
4155
- .info-item + .info-item {
4156
- margin-left: 10px;
4157
- }
4158
-
4159
- .menu-trigger {
4160
- margin-left: 10px;
4161
- cursor: pointer;
4162
- }
4163
- }
4164
- }
4165
-
4166
- .recharts-xAxis {
4167
- font-size: 12px;
4168
- }
4169
-
4170
- .pointer-wrapper {
4171
- position: absolute;
4172
- bottom: 10px;
4173
- padding: 0 8px;
4174
- border-radius: 4px;
4175
- font-size: 12px;
4176
- color: $white;
4177
- background: rgba(0, 0, 0, 0.75);
4178
- transform: translateX(-50%);
4179
- }
4180
- }
4181
-
4182
- .E_tnvijvs {
4183
- min-width: 200px;
4184
- }
4185
-
4186
- .E_t1ub2aex {
4187
- display: flex;
4188
- align-items: center;
4189
- justify-content: space-between;
4190
- background-color: rgba(0, 0, 0, 0.75);
4191
- color: #b4beca;
4192
- font-size: 12px;
4193
- padding: 3px 6px;
4194
-
4195
- &:first-child {
4196
- padding-top: 3px;
4197
- }
4198
- &:last-child {
4199
- padding-bottom: 3px;
4200
- }
4201
- .column-value {
4202
- color: $white;
4203
- margin-left: 8px;
4204
- }
4205
- }
4206
-
4207
-
4208
- .E_m11nzl2x {
4209
- color: $text-light-secondary;
4210
- text-align: center;
4211
-
4212
- display: flex;
4213
- align-items: center;
4214
- justify-content: center;
4215
- flex-direction: column;
4216
- height: 100%;
4217
-
4218
- .link {
4219
- color: $text-light-general;
4220
- cursor: pointer;
4221
- }
4222
- }
4223
-
4224
- .E_mn7joto {
4225
- width: 100%;
4226
- height: 100%;
4227
- display: flex;
4228
- flex-direction: column;
4229
-
4230
- .name-toolbar {
4231
- width: 100%;
4232
- display: flex;
4233
- line-height: 30px;
4234
- justify-content: space-between;
4235
- .metric-extra {
4236
- display: flex;
4237
- font-size: 12px;
4238
- align-items: center;
4239
-
4240
- .info-item {
4241
- color: $gray-60;
4242
- }
4243
- .info-item + .info-item {
4244
- margin-left: 10px;
4245
- }
4246
-
4247
- .menu-trigger {
4248
- margin-left: 10px;
4249
- cursor: pointer;
4250
- }
4251
- }
4252
- }
4253
-
4254
- .content {
4255
- flex: 1;
4256
- width: 100%;
4257
- display: flex;
4258
- justify-content: center;
4259
- align-items: center;
4260
- }
4261
- .single-content {
4262
- height: 65px;
4263
- }
4264
- }
4265
-
4266
- .E_l1bifhon {
4267
- display: flex;
4268
- align-items: center;
4269
- white-space: nowrap;
4270
- overflow: hidden;
4271
- width: 100%;
4272
-
4273
- .ant-dropdown-trigger {
4274
- font-size: 12px;
4275
- margin-left: 8px;
4276
- }
4277
- }
4278
-
4279
- .E_ltthzck {
4280
- display: flex;
4281
- justify-content: flex-start;
4282
- align-items: center;
4283
- font-size: 12px;
4284
- cursor: pointer;
4285
- &:not(:first-child) {
4286
- margin-left: 8px;
4048
+ &:not(:first-child) {
4049
+ margin-left: 8px;
4287
4050
  }
4288
4051
 
4289
4052
  &.deselected,
@@ -4443,142 +4206,58 @@
4443
4206
  }
4444
4207
 
4445
4208
 
4446
- .E_sddwhm6 {
4447
- $prefix: ui-kit-status-capsule;
4448
- margin: 0;
4449
- border-radius: 20px;
4450
- padding: 2px 10px;
4451
- height: 22px;
4209
+ .E_tc97u5y {
4210
+ height: 100%;
4211
+ }
4452
4212
 
4453
- &.ant-tag.#{$prefix}.off-white {
4454
- background-color: $fill-neutral-trans-1 !important;
4455
- &.tag-hover:hover,
4456
- &.__pseudo-states-hover {
4457
- background-color: $fill-neutral-trans-2 !important;
4458
- }
4213
+ .E_efzf37v {
4214
+ .ant-table-content,
4215
+ .ant-table-body {
4216
+ overflow: visible !important;
4217
+ height: 100%;
4459
4218
  }
4460
- &.ant-tag.#{$prefix} {
4461
- color: $text-neutral-primary;
4462
- .#{$prefix}-icon {
4463
- margin-right: 6px;
4219
+
4220
+ .ant-table-tbody .ant-table-placeholder td {
4221
+ height: 100%;
4222
+ }
4223
+
4224
+ table {
4225
+ width: 100% !important;
4226
+ height: 100%;
4227
+ .ant-table-placeholder .ant-table-expanded-row-fixed {
4228
+ padding: 15px 0;
4464
4229
  }
4465
- .#{$prefix}-number {
4466
- margin-left: 8px;
4467
- color: #2C385299;
4230
+ }
4231
+
4232
+ table thead.ant-table-thead {
4233
+ display: none;
4234
+ }
4235
+ }
4236
+
4237
+ .E_t1fisho6 {
4238
+ height: 100%;
4239
+
4240
+ .ant-table.ant-table-small .ant-table-tbody > tr > td {
4241
+ padding-top: 6px;
4242
+ padding-bottom: 6px;
4243
+ }
4244
+
4245
+ .active-row td:nth-child(1) {
4246
+ font-weight: 700;
4247
+ }
4248
+ &.has-selection .active-row td:nth-child(2) {
4249
+ font-weight: 700;
4250
+ }
4251
+
4252
+ .ant-spin-nested-loading {
4253
+ height: 100%;
4254
+
4255
+ .ant-spin-container {
4256
+ height: 100%;
4257
+ overflow: visible;
4468
4258
  }
4469
- &.ant-tag-blue {
4470
- background-color: $fill-outstanding-light;
4471
- .#{$prefix}-icon {
4472
- background-color: $fill-outstanding-base;
4473
- }
4474
- &.tag-hover:hover,
4475
- &.__pseudo-states-hover {
4476
- background-color: $fill-outstanding-light-hover;
4477
- }
4478
- }
4479
- &.ant-tag-red {
4480
- background-color: $fill-serious-light;
4481
- .#{$prefix}-icon {
4482
- background-color: $fill-serious-base;
4483
- }
4484
- &.tag-hover:hover,
4485
- &.__pseudo-states-hover {
4486
- background-color: $fill-serious-light-hover;
4487
- }
4488
- }
4489
- &.ant-tag-yellow {
4490
- background-color: $fill-notice-light;
4491
- .#{$prefix}-icon {
4492
- background-color: $fill-notice-base;
4493
- }
4494
- &.tag-hover:hover,
4495
- &.__pseudo-states-hover {
4496
- background-color: $fill-notice-light-hover;
4497
- }
4498
- }
4499
- &.ant-tag-green {
4500
- background-color: $fill-positive-light;
4501
- .#{$prefix}-icon {
4502
- background-color: $fill-positive-base;
4503
- }
4504
- &.tag-hover:hover,
4505
- &.__pseudo-states-hover {
4506
- background-color: $fill-positive-light-hover;
4507
- }
4508
- }
4509
- &.ant-tag-gray {
4510
- background-color: $fill-neutral-trans-2;
4511
- .#{$prefix}-icon:not(.ui-kit-status-capsule-icon-loading) {
4512
- background-color: $gray-70;
4513
- }
4514
- &.tag-hover:hover,
4515
- &.__pseudo-states-hover {
4516
- background-color: $fill-neutral-trans-3-trans-2-hover;
4517
- }
4518
- }
4519
- }
4520
- }
4521
-
4522
- .E_satwmqm {
4523
- width: 8px;
4524
- height: 8px;
4525
- border-radius: 50%;
4526
- display: inline-block;
4527
- }
4528
-
4529
-
4530
- .E_tc97u5y {
4531
- height: 100%;
4532
- }
4533
-
4534
- .E_efzf37v {
4535
- .ant-table-content,
4536
- .ant-table-body {
4537
- overflow: visible !important;
4538
- height: 100%;
4539
- }
4540
-
4541
- .ant-table-tbody .ant-table-placeholder td {
4542
- height: 100%;
4543
- }
4544
-
4545
- table {
4546
- width: 100% !important;
4547
- height: 100%;
4548
- .ant-table-placeholder .ant-table-expanded-row-fixed {
4549
- padding: 15px 0;
4550
- }
4551
- }
4552
-
4553
- table thead.ant-table-thead {
4554
- display: none;
4555
- }
4556
- }
4557
-
4558
- .E_t1fisho6 {
4559
- height: 100%;
4560
-
4561
- .ant-table.ant-table-small .ant-table-tbody > tr > td {
4562
- padding-top: 6px;
4563
- padding-bottom: 6px;
4564
- }
4565
-
4566
- .active-row td:nth-child(1) {
4567
- font-weight: 700;
4568
- }
4569
- &.has-selection .active-row td:nth-child(2) {
4570
- font-weight: 700;
4571
- }
4572
-
4573
- .ant-spin-nested-loading {
4574
- height: 100%;
4575
-
4576
- .ant-spin-container {
4577
- height: 100%;
4578
- overflow: visible;
4579
- }
4580
- .ant-spin {
4581
- max-height: none;
4259
+ .ant-spin {
4260
+ max-height: none;
4582
4261
  }
4583
4262
  }
4584
4263
 
@@ -4965,47 +4644,585 @@
4965
4644
  }
4966
4645
 
4967
4646
 
4968
- .E_w7ob4th {
4969
- &.outside-tag {
4970
- padding-left: 0;
4971
- .inside-tag {
4972
- border-radius: 4px 0 0 4px;
4973
- padding-right: 4px;
4974
- margin-right: 4px;
4647
+ .E_sddwhm6 {
4648
+ $prefix: ui-kit-status-capsule;
4649
+ margin: 0;
4650
+ border-radius: 20px;
4651
+ padding: 2px 10px;
4652
+ height: 22px;
4653
+
4654
+ &.ant-tag.#{$prefix}.off-white {
4655
+ background-color: $fill-neutral-trans-1 !important;
4656
+ &.tag-hover:hover,
4657
+ &.__pseudo-states-hover {
4658
+ background-color: $fill-neutral-trans-2 !important;
4659
+ }
4660
+ }
4661
+ &.ant-tag.#{$prefix} {
4662
+ color: $text-neutral-primary;
4663
+ .#{$prefix}-icon {
4664
+ margin-right: 6px;
4665
+ }
4666
+ .#{$prefix}-number {
4667
+ margin-left: 8px;
4668
+ color: #2C385299;
4669
+ }
4670
+ &.ant-tag-blue {
4671
+ background-color: $fill-outstanding-light;
4672
+ .#{$prefix}-icon {
4673
+ background-color: $fill-outstanding-base;
4674
+ }
4675
+ &.tag-hover:hover,
4676
+ &.__pseudo-states-hover {
4677
+ background-color: $fill-outstanding-light-hover;
4678
+ }
4679
+ }
4680
+ &.ant-tag-red {
4681
+ background-color: $fill-serious-light;
4682
+ .#{$prefix}-icon {
4683
+ background-color: $fill-serious-base;
4684
+ }
4685
+ &.tag-hover:hover,
4686
+ &.__pseudo-states-hover {
4687
+ background-color: $fill-serious-light-hover;
4688
+ }
4689
+ }
4690
+ &.ant-tag-yellow {
4691
+ background-color: $fill-notice-light;
4692
+ .#{$prefix}-icon {
4693
+ background-color: $fill-notice-base;
4694
+ }
4695
+ &.tag-hover:hover,
4696
+ &.__pseudo-states-hover {
4697
+ background-color: $fill-notice-light-hover;
4698
+ }
4699
+ }
4700
+ &.ant-tag-green {
4701
+ background-color: $fill-positive-light;
4702
+ .#{$prefix}-icon {
4703
+ background-color: $fill-positive-base;
4704
+ }
4705
+ &.tag-hover:hover,
4706
+ &.__pseudo-states-hover {
4707
+ background-color: $fill-positive-light-hover;
4708
+ }
4709
+ }
4710
+ &.ant-tag-gray {
4711
+ background-color: $fill-neutral-trans-2;
4712
+ .#{$prefix}-icon:not(.ui-kit-status-capsule-icon-loading) {
4713
+ background-color: $gray-70;
4714
+ }
4715
+ &.tag-hover:hover,
4716
+ &.__pseudo-states-hover {
4717
+ background-color: $fill-neutral-trans-3-trans-2-hover;
4718
+ }
4975
4719
  }
4976
4720
  }
4977
4721
  }
4978
4722
 
4723
+ .E_satwmqm {
4724
+ width: 8px;
4725
+ height: 8px;
4726
+ border-radius: 50%;
4727
+ display: inline-block;
4728
+ }
4979
4729
 
4980
- .E_slr2ynn {
4981
- padding: 0 8px;
4982
- height: 18px;
4983
- }
4984
4730
 
4985
- .E_m140wbb6 {
4986
- padding: 2px 8px;
4987
- height: 24px;
4988
- }
4731
+ .E_msn7nxt {
4732
+ color: $text-light-secondary;
4733
+ text-align: center;
4989
4734
 
4990
- .E_t1fozc1i {
4991
- margin: 0;
4992
- }
4735
+ display: flex;
4736
+ align-items: center;
4737
+ justify-content: center;
4738
+ flex-direction: column;
4739
+ height: 100%;
4993
4740
 
4994
- .E_i1vxv4ln {
4995
- margin-right: 4px;
4996
- height: 16px;
4741
+ .link {
4742
+ color: $text-light-general;
4743
+ cursor: pointer;
4744
+ }
4997
4745
  }
4998
4746
 
4999
- .E_n1afl31m {
5000
- &.ant-tag.ant-tag-gray {
5001
- font-weight: 700;
5002
- color: $text-neutral-primary;
5003
- background-color: $fill-neutral-trans-1;
5004
- border: 1px solid $stroke-neutral-trans-2;
5005
- word-break: break-all;
5006
- display: inline;
5007
- white-space: normal;
4747
+ .E_mp64wfi {
4748
+ width: 100%;
4749
+ height: 100%;
4750
+ display: flex;
4751
+ flex-direction: column;
4752
+
4753
+ .name-toolbar {
4754
+ width: 100%;
4755
+ display: flex;
4756
+ line-height: 30px;
4757
+ padding: 0 16px;
4758
+ justify-content: space-between;
4759
+ .metric-extra {
4760
+ display: flex;
4761
+ font-size: 12px;
4762
+ align-items: center;
4763
+
4764
+ .info-item {
4765
+ color: $gray-60;
4766
+ }
4767
+ .info-item + .info-item {
4768
+ margin-left: 10px;
4769
+ }
4770
+
4771
+ .menu-trigger {
4772
+ margin-left: 10px;
4773
+ cursor: pointer;
4774
+ }
4775
+ }
5008
4776
  }
4777
+
4778
+ .content {
4779
+ flex: 1;
4780
+ width: 100%;
4781
+ display: flex;
4782
+ justify-content: center;
4783
+ align-items: center;
4784
+ }
4785
+ .single-content {
4786
+ height: 65px;
4787
+ }
4788
+ }
4789
+
4790
+ .E_l1oyigan {
4791
+ display: flex;
4792
+ align-items: center;
4793
+ white-space: nowrap;
4794
+ overflow: hidden;
4795
+ width: 100%;
4796
+
4797
+ .ant-dropdown-trigger {
4798
+ margin-left: auto;
4799
+ font-size: 12px;
4800
+ }
4801
+ }
4802
+
4803
+ .E_l1noi4n1 {
4804
+ display: flex;
4805
+ justify-content: flex-start;
4806
+ align-items: center;
4807
+ font-size: 12px;
4808
+ cursor: pointer;
4809
+
4810
+ &:not(:last-child) {
4811
+ margin-right: 20px;
4812
+ }
4813
+ &.deselected {
4814
+ opacity: 0.4;
4815
+
4816
+ .color-block {
4817
+ background: #b4beca !important;
4818
+ }
4819
+ }
4820
+ }
4821
+
4822
+ .E_cz19rz6 {
4823
+ display: inline-block;
4824
+ height: 8px;
4825
+ width: 8px;
4826
+ margin-right: 8px;
4827
+ }
4828
+
4829
+ .E_e17r5r9c {
4830
+ .ant-dropdown-menu-item {
4831
+ display: flex;
4832
+ align-items: center;
4833
+ font-size: 12px;
4834
+ margin: 0;
4835
+ }
4836
+ }
4837
+
4838
+ .E_m1y1hhnr {
4839
+ position: relative;
4840
+
4841
+ &.hidden-xaxis .pointer-wrapper {
4842
+ bottom: -12px;
4843
+ }
4844
+
4845
+ .metric-toolbar {
4846
+ display: flex;
4847
+ justify-content: space-between;
4848
+ line-height: 30px;
4849
+ margin: 0 16px;
4850
+
4851
+ .metric-extra {
4852
+ display: flex;
4853
+ font-size: 12px;
4854
+ align-items: center;
4855
+
4856
+ .info-item {
4857
+ color: $gray-60;
4858
+ }
4859
+ .info-item + .info-item {
4860
+ margin-left: 10px;
4861
+ }
4862
+
4863
+ .menu-trigger {
4864
+ margin-left: 10px;
4865
+ cursor: pointer;
4866
+ }
4867
+ }
4868
+ }
4869
+
4870
+ .recharts-xAxis {
4871
+ font-size: 12px;
4872
+ }
4873
+
4874
+ .pointer-wrapper {
4875
+ position: absolute;
4876
+ bottom: 10px;
4877
+ padding: 0 8px;
4878
+ border-radius: 4px;
4879
+ font-size: 12px;
4880
+ color: $white;
4881
+ background: rgba(0, 0, 0, 0.75);
4882
+ transform: translateX(-50%);
4883
+ }
4884
+ }
4885
+
4886
+ .E_tnvijvs {
4887
+ min-width: 200px;
4888
+ }
4889
+
4890
+ .E_t1ub2aex {
4891
+ display: flex;
4892
+ align-items: center;
4893
+ justify-content: space-between;
4894
+ background-color: rgba(0, 0, 0, 0.75);
4895
+ color: #b4beca;
4896
+ font-size: 12px;
4897
+ padding: 3px 6px;
4898
+
4899
+ &:first-child {
4900
+ padding-top: 3px;
4901
+ }
4902
+ &:last-child {
4903
+ padding-bottom: 3px;
4904
+ }
4905
+ .column-value {
4906
+ color: $white;
4907
+ margin-left: 8px;
4908
+ }
4909
+ }
4910
+
4911
+
4912
+ .E_lht19u8 {
4913
+ width: 64px;
4914
+ height: 64px;
4915
+ display: flex;
4916
+ align-items: center;
4917
+ justify-content: center;
4918
+ position: relative;
4919
+ opacity: 0.2;
4920
+ }
4921
+
4922
+ .E_lk3gkp4 {
4923
+ position: absolute;
4924
+ width: 5px;
4925
+ height: 48px;
4926
+ left: 9.33px;
4927
+ top: 40.5px;
4928
+
4929
+ background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
4930
+ border-radius: 5px;
4931
+ transform: rotate(-128deg);
4932
+ transform-origin: top left;
4933
+
4934
+ animation: loading-indicator1 1100ms ease-out infinite;
4935
+ }
4936
+
4937
+ .E_ll4n94n {
4938
+ position: absolute;
4939
+ width: 5px;
4940
+ height: 48px;
4941
+ left: 40.8px;
4942
+ top: 8.4px;
4943
+
4944
+ background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
4945
+ border-radius: 5px;
4946
+ transform: rotate(-8deg);
4947
+ transform-origin: top left;
4948
+
4949
+ animation: loading-indicator2 1100ms ease-out infinite;
4950
+ }
4951
+
4952
+ .E_l17lbdo6 {
4953
+ position: absolute;
4954
+ width: 5px;
4955
+ height: 48px;
4956
+ left: 52.9px;
4957
+ top: 51.8px;
4958
+
4959
+ background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
4960
+ border-radius: 5px;
4961
+ transform: rotate(112deg);
4962
+ transform-origin: top left;
4963
+
4964
+ animation: loading-indicator3 1100ms ease-out infinite;
4965
+ }
4966
+
4967
+
4968
+ .E_w7ob4th {
4969
+ &.outside-tag {
4970
+ padding-left: 0;
4971
+ .inside-tag {
4972
+ border-radius: 4px 0 0 4px;
4973
+ padding-right: 4px;
4974
+ margin-right: 4px;
4975
+ }
4976
+ }
4977
+ }
4978
+
4979
+
4980
+ .E_slr2ynn {
4981
+ padding: 0 8px;
4982
+ height: 18px;
4983
+ }
4984
+
4985
+ .E_m140wbb6 {
4986
+ padding: 2px 8px;
4987
+ height: 24px;
4988
+ }
4989
+
4990
+ .E_t1fozc1i {
4991
+ margin: 0;
4992
+ }
4993
+
4994
+ .E_i1vxv4ln {
4995
+ margin-right: 4px;
4996
+ height: 16px;
4997
+ }
4998
+
4999
+ .E_n1afl31m {
5000
+ &.ant-tag.ant-tag-gray {
5001
+ font-weight: 700;
5002
+ color: $text-neutral-primary;
5003
+ background-color: $fill-neutral-trans-1;
5004
+ border: 1px solid $stroke-neutral-trans-2;
5005
+ word-break: break-all;
5006
+ display: inline;
5007
+ white-space: normal;
5008
+ }
5009
+ }
5010
+
5011
+
5012
+ .E_t1dtlqs1 {
5013
+ margin-bottom: 4px;
5014
+ color: $text-secondary-light;
5015
+ }
5016
+
5017
+ .E_s1ese5oy {
5018
+ color: rgba(44, 56, 82, 0.6);
5019
+ line-height: 32px;
5020
+ height: 32px;
5021
+ margin-bottom: 0;
5022
+ &.primary,
5023
+ &.info {
5024
+ color: $text-light-general;
5025
+ }
5026
+ &.warning {
5027
+ color: #ffa500;
5028
+ }
5029
+ &.success {
5030
+ color: $text-light-positive;
5031
+ }
5032
+ &.danger,
5033
+ &.error {
5034
+ color: $text-light-serious;
5035
+ }
5036
+ &.normal {
5037
+ color: $text-secondary-light;
5038
+ }
5039
+ }
5040
+
5041
+ .E_b1ibis43 {
5042
+ margin-bottom: 0;
5043
+ color: $text-light-primary;
5044
+ }
5045
+
5046
+ .E_b11xxjd2 {
5047
+ line-height: 32px;
5048
+ margin-right: 6px;
5049
+ }
5050
+
5051
+ .E_bsub5bw {
5052
+ &.with-description {
5053
+ height: 24px;
5054
+ flex: 1;
5055
+ position: relative;
5056
+ top: -7px;
5057
+ }
5058
+ p {
5059
+ width: 100%;
5060
+ overflow: hidden;
5061
+ text-overflow: ellipsis;
5062
+ white-space: nowrap;
5063
+ }
5064
+ }
5065
+
5066
+ .E_tmoyoag {
5067
+ border: 1px solid $strokes-light-trans-2;
5068
+ border-radius: 8px;
5069
+ overflow: auto;
5070
+ .ant-list {
5071
+ position: relative;
5072
+ .ant-list-item:last-child {
5073
+ border-bottom: none;
5074
+ }
5075
+ .eagle-table-form-header {
5076
+ position: sticky;
5077
+ top: 0;
5078
+ z-index: $eagle-table-form-header-index;
5079
+ display: flex;
5080
+ padding: 8px;
5081
+ & {
5082
+ align-items: inherit;
5083
+ }
5084
+ flex-wrap: nowrap;
5085
+ justify-content: flex-start;
5086
+ background: $fills-light-opaque-1;
5087
+ font-size: 14px;
5088
+ color: $text-secondary-light;
5089
+ border-bottom: 1px solid $fills-light-trans-2;
5090
+ }
5091
+ .eagle-table-form-header .eagle-table-form-cell > p {
5092
+ margin-bottom: 0;
5093
+ }
5094
+ .eagle-table-form-row {
5095
+ display: flex;
5096
+ justify-content: flex-start;
5097
+ align-items: flex-start;
5098
+ flex-wrap: wrap;
5099
+ padding: 8px;
5100
+ border: none;
5101
+ .row-description {
5102
+ flex-basis: 100%;
5103
+ margin: 12px 0 0;
5104
+ order: 99;
5105
+ color: $text-secondary-light;
5106
+ }
5107
+ .row-error-message {
5108
+ color: $text-light-serious;
5109
+ flex-basis: 100%;
5110
+ order: 98;
5111
+ margin: 12px 0 0;
5112
+ }
5113
+ &:hover {
5114
+ background-color: $fills-light-trans-1;
5115
+ }
5116
+ &.isDragging {
5117
+ background-color: $fills-light-general-general-light;
5118
+ }
5119
+ }
5120
+ .eagle-table-form-cell {
5121
+ flex: 1 0 0;
5122
+ overflow: hidden;
5123
+ .cell-description {
5124
+ color: $text-secondary-light;
5125
+ margin: 0;
5126
+ }
5127
+
5128
+ @mixin text-align-style($align-position) {
5129
+ & > * {
5130
+ text-align: $align-position;
5131
+ }
5132
+ .ant-form-item-control-input-content {
5133
+ &,
5134
+ & > * {
5135
+ text-align: $align-position;
5136
+ }
5137
+ }
5138
+ }
5139
+
5140
+ &.align-center {
5141
+ @include text-align-style(center);
5142
+ }
5143
+ &.align-left {
5144
+ @include text-align-style(left);
5145
+ }
5146
+ &.align-right {
5147
+ @include text-align-style(right);
5148
+ }
5149
+
5150
+ &:not(:last-of-type) {
5151
+ margin-right: 8px;
5152
+ }
5153
+ }
5154
+ .ant-list-item-action {
5155
+ padding: 4px;
5156
+ width: 24px;
5157
+ height: 24px;
5158
+ overflow: hidden;
5159
+ li {
5160
+ padding: 0;
5161
+ }
5162
+ }
5163
+ .delete-row-icon.disabled {
5164
+ cursor: not-allowed;
5165
+ opacity: 0.5;
5166
+ }
5167
+ &.size-default {
5168
+ .ant-list-item-action {
5169
+ margin: 0;
5170
+ }
5171
+ .eagle-table-form-cell {
5172
+ .ant-input,
5173
+ .ant-select-selector {
5174
+ border-radius: 5px;
5175
+ font-size: 12px;
5176
+ }
5177
+ .ant-input-affix-wrapper {
5178
+ font-size: inherit;
5179
+ }
5180
+
5181
+ .ant-form-item-control-input {
5182
+ min-height: 24px;
5183
+ font-size: 12px;
5184
+ position: relative;
5185
+ }
5186
+ }
5187
+ }
5188
+ }
5189
+ &.row-split-by-border {
5190
+ .eagle-table-form-row {
5191
+ border-bottom: 1px solid $fills-light-trans-2;
5192
+ }
5193
+ }
5194
+ &.row-split-by-zebraMarking {
5195
+ .draggable-container {
5196
+ & > :nth-child(2n) {
5197
+ background-color: $fills-trans-primary-light;
5198
+ }
5199
+ }
5200
+ }
5201
+ }
5202
+
5203
+ .E_a138syjm {
5204
+ display: flex;
5205
+ align-items: center;
5206
+ margin-top: 8px;
5207
+ button.ant-btn {
5208
+ padding: 2px 8px;
5209
+ height: 24px;
5210
+ }
5211
+ & > span.maximum-desc {
5212
+ display: none;
5213
+ margin-left: 8px;
5214
+ color: $text-secondary-light;
5215
+ &.disabled {
5216
+ display: inline;
5217
+ }
5218
+ }
5219
+ }
5220
+
5221
+ .E_d77i8u0 {
5222
+ width: 24px;
5223
+ height: 24px;
5224
+ padding: 4px;
5225
+ margin-right: 8px;
5009
5226
  }
5010
5227
 
5011
5228
 
@@ -5233,229 +5450,6 @@
5233
5450
  }
5234
5451
 
5235
5452
 
5236
- .E_t1dtlqs1 {
5237
- margin-bottom: 4px;
5238
- color: $text-secondary-light;
5239
- }
5240
-
5241
- .E_s1ese5oy {
5242
- color: rgba(44, 56, 82, 0.6);
5243
- line-height: 32px;
5244
- height: 32px;
5245
- margin-bottom: 0;
5246
- &.primary,
5247
- &.info {
5248
- color: $text-light-general;
5249
- }
5250
- &.warning {
5251
- color: #ffa500;
5252
- }
5253
- &.success {
5254
- color: $text-light-positive;
5255
- }
5256
- &.danger,
5257
- &.error {
5258
- color: $text-light-serious;
5259
- }
5260
- &.normal {
5261
- color: $text-secondary-light;
5262
- }
5263
- }
5264
-
5265
- .E_b1ibis43 {
5266
- margin-bottom: 0;
5267
- color: $text-light-primary;
5268
- }
5269
-
5270
- .E_b11xxjd2 {
5271
- line-height: 32px;
5272
- margin-right: 6px;
5273
- }
5274
-
5275
- .E_bsub5bw {
5276
- &.with-description {
5277
- height: 24px;
5278
- flex: 1;
5279
- position: relative;
5280
- top: -7px;
5281
- }
5282
- p {
5283
- width: 100%;
5284
- overflow: hidden;
5285
- text-overflow: ellipsis;
5286
- white-space: nowrap;
5287
- }
5288
- }
5289
-
5290
- .E_tmoyoag {
5291
- border: 1px solid $strokes-light-trans-2;
5292
- border-radius: 8px;
5293
- overflow: auto;
5294
- .ant-list {
5295
- position: relative;
5296
- .ant-list-item:last-child {
5297
- border-bottom: none;
5298
- }
5299
- .eagle-table-form-header {
5300
- position: sticky;
5301
- top: 0;
5302
- z-index: $eagle-table-form-header-index;
5303
- display: flex;
5304
- padding: 8px;
5305
- & {
5306
- align-items: inherit;
5307
- }
5308
- flex-wrap: nowrap;
5309
- justify-content: flex-start;
5310
- background: $fills-light-opaque-1;
5311
- font-size: 14px;
5312
- color: $text-secondary-light;
5313
- border-bottom: 1px solid $fills-light-trans-2;
5314
- }
5315
- .eagle-table-form-header .eagle-table-form-cell > p {
5316
- margin-bottom: 0;
5317
- }
5318
- .eagle-table-form-row {
5319
- display: flex;
5320
- justify-content: flex-start;
5321
- align-items: flex-start;
5322
- flex-wrap: wrap;
5323
- padding: 8px;
5324
- border: none;
5325
- .row-description {
5326
- flex-basis: 100%;
5327
- margin: 12px 0 0;
5328
- order: 99;
5329
- color: $text-secondary-light;
5330
- }
5331
- .row-error-message {
5332
- color: $text-light-serious;
5333
- flex-basis: 100%;
5334
- order: 98;
5335
- margin: 12px 0 0;
5336
- }
5337
- &:hover {
5338
- background-color: $fills-light-trans-1;
5339
- }
5340
- &.isDragging {
5341
- background-color: $fills-light-general-general-light;
5342
- }
5343
- }
5344
- .eagle-table-form-cell {
5345
- flex: 1 0 0;
5346
- overflow: hidden;
5347
- .cell-description {
5348
- color: $text-secondary-light;
5349
- margin: 0;
5350
- }
5351
-
5352
- @mixin text-align-style($align-position) {
5353
- & > * {
5354
- text-align: $align-position;
5355
- }
5356
- .ant-form-item-control-input-content {
5357
- &,
5358
- & > * {
5359
- text-align: $align-position;
5360
- }
5361
- }
5362
- }
5363
-
5364
- &.align-center {
5365
- @include text-align-style(center);
5366
- }
5367
- &.align-left {
5368
- @include text-align-style(left);
5369
- }
5370
- &.align-right {
5371
- @include text-align-style(right);
5372
- }
5373
-
5374
- &:not(:last-of-type) {
5375
- margin-right: 8px;
5376
- }
5377
- }
5378
- .ant-list-item-action {
5379
- padding: 4px;
5380
- width: 24px;
5381
- height: 24px;
5382
- overflow: hidden;
5383
- li {
5384
- padding: 0;
5385
- }
5386
- }
5387
- .delete-row-icon.disabled {
5388
- cursor: not-allowed;
5389
- opacity: 0.5;
5390
- }
5391
- &.size-default {
5392
- .ant-list-item-action {
5393
- margin: 0;
5394
- }
5395
- .eagle-table-form-cell {
5396
- .ant-input,
5397
- .ant-select-selector {
5398
- border-radius: 5px;
5399
- font-size: 12px;
5400
- }
5401
- .ant-input-affix-wrapper {
5402
- font-size: inherit;
5403
- }
5404
-
5405
- .ant-form-item-control-input {
5406
- min-height: 24px;
5407
- font-size: 12px;
5408
- position: relative;
5409
- }
5410
- }
5411
- }
5412
- }
5413
- &.row-split-by-border {
5414
- .eagle-table-form-row {
5415
- border-bottom: 1px solid $fills-light-trans-2;
5416
- }
5417
- }
5418
- &.row-split-by-zebraMarking {
5419
- .draggable-container {
5420
- & > :nth-child(2n) {
5421
- background-color: $fills-trans-primary-light;
5422
- }
5423
- }
5424
- }
5425
- }
5426
-
5427
- .E_a138syjm {
5428
- display: flex;
5429
- align-items: center;
5430
- margin-top: 8px;
5431
- button.ant-btn {
5432
- padding: 2px 8px;
5433
- height: 24px;
5434
- }
5435
- & > span.maximum-desc {
5436
- display: none;
5437
- margin-left: 8px;
5438
- color: $text-secondary-light;
5439
- &.disabled {
5440
- display: inline;
5441
- }
5442
- }
5443
- }
5444
-
5445
- .E_d77i8u0 {
5446
- width: 24px;
5447
- height: 24px;
5448
- padding: 4px;
5449
- margin-right: 8px;
5450
- }
5451
-
5452
-
5453
- .E_i1g85yz3 {
5454
- margin-right: 4px;
5455
- height: 16px;
5456
- }
5457
-
5458
-
5459
5453
  .E_t13ef470 {
5460
5454
  height: 100%;
5461
5455
  .table-loading-item {
@@ -5491,6 +5485,12 @@
5491
5485
  }
5492
5486
 
5493
5487
 
5488
+ .E_i1g85yz3 {
5489
+ margin-right: 4px;
5490
+ height: 16px;
5491
+ }
5492
+
5493
+
5494
5494
  .E_bpgac8u {
5495
5495
  color: #FFFFFF;
5496
5496
  display: flex;
@@ -6111,21 +6111,6 @@
6111
6111
  }
6112
6112
 
6113
6113
 
6114
- .E_skwah65 {
6115
- height: 8px;
6116
- box-sizing: border-box;
6117
- border-radius: 2px;
6118
- background: #f5f7fa;
6119
- display: flex;
6120
- width: 100%;
6121
- overflow: hidden;
6122
-
6123
- .stack-bar-item + .stack-bar-item {
6124
- margin-left: 1px;
6125
- }
6126
- }
6127
-
6128
-
6129
6114
  .E_c18bcrac {
6130
6115
  display: inline-block;
6131
6116
  width: 100%;
@@ -6181,69 +6166,30 @@
6181
6166
  }
6182
6167
 
6183
6168
 
6184
- .E_s1ebs0ra {
6185
- display: flex;
6186
- align-items: center;
6187
- justify-content: space-between;
6188
- background: $backgrounds-light-grouped;
6189
- padding: 8px 12px;
6190
- position: sticky;
6191
- top: 0;
6192
- z-index: 1;
6193
- margin-bottom: -52px;
6194
-
6195
- .select-total {
6196
- display: flex;
6197
- align-items: center;
6198
- font-weight: 700;
6199
- flex-shrink: 0;
6200
-
6201
- .icon-wrapper {
6202
- cursor: pointer;
6203
- margin-left: 8px;
6204
- width: 32px;
6205
- height: 32px;
6206
- border-radius: 50%;
6207
- justify-content: center;
6169
+ .E_skwah65 {
6170
+ height: 8px;
6171
+ box-sizing: border-box;
6172
+ border-radius: 2px;
6173
+ background: #f5f7fa;
6174
+ display: flex;
6175
+ width: 100%;
6176
+ overflow: hidden;
6177
+
6178
+ .stack-bar-item + .stack-bar-item {
6179
+ margin-left: 1px;
6180
+ }
6181
+ }
6182
+
6183
+
6184
+ .E_gmyahx3 {
6185
+ cursor: pointer;
6208
6186
 
6209
- &:hover {
6210
- background: $fills-light-trans-2;
6211
- }
6212
- }
6187
+ .link-text {
6188
+ color: $text-light-tertiary;
6213
6189
  }
6214
- .action-group {
6215
- flex: 1;
6216
- margin-left: 88px;
6217
- white-space: nowrap;
6218
- text-align: right;
6219
- position: relative;
6220
- padding: 4px 0;
6221
- margin-top: -4px;
6222
- overflow: hidden;
6223
- .sub-menu-delete {
6224
- transform: translateY(-4px);
6225
- }
6226
- button {
6227
- border: none;
6228
- }
6229
- > *:not(:last-child) {
6230
- margin-right: 8px;
6231
- }
6232
-
6233
- > button:last-child {
6234
- margin-right: 4px;
6235
- }
6236
- .more-btn {
6237
- cursor: pointer;
6238
- width: 32px;
6239
- height: 32px;
6240
- justify-content: center;
6241
- border-radius: 50%;
6242
6190
 
6243
- &:hover {
6244
- background: $white;
6245
- }
6246
- }
6191
+ &:hover .link-text {
6192
+ color: $text-light-general;
6247
6193
  }
6248
6194
  }
6249
6195
 
@@ -6355,6 +6301,73 @@
6355
6301
  }
6356
6302
 
6357
6303
 
6304
+ .E_s1ebs0ra {
6305
+ display: flex;
6306
+ align-items: center;
6307
+ justify-content: space-between;
6308
+ background: $backgrounds-light-grouped;
6309
+ padding: 8px 12px;
6310
+ position: sticky;
6311
+ top: 0;
6312
+ z-index: 1;
6313
+ margin-bottom: -52px;
6314
+
6315
+ .select-total {
6316
+ display: flex;
6317
+ align-items: center;
6318
+ font-weight: 700;
6319
+ flex-shrink: 0;
6320
+
6321
+ .icon-wrapper {
6322
+ cursor: pointer;
6323
+ margin-left: 8px;
6324
+ width: 32px;
6325
+ height: 32px;
6326
+ border-radius: 50%;
6327
+ justify-content: center;
6328
+
6329
+ &:hover {
6330
+ background: $fills-light-trans-2;
6331
+ }
6332
+ }
6333
+ }
6334
+ .action-group {
6335
+ flex: 1;
6336
+ margin-left: 88px;
6337
+ white-space: nowrap;
6338
+ text-align: right;
6339
+ position: relative;
6340
+ padding: 4px 0;
6341
+ margin-top: -4px;
6342
+ overflow: hidden;
6343
+ .sub-menu-delete {
6344
+ transform: translateY(-4px);
6345
+ }
6346
+ button {
6347
+ border: none;
6348
+ }
6349
+ > *:not(:last-child) {
6350
+ margin-right: 8px;
6351
+ }
6352
+
6353
+ > button:last-child {
6354
+ margin-right: 4px;
6355
+ }
6356
+ .more-btn {
6357
+ cursor: pointer;
6358
+ width: 32px;
6359
+ height: 32px;
6360
+ justify-content: center;
6361
+ border-radius: 50%;
6362
+
6363
+ &:hover {
6364
+ background: $white;
6365
+ }
6366
+ }
6367
+ }
6368
+ }
6369
+
6370
+
6358
6371
  .E_c1up1pdz {
6359
6372
  width: 648px;
6360
6373
 
@@ -6450,106 +6463,247 @@
6450
6463
  }
6451
6464
  }
6452
6465
 
6453
- .E_m126spxy {
6454
- .ant-btn.ant-btn-link {
6455
- padding: 1px 10px;
6456
- color: rgba(62, 70, 82, 0.6);
6457
- border-radius: 4px;
6466
+ .E_m126spxy {
6467
+ .ant-btn.ant-btn-link {
6468
+ padding: 1px 10px;
6469
+ color: rgba(62, 70, 82, 0.6);
6470
+ border-radius: 4px;
6471
+
6472
+ &.active {
6473
+ background: rgba(0, 128, 255, 0.1);
6474
+ color: $blue;
6475
+ }
6476
+ }
6477
+
6478
+ padding-bottom: 4px;
6479
+ border-bottom: 1px solid rgba(213, 219, 227, 0.6);
6480
+ }
6481
+
6482
+ .E_wpbf4pq {
6483
+ padding: 10px 0;
6484
+ border-bottom: 1px solid rgba(213, 219, 227, 0.6);
6485
+
6486
+ .ant-input,
6487
+ .ant-picker {
6488
+ width: 80px;
6489
+ margin: 0 9px;
6490
+ text-align: center;
6491
+ }
6492
+
6493
+ .options {
6494
+ padding: 12px 0 12px 16px;
6495
+ border-left: 2px solid rgba(129, 138, 153, 0.6);
6496
+ margin: 5px 0 5px 8px;
6497
+ }
6498
+ .week-day-option,
6499
+ .month-day-option {
6500
+ background: #f5f7fa;
6501
+ box-sizing: border-box;
6502
+ border-radius: 16px;
6503
+ margin-right: 8px;
6504
+
6505
+ &:focus {
6506
+ color: inherit;
6507
+ border-color: #d9d9d9;
6508
+ }
6509
+ }
6510
+ .week-day-option {
6511
+ &.active {
6512
+ background-color: $blue;
6513
+ border-color: $blue;
6514
+ color: $white;
6515
+ }
6516
+ &.en-text {
6517
+ width: 110px;
6518
+ margin-top: 4px;
6519
+ }
6520
+ }
6521
+ .month-day-option {
6522
+ width: 32px;
6523
+ padding: 0;
6524
+ margin-bottom: 8px;
6525
+
6526
+ &.active {
6527
+ background-color: $blue;
6528
+ border-color: $blue;
6529
+ color: $white;
6530
+ }
6531
+ }
6532
+ }
6533
+
6534
+
6535
+ .E_n12mqh7z {
6536
+ display: flex;
6537
+ align-items: center;
6538
+ font-size: 12px;
6539
+ line-height: 18px;
6540
+
6541
+ &:not(:last-child) {
6542
+ margin-bottom: 4px;
6543
+ }
6544
+ }
6545
+
6546
+ .E_tf5bynu {
6547
+ margin: 0 3px;
6548
+ }
6549
+
6550
+ .E_tcckoz1 {
6551
+ max-height: 400px;
6552
+ overflow: auto;
6553
+ }
6554
+
6555
+
6556
+ .E_ou7iq30 {
6557
+ overflow: hidden;
6558
+ text-overflow: ellipsis;
6559
+ }
6560
+
6561
+ .E_s1tui002 {
6562
+ white-space: nowrap;
6563
+ }
6564
+
6565
+ .E_mxrc2zg {
6566
+ display: -webkit-box;
6567
+ -webkit-line-clamp: var(--mxrc2zg-0);
6568
+ -webkit-box-orient: vertical;
6569
+ word-break: break-all;
6570
+ }
6571
+
6572
+ .E_t1vv6d68 {
6573
+ .ant-tooltip-arrow {
6574
+ display: none;
6575
+ }
6576
+ .ant-tooltip-inner {
6577
+ background: $gray-a80-9;
6578
+ border-radius: 4px;
6579
+ &:has(.eagle-ellipsis-content) {
6580
+ visibility: hidden;
6581
+ }
6582
+ }
6583
+ }
6584
+
6458
6585
 
6459
- &.active {
6460
- background: rgba(0, 128, 255, 0.1);
6461
- color: $blue;
6462
- }
6586
+ .E_s1iv0tp1 {
6587
+ .enabled-switch {
6588
+ display: flex;
6589
+ align-items: center;
6463
6590
  }
6464
6591
 
6465
- padding-bottom: 4px;
6466
- border-bottom: 1px solid rgba(213, 219, 227, 0.6);
6592
+ .enabled-text {
6593
+ margin-right: 8px;
6594
+ }
6467
6595
  }
6468
6596
 
6469
- .E_wpbf4pq {
6470
- padding: 10px 0;
6471
- border-bottom: 1px solid rgba(213, 219, 227, 0.6);
6472
6597
 
6473
- .ant-input,
6474
- .ant-picker {
6475
- width: 80px;
6476
- margin: 0 9px;
6477
- text-align: center;
6478
- }
6598
+ .E_t1sqg15u {
6599
+ background: white;
6479
6600
 
6480
- .options {
6481
- padding: 12px 0 12px 16px;
6482
- border-left: 2px solid rgba(129, 138, 153, 0.6);
6483
- margin: 5px 0 5px 8px;
6484
- }
6485
- .week-day-option,
6486
- .month-day-option {
6487
- background: #f5f7fa;
6488
- box-sizing: border-box;
6489
- border-radius: 16px;
6490
- margin-right: 8px;
6601
+ &.inline {
6602
+ .table-row {
6603
+ flex-direction: column;
6491
6604
 
6492
- &:focus {
6493
- color: inherit;
6494
- border-color: #d9d9d9;
6605
+ > label {
6606
+ padding: 0 16px 7px 0;
6607
+ }
6495
6608
  }
6496
6609
  }
6497
- .week-day-option {
6498
- &.active {
6499
- background-color: $blue;
6500
- border-color: $blue;
6501
- color: $white;
6610
+
6611
+ &.has-border {
6612
+ .table-header {
6613
+ border-bottom: 1px solid $strokes-light-trans-1;
6502
6614
  }
6503
- &.en-text {
6504
- width: 110px;
6505
- margin-top: 4px;
6615
+
6616
+ .hiddenBorder {
6617
+ border-top: none !important;
6618
+ }
6619
+
6620
+ .table-row + .table-row {
6621
+ border-top: 1px solid $strokes-light-trans-1;
6622
+ }
6623
+
6624
+ .table-row:last-of-type {
6625
+ padding-bottom: 0;
6506
6626
  }
6507
6627
  }
6508
- .month-day-option {
6509
- width: 32px;
6510
- padding: 0;
6511
- margin-bottom: 8px;
6512
6628
 
6513
- &.active {
6514
- background-color: $blue;
6515
- border-color: $blue;
6516
- color: $white;
6629
+ &.align-right {
6630
+ .content {
6631
+ text-align: right;
6517
6632
  }
6518
6633
  }
6519
- }
6634
+ .uuid-row {
6635
+ display: flex;
6636
+ justify-content: space-between;
6520
6637
 
6638
+ .id-text {
6639
+ white-space: nowrap;
6640
+ overflow: hidden;
6641
+ text-overflow: ellipsis;
6642
+ }
6643
+ }
6644
+ }
6521
6645
 
6522
- .E_gmyahx3 {
6523
- cursor: pointer;
6646
+ .E_t4zczcp {
6647
+ display: flex;
6648
+ justify-content: space-between;
6649
+ align-items: center;
6650
+ padding: 8px;
6651
+ min-height: 32px;
6524
6652
 
6525
- .link-text {
6526
- color: $text-light-tertiary;
6653
+ .table-title {
6654
+ color: $text-secondary-light;
6655
+ font-weight: 600;
6656
+ font-size: 12px;
6657
+ line-height: 8px;
6527
6658
  }
6528
6659
 
6529
- &:hover .link-text {
6530
- color: $text-light-general;
6660
+ .edit-icon {
6661
+ font-size: 16px;
6662
+ color: $strokes-translucent-2-light;
6663
+ cursor: pointer;
6531
6664
  }
6532
6665
  }
6533
6666
 
6534
-
6535
- .E_n12mqh7z {
6536
- display: flex;
6537
- align-items: center;
6667
+ .E_t1s7goww {
6538
6668
  font-size: 12px;
6539
6669
  line-height: 18px;
6670
+ }
6540
6671
 
6541
- &:not(:last-child) {
6542
- margin-bottom: 4px;
6672
+ .E_t93e4cf {
6673
+ display: flex;
6674
+ padding: 8px 0;
6675
+ color: $text-primary-light;
6676
+
6677
+ .hidden {
6678
+ display: none;
6543
6679
  }
6544
- }
6545
6680
 
6546
- .E_tf5bynu {
6547
- margin: 0 3px;
6681
+ .ant-btn.ant-btn-link {
6682
+ height: auto;
6683
+ }
6684
+
6685
+ .content {
6686
+ overflow: hidden;
6687
+ overflow-x: auto;
6688
+ width: 100%;
6689
+ white-space: pre-wrap;
6690
+
6691
+ .ant-btn {
6692
+ white-space: pre-wrap;
6693
+ text-align: left;
6694
+ }
6695
+
6696
+ .unit-chart {
6697
+ justify-content: flex-start;
6698
+ }
6699
+ }
6548
6700
  }
6549
6701
 
6550
- .E_tcckoz1 {
6551
- max-height: 400px;
6552
- overflow: auto;
6702
+ .E_rhz2uv5 {
6703
+ width: var(--rhz2uv5-0);
6704
+ flex-shrink: 0;
6705
+ color: $text-secondary-light;
6706
+ padding-right: 12px;
6553
6707
  }
6554
6708
 
6555
6709
 
@@ -6908,199 +7062,57 @@
6908
7062
  }
6909
7063
  }
6910
7064
  }
6911
- }
6912
-
6913
- .E_s1wu0lms {
6914
- .ant-menu-item-group-title {
6915
- white-space: nowrap;
6916
- transition: all 0s;
6917
- }
6918
-
6919
- &.shrink {
6920
- transition: all 0s;
6921
- overflow: hidden;
6922
-
6923
- .ant-menu-item-group-title {
6924
- visibility: hidden;
6925
- }
6926
-
6927
- .ant-menu-item {
6928
- width: 36px;
6929
- padding: 0 6px;
6930
- }
6931
- }
6932
- }
6933
-
6934
- .E_n1ugzfva {
6935
- display: flex;
6936
- place-items: center;
6937
- width: 100% !important;
6938
-
6939
- &[disabled] {
6940
- color: rgba(0, 0, 0, 0.25) !important;
6941
- opacity: 1 !important;
6942
- }
6943
-
6944
- &.ant-btn {
6945
- width: 100%;
6946
- color: $text-light-primary;
6947
- }
6948
-
6949
- .icon-wrapper {
6950
- margin-right: 12px;
6951
- }
6952
-
6953
- .link-title {
6954
- flex: 1;
6955
- overflow: hidden;
6956
- white-space: nowrap;
6957
- text-overflow: ellipsis;
6958
- text-align: left;
6959
- }
6960
- }
6961
-
6962
-
6963
- .E_ou7iq30 {
6964
- overflow: hidden;
6965
- text-overflow: ellipsis;
6966
- }
6967
-
6968
- .E_s1tui002 {
6969
- white-space: nowrap;
6970
- }
6971
-
6972
- .E_mxrc2zg {
6973
- display: -webkit-box;
6974
- -webkit-line-clamp: var(--mxrc2zg-0);
6975
- -webkit-box-orient: vertical;
6976
- word-break: break-all;
6977
- }
6978
-
6979
- .E_t1vv6d68 {
6980
- .ant-tooltip-arrow {
6981
- display: none;
6982
- }
6983
- .ant-tooltip-inner {
6984
- background: $gray-a80-9;
6985
- border-radius: 4px;
6986
- &:has(.eagle-ellipsis-content) {
6987
- visibility: hidden;
6988
- }
6989
- }
6990
- }
6991
-
6992
-
6993
- .E_t1sqg15u {
6994
- background: white;
6995
-
6996
- &.inline {
6997
- .table-row {
6998
- flex-direction: column;
6999
-
7000
- > label {
7001
- padding: 0 16px 7px 0;
7002
- }
7003
- }
7004
- }
7005
-
7006
- &.has-border {
7007
- .table-header {
7008
- border-bottom: 1px solid $strokes-light-trans-1;
7009
- }
7010
-
7011
- .hiddenBorder {
7012
- border-top: none !important;
7013
- }
7014
-
7015
- .table-row + .table-row {
7016
- border-top: 1px solid $strokes-light-trans-1;
7017
- }
7065
+ }
7018
7066
 
7019
- .table-row:last-of-type {
7020
- padding-bottom: 0;
7021
- }
7067
+ .E_s1wu0lms {
7068
+ .ant-menu-item-group-title {
7069
+ white-space: nowrap;
7070
+ transition: all 0s;
7022
7071
  }
7023
7072
 
7024
- &.align-right {
7025
- .content {
7026
- text-align: right;
7073
+ &.shrink {
7074
+ transition: all 0s;
7075
+ overflow: hidden;
7076
+
7077
+ .ant-menu-item-group-title {
7078
+ visibility: hidden;
7027
7079
  }
7028
- }
7029
- .uuid-row {
7030
- display: flex;
7031
- justify-content: space-between;
7032
7080
 
7033
- .id-text {
7034
- white-space: nowrap;
7035
- overflow: hidden;
7036
- text-overflow: ellipsis;
7081
+ .ant-menu-item {
7082
+ width: 36px;
7083
+ padding: 0 6px;
7037
7084
  }
7038
7085
  }
7039
7086
  }
7040
7087
 
7041
- .E_t4zczcp {
7088
+ .E_n1ugzfva {
7042
7089
  display: flex;
7043
- justify-content: space-between;
7044
- align-items: center;
7045
- padding: 8px;
7046
- min-height: 32px;
7047
-
7048
- .table-title {
7049
- color: $text-secondary-light;
7050
- font-weight: 600;
7051
- font-size: 12px;
7052
- line-height: 8px;
7053
- }
7090
+ place-items: center;
7091
+ width: 100% !important;
7054
7092
 
7055
- .edit-icon {
7056
- font-size: 16px;
7057
- color: $strokes-translucent-2-light;
7058
- cursor: pointer;
7093
+ &[disabled] {
7094
+ color: rgba(0, 0, 0, 0.25) !important;
7095
+ opacity: 1 !important;
7059
7096
  }
7060
- }
7061
7097
 
7062
- .E_t1s7goww {
7063
- font-size: 12px;
7064
- line-height: 18px;
7065
- }
7066
-
7067
- .E_t93e4cf {
7068
- display: flex;
7069
- padding: 8px 0;
7070
- color: $text-primary-light;
7071
-
7072
- .hidden {
7073
- display: none;
7098
+ &.ant-btn {
7099
+ width: 100%;
7100
+ color: $text-light-primary;
7074
7101
  }
7075
7102
 
7076
- .ant-btn.ant-btn-link {
7077
- height: auto;
7103
+ .icon-wrapper {
7104
+ margin-right: 12px;
7078
7105
  }
7079
7106
 
7080
- .content {
7107
+ .link-title {
7108
+ flex: 1;
7081
7109
  overflow: hidden;
7082
- overflow-x: auto;
7083
- width: 100%;
7084
- white-space: pre-wrap;
7085
-
7086
- .ant-btn {
7087
- white-space: pre-wrap;
7088
- text-align: left;
7089
- }
7090
-
7091
- .unit-chart {
7092
- justify-content: flex-start;
7093
- }
7110
+ white-space: nowrap;
7111
+ text-overflow: ellipsis;
7112
+ text-align: left;
7094
7113
  }
7095
7114
  }
7096
7115
 
7097
- .E_rhz2uv5 {
7098
- width: var(--rhz2uv5-0);
7099
- flex-shrink: 0;
7100
- color: $text-secondary-light;
7101
- padding-right: 12px;
7102
- }
7103
-
7104
7116
 
7105
7117
  .E_u15heuvq {
7106
7118
  &.content {
@@ -7147,74 +7159,6 @@
7147
7159
  }
7148
7160
 
7149
7161
 
7150
- .E_s1iv0tp1 {
7151
- .enabled-switch {
7152
- display: flex;
7153
- align-items: center;
7154
- }
7155
-
7156
- .enabled-text {
7157
- margin-right: 8px;
7158
- }
7159
- }
7160
-
7161
-
7162
- .E_cyms3br {
7163
- background: #fff;
7164
- width: 100%;
7165
- border-radius: 8px;
7166
- border: 1px solid rgba(228, 233, 242, 1);
7167
- .ant-list {
7168
- padding: 12px;
7169
- }
7170
- .ant-list-item {
7171
- padding: 4px 0;
7172
- }
7173
- .ant-alert {
7174
- margin-left: 24px;
7175
- }
7176
- header {
7177
- background: rgba(225, 230, 241, 0.6);
7178
- font-size: 12px;
7179
- color: rgba(29, 50, 108, 1);
7180
- font-weight: 700;
7181
- padding: 6px 12px;
7182
- display: flex;
7183
- flex-direction: row;
7184
- align-items: center;
7185
- justify-content: space-between;
7186
- .switch-text {
7187
- display: flex;
7188
- flex-direction: row;
7189
- align-items: center;
7190
- justify-content: space-between;
7191
- gap: 6px;
7192
- font-size: 12px;
7193
- font-weight: 400;
7194
- color: rgba(0, 18, 46, 1);
7195
- }
7196
- }
7197
- }
7198
-
7199
- .E_c157gu4z {
7200
- .ant-list-item {
7201
- display: flex;
7202
- flex-direction: row;
7203
- }
7204
- .description {
7205
- flex-grow: 1;
7206
- margin-left: 8px;
7207
- }
7208
- }
7209
-
7210
- .E_eu1sysj {
7211
- display: flex;
7212
- flex-direction: column;
7213
- align-items: center;
7214
- justify-content: center;
7215
- }
7216
-
7217
-
7218
7162
  .E_i5w779o {
7219
7163
  padding: 8px 0;
7220
7164
 
@@ -7340,21 +7284,59 @@
7340
7284
  }
7341
7285
 
7342
7286
 
7343
- .E_l12xdkhl {
7344
- width: 64px;
7345
- height: 64px;
7346
- max-width: 64px;
7347
- max-height: 64px;
7348
- overflow: hidden;
7287
+ .E_cyms3br {
7288
+ background: #fff;
7289
+ width: 100%;
7290
+ border-radius: 8px;
7291
+ border: 1px solid rgba(228, 233, 242, 1);
7292
+ .ant-list {
7293
+ padding: 12px;
7294
+ }
7295
+ .ant-list-item {
7296
+ padding: 4px 0;
7297
+ }
7298
+ .ant-alert {
7299
+ margin-left: 24px;
7300
+ }
7301
+ header {
7302
+ background: rgba(225, 230, 241, 0.6);
7303
+ font-size: 12px;
7304
+ color: rgba(29, 50, 108, 1);
7305
+ font-weight: 700;
7306
+ padding: 6px 12px;
7307
+ display: flex;
7308
+ flex-direction: row;
7309
+ align-items: center;
7310
+ justify-content: space-between;
7311
+ .switch-text {
7312
+ display: flex;
7313
+ flex-direction: row;
7314
+ align-items: center;
7315
+ justify-content: space-between;
7316
+ gap: 6px;
7317
+ font-size: 12px;
7318
+ font-weight: 400;
7319
+ color: rgba(0, 18, 46, 1);
7320
+ }
7321
+ }
7322
+ }
7323
+
7324
+ .E_c157gu4z {
7325
+ .ant-list-item {
7326
+ display: flex;
7327
+ flex-direction: row;
7328
+ }
7329
+ .description {
7330
+ flex-grow: 1;
7331
+ margin-left: 8px;
7332
+ }
7333
+ }
7334
+
7335
+ .E_eu1sysj {
7349
7336
  display: flex;
7337
+ flex-direction: column;
7350
7338
  align-items: center;
7351
7339
  justify-content: center;
7352
- position: relative;
7353
- opacity: 0.6;
7354
- .icon-wrapper {
7355
- @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } };
7356
- animation: rotate 1200ms cubic-bezier(0.33, 0, 0.67, 1) infinite;
7357
- }
7358
7340
  }
7359
7341
 
7360
7342
 
@@ -7409,6 +7391,24 @@
7409
7391
  }
7410
7392
 
7411
7393
 
7394
+ .E_l12xdkhl {
7395
+ width: 64px;
7396
+ height: 64px;
7397
+ max-width: 64px;
7398
+ max-height: 64px;
7399
+ overflow: hidden;
7400
+ display: flex;
7401
+ align-items: center;
7402
+ justify-content: center;
7403
+ position: relative;
7404
+ opacity: 0.6;
7405
+ .icon-wrapper {
7406
+ @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } };
7407
+ animation: rotate 1200ms cubic-bezier(0.33, 0, 0.67, 1) infinite;
7408
+ }
7409
+ }
7410
+
7411
+
7412
7412
  .E_cevhqx7 {
7413
7413
  color: $text-light-primary;
7414
7414
  }