@ant-design/pro-components 1.1.13 → 2.0.0-experimental.3

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,3810 +0,0 @@
1
- .ant-pro-statistic-card-chart {
2
- display: flex;
3
- flex-direction: column;
4
- margin-top: 8px;
5
- margin-bottom: 8px;
6
- }
7
- .ant-pro-statistic-card-chart-left {
8
- margin-top: 0;
9
- margin-right: 16px;
10
- }
11
- .ant-pro-statistic-card-chart-right {
12
- margin-top: 0;
13
- margin-left: 16px;
14
- }
15
- .ant-pro-statistic-card-content {
16
- display: flex;
17
- flex-direction: column;
18
- }
19
- .ant-pro-statistic-card-content-horizontal {
20
- flex-direction: row;
21
- }
22
- .ant-pro-statistic-card-content-horizontal .ant-pro-statistic-card-chart {
23
- align-items: center;
24
- align-self: flex-start;
25
- }
26
- .ant-pro-statistic-card-footer {
27
- margin-top: 8px;
28
- padding-top: 16px;
29
- border-top: rgba(0, 0, 0, 0.08) 1px solid;
30
- }
31
-
32
- .ant-pro-card-statistic {
33
- display: flex;
34
- font-size: 14px;
35
- }
36
- .ant-pro-card-statistic + .ant-pro-card-statistic {
37
- margin-top: 4px;
38
- }
39
- .ant-pro-card-statistic-tip {
40
- margin-left: 4px;
41
- }
42
- .ant-pro-card-statistic-wrapper {
43
- display: flex;
44
- width: 100%;
45
- }
46
- .ant-pro-card-statistic-icon {
47
- margin-right: 16px;
48
- }
49
- .ant-pro-card-statistic-trend-icon {
50
- width: 0;
51
- height: 0;
52
- border-right: 3.5px solid transparent;
53
- border-bottom: 9px solid #000;
54
- border-left: 3.5px solid transparent;
55
- }
56
- .ant-pro-card-statistic-trend-icon-up {
57
- transform: rotate(0deg);
58
- }
59
- .ant-pro-card-statistic-trend-icon-down {
60
- transform: rotate(180deg);
61
- }
62
- .ant-pro-card-statistic-content {
63
- width: 100%;
64
- }
65
- .ant-pro-card-statistic-description {
66
- width: 100%;
67
- }
68
- .ant-pro-card-statistic .ant-statistic-title {
69
- color: rgba(0, 0, 0, 0.85);
70
- }
71
- .ant-pro-card-statistic-layout-inline {
72
- display: inline-flex;
73
- color: rgba(0, 0, 0, 0.45);
74
- }
75
- .ant-pro-card-statistic-layout-inline .ant-statistic-title {
76
- margin-right: 6px;
77
- margin-bottom: 0;
78
- }
79
- .ant-pro-card-statistic-layout-inline .ant-statistic-content {
80
- color: rgba(0, 0, 0, 0.45);
81
- }
82
- .ant-pro-card-statistic-layout-inline .ant-statistic-title,
83
- .ant-pro-card-statistic-layout-inline .ant-statistic-content,
84
- .ant-pro-card-statistic-layout-inline .ant-statistic-content-suffix,
85
- .ant-pro-card-statistic-layout-inline .ant-statistic-content-prefix,
86
- .ant-pro-card-statistic-layout-inline .ant-statistic-content-value-decimal {
87
- font-size: 12px;
88
- }
89
- .ant-pro-card-statistic-layout-horizontal {
90
- display: flex;
91
- justify-content: space-between;
92
- }
93
- .ant-pro-card-statistic-layout-horizontal .ant-statistic-title {
94
- margin-bottom: 0;
95
- }
96
- .ant-pro-card-statistic-layout-horizontal .ant-statistic-content-value {
97
- font-weight: 500;
98
- }
99
- .ant-pro-card-statistic-layout-horizontal .ant-statistic-title,
100
- .ant-pro-card-statistic-layout-horizontal .ant-statistic-content,
101
- .ant-pro-card-statistic-layout-horizontal .ant-statistic-content-suffix,
102
- .ant-pro-card-statistic-layout-horizontal .ant-statistic-content-prefix,
103
- .ant-pro-card-statistic-layout-horizontal .ant-statistic-content-value-decimal {
104
- font-size: 14px;
105
- }
106
- .ant-pro-card-statistic-trend-up .ant-statistic-content {
107
- color: #f5222d;
108
- }
109
- .ant-pro-card-statistic-trend-up .ant-statistic-content .ant-pro-card-statistic-trend-icon {
110
- border-bottom-color: #f5222d;
111
- }
112
- .ant-pro-card-statistic-trend-down .ant-statistic-content {
113
- color: #389e0d;
114
- }
115
- .ant-pro-card-statistic-trend-down .ant-statistic-content .ant-pro-card-statistic-trend-icon {
116
- border-bottom-color: #52c41a;
117
- }
118
-
119
- .ant-pro-card {
120
- position: relative;
121
- display: flex;
122
- flex-direction: column;
123
- box-sizing: border-box;
124
- width: 100%;
125
- margin: 0;
126
- padding: 0;
127
- background-color: #fff;
128
- border-radius: 2px;
129
- }
130
- .ant-pro-card-col {
131
- width: 100%;
132
- }
133
- .ant-pro-card-border {
134
- border: 1px solid #f0f0f0;
135
- }
136
- .ant-pro-card-hoverable {
137
- cursor: pointer;
138
- transition: box-shadow 0.3s, border-color 0.3s;
139
- }
140
- .ant-pro-card-hoverable:hover {
141
- border-color: transparent;
142
- box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
143
- }
144
- .ant-pro-card-hoverable.ant-pro-card-checked:hover {
145
- border-color: #1890ff;
146
- }
147
- .ant-pro-card-checked {
148
- background-color: #e6f7ff;
149
- border-color: #1890ff;
150
- }
151
- .ant-pro-card-checked::after {
152
- position: absolute;
153
- top: 2px;
154
- right: 2px;
155
- width: 0;
156
- height: 0;
157
- border: 6px solid #1890ff;
158
- border-bottom: 6px solid transparent;
159
- border-left: 6px solid transparent;
160
- border-top-right-radius: 2px;
161
- content: '';
162
- }
163
- .ant-pro-card:focus {
164
- background-color: #e6f7ff;
165
- border-color: #1890ff;
166
- }
167
- .ant-pro-card-size-small .ant-pro-card-header {
168
- padding: 8px 12px;
169
- padding-bottom: 0;
170
- }
171
- .ant-pro-card-size-small .ant-pro-card-header-border {
172
- padding-bottom: 8px;
173
- }
174
- .ant-pro-card-size-small .ant-pro-card-title {
175
- font-size: 14px;
176
- }
177
- .ant-pro-card-size-small .ant-pro-card-body {
178
- padding: 12px;
179
- }
180
- .ant-pro-card-ghost {
181
- background-color: transparent;
182
- }
183
- .ant-pro-card-ghost > .ant-pro-card-header {
184
- padding-right: 0;
185
- padding-bottom: 16px;
186
- padding-left: 0;
187
- }
188
- .ant-pro-card-ghost > .ant-pro-card-body {
189
- padding: 0;
190
- background-color: transparent;
191
- }
192
- .ant-pro-card-split > .ant-pro-card-body {
193
- padding: 0;
194
- }
195
- .ant-pro-card-split-vertical {
196
- border-right: 1px solid #f0f0f0;
197
- }
198
- .ant-pro-card-split-horizontal {
199
- border-bottom: 1px solid #f0f0f0;
200
- }
201
- .ant-pro-card-contain-card > .ant-pro-card-body {
202
- display: flex;
203
- }
204
- .ant-pro-card-body-direction-column {
205
- flex-direction: column;
206
- }
207
- .ant-pro-card-body-wrap {
208
- flex-wrap: wrap;
209
- }
210
- .ant-pro-card-collapse > .ant-pro-card-header {
211
- padding-bottom: 16px;
212
- border-bottom: 0;
213
- }
214
- .ant-pro-card-collapse > .ant-pro-card-body {
215
- display: none;
216
- }
217
- .ant-pro-card-header {
218
- display: flex;
219
- align-items: center;
220
- justify-content: space-between;
221
- padding: 16px 24px;
222
- padding-bottom: 0;
223
- }
224
- .ant-pro-card-header-border {
225
- padding-bottom: 16px;
226
- border-bottom: 1px solid #f0f0f0;
227
- }
228
- .ant-pro-card-header-collapsible {
229
- cursor: pointer;
230
- }
231
- .ant-pro-card-title {
232
- color: rgba(0, 0, 0, 0.85);
233
- font-weight: 500;
234
- font-size: 16px;
235
- }
236
- .ant-pro-card-extra {
237
- color: rgba(0, 0, 0, 0.85);
238
- }
239
- .ant-pro-card-type-inner .ant-pro-card-header {
240
- background-color: #fafafa;
241
- }
242
- .ant-pro-card-collapsible-icon {
243
- margin-right: 8px;
244
- color: rgba(0, 0, 0, 0.75);
245
- }
246
- .ant-pro-card-collapsible-icon :hover {
247
- color: #40a9ff;
248
- }
249
- .ant-pro-card-collapsible-icon svg {
250
- transition: transform 0.2s;
251
- }
252
- .ant-pro-card-body {
253
- display: block;
254
- box-sizing: border-box;
255
- height: 100%;
256
- padding: 24px;
257
- }
258
- .ant-pro-card-body-center {
259
- display: flex;
260
- align-items: center;
261
- justify-content: center;
262
- }
263
- .ant-pro-card-col-0 {
264
- display: none;
265
- }
266
- .ant-pro-card-col-24 {
267
- flex-shrink: 0;
268
- width: 100%;
269
- }
270
- .ant-pro-card-col-23 {
271
- flex-shrink: 0;
272
- width: 95.83333333%;
273
- }
274
- .ant-pro-card-col-22 {
275
- flex-shrink: 0;
276
- width: 91.66666667%;
277
- }
278
- .ant-pro-card-col-21 {
279
- flex-shrink: 0;
280
- width: 87.5%;
281
- }
282
- .ant-pro-card-col-20 {
283
- flex-shrink: 0;
284
- width: 83.33333333%;
285
- }
286
- .ant-pro-card-col-19 {
287
- flex-shrink: 0;
288
- width: 79.16666667%;
289
- }
290
- .ant-pro-card-col-18 {
291
- flex-shrink: 0;
292
- width: 75%;
293
- }
294
- .ant-pro-card-col-17 {
295
- flex-shrink: 0;
296
- width: 70.83333333%;
297
- }
298
- .ant-pro-card-col-16 {
299
- flex-shrink: 0;
300
- width: 66.66666667%;
301
- }
302
- .ant-pro-card-col-15 {
303
- flex-shrink: 0;
304
- width: 62.5%;
305
- }
306
- .ant-pro-card-col-14 {
307
- flex-shrink: 0;
308
- width: 58.33333333%;
309
- }
310
- .ant-pro-card-col-13 {
311
- flex-shrink: 0;
312
- width: 54.16666667%;
313
- }
314
- .ant-pro-card-col-12 {
315
- flex-shrink: 0;
316
- width: 50%;
317
- }
318
- .ant-pro-card-col-11 {
319
- flex-shrink: 0;
320
- width: 45.83333333%;
321
- }
322
- .ant-pro-card-col-10 {
323
- flex-shrink: 0;
324
- width: 41.66666667%;
325
- }
326
- .ant-pro-card-col-9 {
327
- flex-shrink: 0;
328
- width: 37.5%;
329
- }
330
- .ant-pro-card-col-8 {
331
- flex-shrink: 0;
332
- width: 33.33333333%;
333
- }
334
- .ant-pro-card-col-7 {
335
- flex-shrink: 0;
336
- width: 29.16666667%;
337
- }
338
- .ant-pro-card-col-6 {
339
- flex-shrink: 0;
340
- width: 25%;
341
- }
342
- .ant-pro-card-col-5 {
343
- flex-shrink: 0;
344
- width: 20.83333333%;
345
- }
346
- .ant-pro-card-col-4 {
347
- flex-shrink: 0;
348
- width: 16.66666667%;
349
- }
350
- .ant-pro-card-col-3 {
351
- flex-shrink: 0;
352
- width: 12.5%;
353
- }
354
- .ant-pro-card-col-2 {
355
- flex-shrink: 0;
356
- width: 8.33333333%;
357
- }
358
- .ant-pro-card-col-1 {
359
- flex-shrink: 0;
360
- width: 4.16666667%;
361
- }
362
-
363
- /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
364
- /* stylelint-disable no-duplicate-selectors */
365
- /* stylelint-disable */
366
- /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
367
- [class^=ant-]::-ms-clear,
368
- [class*= ant-]::-ms-clear,
369
- [class^=ant-] input::-ms-clear,
370
- [class*= ant-] input::-ms-clear,
371
- [class^=ant-] input::-ms-reveal,
372
- [class*= ant-] input::-ms-reveal {
373
- display: none;
374
- }
375
- /* stylelint-disable property-no-vendor-prefix, at-rule-no-vendor-prefix */
376
- html,
377
- body {
378
- width: 100%;
379
- height: 100%;
380
- }
381
- input::-ms-clear,
382
- input::-ms-reveal {
383
- display: none;
384
- }
385
- *,
386
- *::before,
387
- *::after {
388
- box-sizing: border-box;
389
- }
390
- html {
391
- font-family: sans-serif;
392
- line-height: 1.15;
393
- -webkit-text-size-adjust: 100%;
394
- -ms-text-size-adjust: 100%;
395
- -ms-overflow-style: scrollbar;
396
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
397
- }
398
- @-ms-viewport {
399
- width: device-width;
400
- }
401
- body {
402
- margin: 0;
403
- color: rgba(0, 0, 0, 0.85);
404
- font-size: 14px;
405
- font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
406
- font-variant: tabular-nums;
407
- line-height: 1.5715;
408
- background-color: #fff;
409
- font-feature-settings: 'tnum';
410
- }
411
- [tabindex='-1']:focus {
412
- outline: none !important;
413
- }
414
- hr {
415
- box-sizing: content-box;
416
- height: 0;
417
- overflow: visible;
418
- }
419
- h1,
420
- h2,
421
- h3,
422
- h4,
423
- h5,
424
- h6 {
425
- margin-top: 0;
426
- margin-bottom: 0.5em;
427
- color: rgba(0, 0, 0, 0.85);
428
- font-weight: 500;
429
- }
430
- p {
431
- margin-top: 0;
432
- margin-bottom: 1em;
433
- }
434
- abbr[title],
435
- abbr[data-original-title] {
436
- text-decoration: underline;
437
- text-decoration: underline dotted;
438
- border-bottom: 0;
439
- cursor: help;
440
- }
441
- address {
442
- margin-bottom: 1em;
443
- font-style: normal;
444
- line-height: inherit;
445
- }
446
- input[type='text'],
447
- input[type='password'],
448
- input[type='number'],
449
- textarea {
450
- -webkit-appearance: none;
451
- }
452
- ol,
453
- ul,
454
- dl {
455
- margin-top: 0;
456
- margin-bottom: 1em;
457
- }
458
- ol ol,
459
- ul ul,
460
- ol ul,
461
- ul ol {
462
- margin-bottom: 0;
463
- }
464
- dt {
465
- font-weight: 500;
466
- }
467
- dd {
468
- margin-bottom: 0.5em;
469
- margin-left: 0;
470
- }
471
- blockquote {
472
- margin: 0 0 1em;
473
- }
474
- dfn {
475
- font-style: italic;
476
- }
477
- b,
478
- strong {
479
- font-weight: bolder;
480
- }
481
- small {
482
- font-size: 80%;
483
- }
484
- sub,
485
- sup {
486
- position: relative;
487
- font-size: 75%;
488
- line-height: 0;
489
- vertical-align: baseline;
490
- }
491
- sub {
492
- bottom: -0.25em;
493
- }
494
- sup {
495
- top: -0.5em;
496
- }
497
- a {
498
- color: #1890ff;
499
- text-decoration: none;
500
- background-color: transparent;
501
- outline: none;
502
- cursor: pointer;
503
- transition: color 0.3s;
504
- -webkit-text-decoration-skip: objects;
505
- }
506
- a:hover {
507
- color: #40a9ff;
508
- }
509
- a:active {
510
- color: #096dd9;
511
- }
512
- a:active,
513
- a:hover {
514
- text-decoration: none;
515
- outline: 0;
516
- }
517
- a:focus {
518
- text-decoration: none;
519
- outline: 0;
520
- }
521
- a[disabled] {
522
- color: rgba(0, 0, 0, 0.25);
523
- cursor: not-allowed;
524
- }
525
- pre,
526
- code,
527
- kbd,
528
- samp {
529
- font-size: 1em;
530
- font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
531
- }
532
- pre {
533
- margin-top: 0;
534
- margin-bottom: 1em;
535
- overflow: auto;
536
- }
537
- figure {
538
- margin: 0 0 1em;
539
- }
540
- img {
541
- vertical-align: middle;
542
- border-style: none;
543
- }
544
- a,
545
- area,
546
- button,
547
- [role='button'],
548
- input:not([type='range']),
549
- label,
550
- select,
551
- summary,
552
- textarea {
553
- touch-action: manipulation;
554
- }
555
- table {
556
- border-collapse: collapse;
557
- }
558
- caption {
559
- padding-top: 0.75em;
560
- padding-bottom: 0.3em;
561
- color: rgba(0, 0, 0, 0.45);
562
- text-align: left;
563
- caption-side: bottom;
564
- }
565
- input,
566
- button,
567
- select,
568
- optgroup,
569
- textarea {
570
- margin: 0;
571
- color: inherit;
572
- font-size: inherit;
573
- font-family: inherit;
574
- line-height: inherit;
575
- }
576
- button,
577
- input {
578
- overflow: visible;
579
- }
580
- button,
581
- select {
582
- text-transform: none;
583
- }
584
- button,
585
- html [type="button"],
586
- [type="reset"],
587
- [type="submit"] {
588
- -webkit-appearance: button;
589
- }
590
- button::-moz-focus-inner,
591
- [type='button']::-moz-focus-inner,
592
- [type='reset']::-moz-focus-inner,
593
- [type='submit']::-moz-focus-inner {
594
- padding: 0;
595
- border-style: none;
596
- }
597
- input[type='radio'],
598
- input[type='checkbox'] {
599
- box-sizing: border-box;
600
- padding: 0;
601
- }
602
- input[type='date'],
603
- input[type='time'],
604
- input[type='datetime-local'],
605
- input[type='month'] {
606
- -webkit-appearance: listbox;
607
- }
608
- textarea {
609
- overflow: auto;
610
- resize: vertical;
611
- }
612
- fieldset {
613
- min-width: 0;
614
- margin: 0;
615
- padding: 0;
616
- border: 0;
617
- }
618
- legend {
619
- display: block;
620
- width: 100%;
621
- max-width: 100%;
622
- margin-bottom: 0.5em;
623
- padding: 0;
624
- color: inherit;
625
- font-size: 1.5em;
626
- line-height: inherit;
627
- white-space: normal;
628
- }
629
- progress {
630
- vertical-align: baseline;
631
- }
632
- [type='number']::-webkit-inner-spin-button,
633
- [type='number']::-webkit-outer-spin-button {
634
- height: auto;
635
- }
636
- [type='search'] {
637
- outline-offset: -2px;
638
- -webkit-appearance: none;
639
- }
640
- [type='search']::-webkit-search-cancel-button,
641
- [type='search']::-webkit-search-decoration {
642
- -webkit-appearance: none;
643
- }
644
- ::-webkit-file-upload-button {
645
- font: inherit;
646
- -webkit-appearance: button;
647
- }
648
- output {
649
- display: inline-block;
650
- }
651
- summary {
652
- display: list-item;
653
- }
654
- template {
655
- display: none;
656
- }
657
- [hidden] {
658
- display: none !important;
659
- }
660
- mark {
661
- padding: 0.2em;
662
- background-color: #feffe6;
663
- }
664
- ::selection {
665
- color: #fff;
666
- background: #1890ff;
667
- }
668
- .clearfix::before {
669
- display: table;
670
- content: '';
671
- }
672
- .clearfix::after {
673
- display: table;
674
- clear: both;
675
- content: '';
676
- }
677
- .anticon {
678
- display: inline-block;
679
- color: inherit;
680
- font-style: normal;
681
- line-height: 0;
682
- text-align: center;
683
- text-transform: none;
684
- vertical-align: -0.125em;
685
- text-rendering: optimizelegibility;
686
- -webkit-font-smoothing: antialiased;
687
- -moz-osx-font-smoothing: grayscale;
688
- }
689
- .anticon > * {
690
- line-height: 1;
691
- }
692
- .anticon svg {
693
- display: inline-block;
694
- }
695
- .anticon::before {
696
- display: none;
697
- }
698
- .anticon .anticon-icon {
699
- display: block;
700
- }
701
- .anticon > .anticon {
702
- line-height: 0;
703
- vertical-align: 0;
704
- }
705
- .anticon[tabindex] {
706
- cursor: pointer;
707
- }
708
- .anticon-spin,
709
- .anticon-spin::before {
710
- display: inline-block;
711
- animation: loadingCircle 1s infinite linear;
712
- }
713
- .ant-fade-enter,
714
- .ant-fade-appear {
715
- animation-duration: 0.2s;
716
- animation-fill-mode: both;
717
- animation-play-state: paused;
718
- }
719
- .ant-fade-leave {
720
- animation-duration: 0.2s;
721
- animation-fill-mode: both;
722
- animation-play-state: paused;
723
- }
724
- .ant-fade-enter.ant-fade-enter-active,
725
- .ant-fade-appear.ant-fade-appear-active {
726
- animation-name: antFadeIn;
727
- animation-play-state: running;
728
- }
729
- .ant-fade-leave.ant-fade-leave-active {
730
- animation-name: antFadeOut;
731
- animation-play-state: running;
732
- pointer-events: none;
733
- }
734
- .ant-fade-enter,
735
- .ant-fade-appear {
736
- opacity: 0;
737
- animation-timing-function: linear;
738
- }
739
- .ant-fade-leave {
740
- animation-timing-function: linear;
741
- }
742
- @keyframes antFadeIn {
743
- 0% {
744
- opacity: 0;
745
- }
746
- 100% {
747
- opacity: 1;
748
- }
749
- }
750
- @keyframes antFadeOut {
751
- 0% {
752
- opacity: 1;
753
- }
754
- 100% {
755
- opacity: 0;
756
- }
757
- }
758
- .ant-move-up-enter,
759
- .ant-move-up-appear {
760
- animation-duration: 0.2s;
761
- animation-fill-mode: both;
762
- animation-play-state: paused;
763
- }
764
- .ant-move-up-leave {
765
- animation-duration: 0.2s;
766
- animation-fill-mode: both;
767
- animation-play-state: paused;
768
- }
769
- .ant-move-up-enter.ant-move-up-enter-active,
770
- .ant-move-up-appear.ant-move-up-appear-active {
771
- animation-name: antMoveUpIn;
772
- animation-play-state: running;
773
- }
774
- .ant-move-up-leave.ant-move-up-leave-active {
775
- animation-name: antMoveUpOut;
776
- animation-play-state: running;
777
- pointer-events: none;
778
- }
779
- .ant-move-up-enter,
780
- .ant-move-up-appear {
781
- opacity: 0;
782
- animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
783
- }
784
- .ant-move-up-leave {
785
- animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
786
- }
787
- .ant-move-down-enter,
788
- .ant-move-down-appear {
789
- animation-duration: 0.2s;
790
- animation-fill-mode: both;
791
- animation-play-state: paused;
792
- }
793
- .ant-move-down-leave {
794
- animation-duration: 0.2s;
795
- animation-fill-mode: both;
796
- animation-play-state: paused;
797
- }
798
- .ant-move-down-enter.ant-move-down-enter-active,
799
- .ant-move-down-appear.ant-move-down-appear-active {
800
- animation-name: antMoveDownIn;
801
- animation-play-state: running;
802
- }
803
- .ant-move-down-leave.ant-move-down-leave-active {
804
- animation-name: antMoveDownOut;
805
- animation-play-state: running;
806
- pointer-events: none;
807
- }
808
- .ant-move-down-enter,
809
- .ant-move-down-appear {
810
- opacity: 0;
811
- animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
812
- }
813
- .ant-move-down-leave {
814
- animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
815
- }
816
- .ant-move-left-enter,
817
- .ant-move-left-appear {
818
- animation-duration: 0.2s;
819
- animation-fill-mode: both;
820
- animation-play-state: paused;
821
- }
822
- .ant-move-left-leave {
823
- animation-duration: 0.2s;
824
- animation-fill-mode: both;
825
- animation-play-state: paused;
826
- }
827
- .ant-move-left-enter.ant-move-left-enter-active,
828
- .ant-move-left-appear.ant-move-left-appear-active {
829
- animation-name: antMoveLeftIn;
830
- animation-play-state: running;
831
- }
832
- .ant-move-left-leave.ant-move-left-leave-active {
833
- animation-name: antMoveLeftOut;
834
- animation-play-state: running;
835
- pointer-events: none;
836
- }
837
- .ant-move-left-enter,
838
- .ant-move-left-appear {
839
- opacity: 0;
840
- animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
841
- }
842
- .ant-move-left-leave {
843
- animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
844
- }
845
- .ant-move-right-enter,
846
- .ant-move-right-appear {
847
- animation-duration: 0.2s;
848
- animation-fill-mode: both;
849
- animation-play-state: paused;
850
- }
851
- .ant-move-right-leave {
852
- animation-duration: 0.2s;
853
- animation-fill-mode: both;
854
- animation-play-state: paused;
855
- }
856
- .ant-move-right-enter.ant-move-right-enter-active,
857
- .ant-move-right-appear.ant-move-right-appear-active {
858
- animation-name: antMoveRightIn;
859
- animation-play-state: running;
860
- }
861
- .ant-move-right-leave.ant-move-right-leave-active {
862
- animation-name: antMoveRightOut;
863
- animation-play-state: running;
864
- pointer-events: none;
865
- }
866
- .ant-move-right-enter,
867
- .ant-move-right-appear {
868
- opacity: 0;
869
- animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
870
- }
871
- .ant-move-right-leave {
872
- animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
873
- }
874
- @keyframes antMoveDownIn {
875
- 0% {
876
- transform: translateY(100%);
877
- transform-origin: 0 0;
878
- opacity: 0;
879
- }
880
- 100% {
881
- transform: translateY(0%);
882
- transform-origin: 0 0;
883
- opacity: 1;
884
- }
885
- }
886
- @keyframes antMoveDownOut {
887
- 0% {
888
- transform: translateY(0%);
889
- transform-origin: 0 0;
890
- opacity: 1;
891
- }
892
- 100% {
893
- transform: translateY(100%);
894
- transform-origin: 0 0;
895
- opacity: 0;
896
- }
897
- }
898
- @keyframes antMoveLeftIn {
899
- 0% {
900
- transform: translateX(-100%);
901
- transform-origin: 0 0;
902
- opacity: 0;
903
- }
904
- 100% {
905
- transform: translateX(0%);
906
- transform-origin: 0 0;
907
- opacity: 1;
908
- }
909
- }
910
- @keyframes antMoveLeftOut {
911
- 0% {
912
- transform: translateX(0%);
913
- transform-origin: 0 0;
914
- opacity: 1;
915
- }
916
- 100% {
917
- transform: translateX(-100%);
918
- transform-origin: 0 0;
919
- opacity: 0;
920
- }
921
- }
922
- @keyframes antMoveRightIn {
923
- 0% {
924
- transform: translateX(100%);
925
- transform-origin: 0 0;
926
- opacity: 0;
927
- }
928
- 100% {
929
- transform: translateX(0%);
930
- transform-origin: 0 0;
931
- opacity: 1;
932
- }
933
- }
934
- @keyframes antMoveRightOut {
935
- 0% {
936
- transform: translateX(0%);
937
- transform-origin: 0 0;
938
- opacity: 1;
939
- }
940
- 100% {
941
- transform: translateX(100%);
942
- transform-origin: 0 0;
943
- opacity: 0;
944
- }
945
- }
946
- @keyframes antMoveUpIn {
947
- 0% {
948
- transform: translateY(-100%);
949
- transform-origin: 0 0;
950
- opacity: 0;
951
- }
952
- 100% {
953
- transform: translateY(0%);
954
- transform-origin: 0 0;
955
- opacity: 1;
956
- }
957
- }
958
- @keyframes antMoveUpOut {
959
- 0% {
960
- transform: translateY(0%);
961
- transform-origin: 0 0;
962
- opacity: 1;
963
- }
964
- 100% {
965
- transform: translateY(-100%);
966
- transform-origin: 0 0;
967
- opacity: 0;
968
- }
969
- }
970
- @keyframes loadingCircle {
971
- 100% {
972
- transform: rotate(360deg);
973
- }
974
- }
975
- [ant-click-animating='true'],
976
- [ant-click-animating-without-extra-node='true'] {
977
- position: relative;
978
- }
979
- html {
980
- --antd-wave-shadow-color: #1890ff;
981
- --scroll-bar: 0;
982
- }
983
- [ant-click-animating-without-extra-node='true']::after,
984
- .ant-click-animating-node {
985
- position: absolute;
986
- top: 0;
987
- right: 0;
988
- bottom: 0;
989
- left: 0;
990
- display: block;
991
- border-radius: inherit;
992
- box-shadow: 0 0 0 0 #1890ff;
993
- box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
994
- opacity: 0.2;
995
- animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
996
- animation-fill-mode: forwards;
997
- content: '';
998
- pointer-events: none;
999
- }
1000
- @keyframes waveEffect {
1001
- 100% {
1002
- box-shadow: 0 0 0 #1890ff;
1003
- box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
1004
- }
1005
- }
1006
- @keyframes fadeEffect {
1007
- 100% {
1008
- opacity: 0;
1009
- }
1010
- }
1011
- .ant-slide-up-enter,
1012
- .ant-slide-up-appear {
1013
- animation-duration: 0.2s;
1014
- animation-fill-mode: both;
1015
- animation-play-state: paused;
1016
- }
1017
- .ant-slide-up-leave {
1018
- animation-duration: 0.2s;
1019
- animation-fill-mode: both;
1020
- animation-play-state: paused;
1021
- }
1022
- .ant-slide-up-enter.ant-slide-up-enter-active,
1023
- .ant-slide-up-appear.ant-slide-up-appear-active {
1024
- animation-name: antSlideUpIn;
1025
- animation-play-state: running;
1026
- }
1027
- .ant-slide-up-leave.ant-slide-up-leave-active {
1028
- animation-name: antSlideUpOut;
1029
- animation-play-state: running;
1030
- pointer-events: none;
1031
- }
1032
- .ant-slide-up-enter,
1033
- .ant-slide-up-appear {
1034
- opacity: 0;
1035
- animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
1036
- }
1037
- .ant-slide-up-leave {
1038
- animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
1039
- }
1040
- .ant-slide-down-enter,
1041
- .ant-slide-down-appear {
1042
- animation-duration: 0.2s;
1043
- animation-fill-mode: both;
1044
- animation-play-state: paused;
1045
- }
1046
- .ant-slide-down-leave {
1047
- animation-duration: 0.2s;
1048
- animation-fill-mode: both;
1049
- animation-play-state: paused;
1050
- }
1051
- .ant-slide-down-enter.ant-slide-down-enter-active,
1052
- .ant-slide-down-appear.ant-slide-down-appear-active {
1053
- animation-name: antSlideDownIn;
1054
- animation-play-state: running;
1055
- }
1056
- .ant-slide-down-leave.ant-slide-down-leave-active {
1057
- animation-name: antSlideDownOut;
1058
- animation-play-state: running;
1059
- pointer-events: none;
1060
- }
1061
- .ant-slide-down-enter,
1062
- .ant-slide-down-appear {
1063
- opacity: 0;
1064
- animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
1065
- }
1066
- .ant-slide-down-leave {
1067
- animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
1068
- }
1069
- .ant-slide-left-enter,
1070
- .ant-slide-left-appear {
1071
- animation-duration: 0.2s;
1072
- animation-fill-mode: both;
1073
- animation-play-state: paused;
1074
- }
1075
- .ant-slide-left-leave {
1076
- animation-duration: 0.2s;
1077
- animation-fill-mode: both;
1078
- animation-play-state: paused;
1079
- }
1080
- .ant-slide-left-enter.ant-slide-left-enter-active,
1081
- .ant-slide-left-appear.ant-slide-left-appear-active {
1082
- animation-name: antSlideLeftIn;
1083
- animation-play-state: running;
1084
- }
1085
- .ant-slide-left-leave.ant-slide-left-leave-active {
1086
- animation-name: antSlideLeftOut;
1087
- animation-play-state: running;
1088
- pointer-events: none;
1089
- }
1090
- .ant-slide-left-enter,
1091
- .ant-slide-left-appear {
1092
- opacity: 0;
1093
- animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
1094
- }
1095
- .ant-slide-left-leave {
1096
- animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
1097
- }
1098
- .ant-slide-right-enter,
1099
- .ant-slide-right-appear {
1100
- animation-duration: 0.2s;
1101
- animation-fill-mode: both;
1102
- animation-play-state: paused;
1103
- }
1104
- .ant-slide-right-leave {
1105
- animation-duration: 0.2s;
1106
- animation-fill-mode: both;
1107
- animation-play-state: paused;
1108
- }
1109
- .ant-slide-right-enter.ant-slide-right-enter-active,
1110
- .ant-slide-right-appear.ant-slide-right-appear-active {
1111
- animation-name: antSlideRightIn;
1112
- animation-play-state: running;
1113
- }
1114
- .ant-slide-right-leave.ant-slide-right-leave-active {
1115
- animation-name: antSlideRightOut;
1116
- animation-play-state: running;
1117
- pointer-events: none;
1118
- }
1119
- .ant-slide-right-enter,
1120
- .ant-slide-right-appear {
1121
- opacity: 0;
1122
- animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
1123
- }
1124
- .ant-slide-right-leave {
1125
- animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
1126
- }
1127
- @keyframes antSlideUpIn {
1128
- 0% {
1129
- transform: scaleY(0.8);
1130
- transform-origin: 0% 0%;
1131
- opacity: 0;
1132
- }
1133
- 100% {
1134
- transform: scaleY(1);
1135
- transform-origin: 0% 0%;
1136
- opacity: 1;
1137
- }
1138
- }
1139
- @keyframes antSlideUpOut {
1140
- 0% {
1141
- transform: scaleY(1);
1142
- transform-origin: 0% 0%;
1143
- opacity: 1;
1144
- }
1145
- 100% {
1146
- transform: scaleY(0.8);
1147
- transform-origin: 0% 0%;
1148
- opacity: 0;
1149
- }
1150
- }
1151
- @keyframes antSlideDownIn {
1152
- 0% {
1153
- transform: scaleY(0.8);
1154
- transform-origin: 100% 100%;
1155
- opacity: 0;
1156
- }
1157
- 100% {
1158
- transform: scaleY(1);
1159
- transform-origin: 100% 100%;
1160
- opacity: 1;
1161
- }
1162
- }
1163
- @keyframes antSlideDownOut {
1164
- 0% {
1165
- transform: scaleY(1);
1166
- transform-origin: 100% 100%;
1167
- opacity: 1;
1168
- }
1169
- 100% {
1170
- transform: scaleY(0.8);
1171
- transform-origin: 100% 100%;
1172
- opacity: 0;
1173
- }
1174
- }
1175
- @keyframes antSlideLeftIn {
1176
- 0% {
1177
- transform: scaleX(0.8);
1178
- transform-origin: 0% 0%;
1179
- opacity: 0;
1180
- }
1181
- 100% {
1182
- transform: scaleX(1);
1183
- transform-origin: 0% 0%;
1184
- opacity: 1;
1185
- }
1186
- }
1187
- @keyframes antSlideLeftOut {
1188
- 0% {
1189
- transform: scaleX(1);
1190
- transform-origin: 0% 0%;
1191
- opacity: 1;
1192
- }
1193
- 100% {
1194
- transform: scaleX(0.8);
1195
- transform-origin: 0% 0%;
1196
- opacity: 0;
1197
- }
1198
- }
1199
- @keyframes antSlideRightIn {
1200
- 0% {
1201
- transform: scaleX(0.8);
1202
- transform-origin: 100% 0%;
1203
- opacity: 0;
1204
- }
1205
- 100% {
1206
- transform: scaleX(1);
1207
- transform-origin: 100% 0%;
1208
- opacity: 1;
1209
- }
1210
- }
1211
- @keyframes antSlideRightOut {
1212
- 0% {
1213
- transform: scaleX(1);
1214
- transform-origin: 100% 0%;
1215
- opacity: 1;
1216
- }
1217
- 100% {
1218
- transform: scaleX(0.8);
1219
- transform-origin: 100% 0%;
1220
- opacity: 0;
1221
- }
1222
- }
1223
- .ant-zoom-enter,
1224
- .ant-zoom-appear {
1225
- animation-duration: 0.2s;
1226
- animation-fill-mode: both;
1227
- animation-play-state: paused;
1228
- }
1229
- .ant-zoom-leave {
1230
- animation-duration: 0.2s;
1231
- animation-fill-mode: both;
1232
- animation-play-state: paused;
1233
- }
1234
- .ant-zoom-enter.ant-zoom-enter-active,
1235
- .ant-zoom-appear.ant-zoom-appear-active {
1236
- animation-name: antZoomIn;
1237
- animation-play-state: running;
1238
- }
1239
- .ant-zoom-leave.ant-zoom-leave-active {
1240
- animation-name: antZoomOut;
1241
- animation-play-state: running;
1242
- pointer-events: none;
1243
- }
1244
- .ant-zoom-enter,
1245
- .ant-zoom-appear {
1246
- transform: scale(0);
1247
- opacity: 0;
1248
- animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
1249
- }
1250
- .ant-zoom-enter-prepare,
1251
- .ant-zoom-appear-prepare {
1252
- transform: none;
1253
- }
1254
- .ant-zoom-leave {
1255
- animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
1256
- }
1257
- .ant-zoom-big-enter,
1258
- .ant-zoom-big-appear {
1259
- animation-duration: 0.2s;
1260
- animation-fill-mode: both;
1261
- animation-play-state: paused;
1262
- }
1263
- .ant-zoom-big-leave {
1264
- animation-duration: 0.2s;
1265
- animation-fill-mode: both;
1266
- animation-play-state: paused;
1267
- }
1268
- .ant-zoom-big-enter.ant-zoom-big-enter-active,
1269
- .ant-zoom-big-appear.ant-zoom-big-appear-active {
1270
- animation-name: antZoomBigIn;
1271
- animation-play-state: running;
1272
- }
1273
- .ant-zoom-big-leave.ant-zoom-big-leave-active {
1274
- animation-name: antZoomBigOut;
1275
- animation-play-state: running;
1276
- pointer-events: none;
1277
- }
1278
- .ant-zoom-big-enter,
1279
- .ant-zoom-big-appear {
1280
- transform: scale(0);
1281
- opacity: 0;
1282
- animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
1283
- }
1284
- .ant-zoom-big-enter-prepare,
1285
- .ant-zoom-big-appear-prepare {
1286
- transform: none;
1287
- }
1288
- .ant-zoom-big-leave {
1289
- animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
1290
- }
1291
- .ant-zoom-big-fast-enter,
1292
- .ant-zoom-big-fast-appear {
1293
- animation-duration: 0.1s;
1294
- animation-fill-mode: both;
1295
- animation-play-state: paused;
1296
- }
1297
- .ant-zoom-big-fast-leave {
1298
- animation-duration: 0.1s;
1299
- animation-fill-mode: both;
1300
- animation-play-state: paused;
1301
- }
1302
- .ant-zoom-big-fast-enter.ant-zoom-big-fast-enter-active,
1303
- .ant-zoom-big-fast-appear.ant-zoom-big-fast-appear-active {
1304
- animation-name: antZoomBigIn;
1305
- animation-play-state: running;
1306
- }
1307
- .ant-zoom-big-fast-leave.ant-zoom-big-fast-leave-active {
1308
- animation-name: antZoomBigOut;
1309
- animation-play-state: running;
1310
- pointer-events: none;
1311
- }
1312
- .ant-zoom-big-fast-enter,
1313
- .ant-zoom-big-fast-appear {
1314
- transform: scale(0);
1315
- opacity: 0;
1316
- animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
1317
- }
1318
- .ant-zoom-big-fast-enter-prepare,
1319
- .ant-zoom-big-fast-appear-prepare {
1320
- transform: none;
1321
- }
1322
- .ant-zoom-big-fast-leave {
1323
- animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
1324
- }
1325
- .ant-zoom-up-enter,
1326
- .ant-zoom-up-appear {
1327
- animation-duration: 0.2s;
1328
- animation-fill-mode: both;
1329
- animation-play-state: paused;
1330
- }
1331
- .ant-zoom-up-leave {
1332
- animation-duration: 0.2s;
1333
- animation-fill-mode: both;
1334
- animation-play-state: paused;
1335
- }
1336
- .ant-zoom-up-enter.ant-zoom-up-enter-active,
1337
- .ant-zoom-up-appear.ant-zoom-up-appear-active {
1338
- animation-name: antZoomUpIn;
1339
- animation-play-state: running;
1340
- }
1341
- .ant-zoom-up-leave.ant-zoom-up-leave-active {
1342
- animation-name: antZoomUpOut;
1343
- animation-play-state: running;
1344
- pointer-events: none;
1345
- }
1346
- .ant-zoom-up-enter,
1347
- .ant-zoom-up-appear {
1348
- transform: scale(0);
1349
- opacity: 0;
1350
- animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
1351
- }
1352
- .ant-zoom-up-enter-prepare,
1353
- .ant-zoom-up-appear-prepare {
1354
- transform: none;
1355
- }
1356
- .ant-zoom-up-leave {
1357
- animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
1358
- }
1359
- .ant-zoom-down-enter,
1360
- .ant-zoom-down-appear {
1361
- animation-duration: 0.2s;
1362
- animation-fill-mode: both;
1363
- animation-play-state: paused;
1364
- }
1365
- .ant-zoom-down-leave {
1366
- animation-duration: 0.2s;
1367
- animation-fill-mode: both;
1368
- animation-play-state: paused;
1369
- }
1370
- .ant-zoom-down-enter.ant-zoom-down-enter-active,
1371
- .ant-zoom-down-appear.ant-zoom-down-appear-active {
1372
- animation-name: antZoomDownIn;
1373
- animation-play-state: running;
1374
- }
1375
- .ant-zoom-down-leave.ant-zoom-down-leave-active {
1376
- animation-name: antZoomDownOut;
1377
- animation-play-state: running;
1378
- pointer-events: none;
1379
- }
1380
- .ant-zoom-down-enter,
1381
- .ant-zoom-down-appear {
1382
- transform: scale(0);
1383
- opacity: 0;
1384
- animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
1385
- }
1386
- .ant-zoom-down-enter-prepare,
1387
- .ant-zoom-down-appear-prepare {
1388
- transform: none;
1389
- }
1390
- .ant-zoom-down-leave {
1391
- animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
1392
- }
1393
- .ant-zoom-left-enter,
1394
- .ant-zoom-left-appear {
1395
- animation-duration: 0.2s;
1396
- animation-fill-mode: both;
1397
- animation-play-state: paused;
1398
- }
1399
- .ant-zoom-left-leave {
1400
- animation-duration: 0.2s;
1401
- animation-fill-mode: both;
1402
- animation-play-state: paused;
1403
- }
1404
- .ant-zoom-left-enter.ant-zoom-left-enter-active,
1405
- .ant-zoom-left-appear.ant-zoom-left-appear-active {
1406
- animation-name: antZoomLeftIn;
1407
- animation-play-state: running;
1408
- }
1409
- .ant-zoom-left-leave.ant-zoom-left-leave-active {
1410
- animation-name: antZoomLeftOut;
1411
- animation-play-state: running;
1412
- pointer-events: none;
1413
- }
1414
- .ant-zoom-left-enter,
1415
- .ant-zoom-left-appear {
1416
- transform: scale(0);
1417
- opacity: 0;
1418
- animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
1419
- }
1420
- .ant-zoom-left-enter-prepare,
1421
- .ant-zoom-left-appear-prepare {
1422
- transform: none;
1423
- }
1424
- .ant-zoom-left-leave {
1425
- animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
1426
- }
1427
- .ant-zoom-right-enter,
1428
- .ant-zoom-right-appear {
1429
- animation-duration: 0.2s;
1430
- animation-fill-mode: both;
1431
- animation-play-state: paused;
1432
- }
1433
- .ant-zoom-right-leave {
1434
- animation-duration: 0.2s;
1435
- animation-fill-mode: both;
1436
- animation-play-state: paused;
1437
- }
1438
- .ant-zoom-right-enter.ant-zoom-right-enter-active,
1439
- .ant-zoom-right-appear.ant-zoom-right-appear-active {
1440
- animation-name: antZoomRightIn;
1441
- animation-play-state: running;
1442
- }
1443
- .ant-zoom-right-leave.ant-zoom-right-leave-active {
1444
- animation-name: antZoomRightOut;
1445
- animation-play-state: running;
1446
- pointer-events: none;
1447
- }
1448
- .ant-zoom-right-enter,
1449
- .ant-zoom-right-appear {
1450
- transform: scale(0);
1451
- opacity: 0;
1452
- animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
1453
- }
1454
- .ant-zoom-right-enter-prepare,
1455
- .ant-zoom-right-appear-prepare {
1456
- transform: none;
1457
- }
1458
- .ant-zoom-right-leave {
1459
- animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
1460
- }
1461
- @keyframes antZoomIn {
1462
- 0% {
1463
- transform: scale(0.2);
1464
- opacity: 0;
1465
- }
1466
- 100% {
1467
- transform: scale(1);
1468
- opacity: 1;
1469
- }
1470
- }
1471
- @keyframes antZoomOut {
1472
- 0% {
1473
- transform: scale(1);
1474
- }
1475
- 100% {
1476
- transform: scale(0.2);
1477
- opacity: 0;
1478
- }
1479
- }
1480
- @keyframes antZoomBigIn {
1481
- 0% {
1482
- transform: scale(0.8);
1483
- opacity: 0;
1484
- }
1485
- 100% {
1486
- transform: scale(1);
1487
- opacity: 1;
1488
- }
1489
- }
1490
- @keyframes antZoomBigOut {
1491
- 0% {
1492
- transform: scale(1);
1493
- }
1494
- 100% {
1495
- transform: scale(0.8);
1496
- opacity: 0;
1497
- }
1498
- }
1499
- @keyframes antZoomUpIn {
1500
- 0% {
1501
- transform: scale(0.8);
1502
- transform-origin: 50% 0%;
1503
- opacity: 0;
1504
- }
1505
- 100% {
1506
- transform: scale(1);
1507
- transform-origin: 50% 0%;
1508
- }
1509
- }
1510
- @keyframes antZoomUpOut {
1511
- 0% {
1512
- transform: scale(1);
1513
- transform-origin: 50% 0%;
1514
- }
1515
- 100% {
1516
- transform: scale(0.8);
1517
- transform-origin: 50% 0%;
1518
- opacity: 0;
1519
- }
1520
- }
1521
- @keyframes antZoomLeftIn {
1522
- 0% {
1523
- transform: scale(0.8);
1524
- transform-origin: 0% 50%;
1525
- opacity: 0;
1526
- }
1527
- 100% {
1528
- transform: scale(1);
1529
- transform-origin: 0% 50%;
1530
- }
1531
- }
1532
- @keyframes antZoomLeftOut {
1533
- 0% {
1534
- transform: scale(1);
1535
- transform-origin: 0% 50%;
1536
- }
1537
- 100% {
1538
- transform: scale(0.8);
1539
- transform-origin: 0% 50%;
1540
- opacity: 0;
1541
- }
1542
- }
1543
- @keyframes antZoomRightIn {
1544
- 0% {
1545
- transform: scale(0.8);
1546
- transform-origin: 100% 50%;
1547
- opacity: 0;
1548
- }
1549
- 100% {
1550
- transform: scale(1);
1551
- transform-origin: 100% 50%;
1552
- }
1553
- }
1554
- @keyframes antZoomRightOut {
1555
- 0% {
1556
- transform: scale(1);
1557
- transform-origin: 100% 50%;
1558
- }
1559
- 100% {
1560
- transform: scale(0.8);
1561
- transform-origin: 100% 50%;
1562
- opacity: 0;
1563
- }
1564
- }
1565
- @keyframes antZoomDownIn {
1566
- 0% {
1567
- transform: scale(0.8);
1568
- transform-origin: 50% 100%;
1569
- opacity: 0;
1570
- }
1571
- 100% {
1572
- transform: scale(1);
1573
- transform-origin: 50% 100%;
1574
- }
1575
- }
1576
- @keyframes antZoomDownOut {
1577
- 0% {
1578
- transform: scale(1);
1579
- transform-origin: 50% 100%;
1580
- }
1581
- 100% {
1582
- transform: scale(0.8);
1583
- transform-origin: 50% 100%;
1584
- opacity: 0;
1585
- }
1586
- }
1587
- .ant-motion-collapse-legacy {
1588
- overflow: hidden;
1589
- }
1590
- .ant-motion-collapse-legacy-active {
1591
- transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
1592
- }
1593
- .ant-motion-collapse {
1594
- overflow: hidden;
1595
- transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
1596
- }
1597
-
1598
- .ant-pro-card-loading {
1599
- overflow: hidden;
1600
- }
1601
- .ant-pro-card-loading .ant-pro-card-body {
1602
- user-select: none;
1603
- }
1604
- .ant-pro-card-loading-content {
1605
- width: 100%;
1606
- }
1607
- .ant-pro-card-loading-content p {
1608
- margin: 0;
1609
- }
1610
- .ant-pro-card-loading-block {
1611
- height: 14px;
1612
- margin: 4px 0;
1613
- background: linear-gradient(90deg, rgba(207, 216, 220, 0.2), rgba(207, 216, 220, 0.4), rgba(207, 216, 220, 0.2));
1614
- background-size: 600% 600%;
1615
- border-radius: 2px;
1616
- animation: card-loading 1.4s ease infinite;
1617
- }
1618
- @keyframes card-loading {
1619
- 0%,
1620
- 100% {
1621
- background-position: 0 50%;
1622
- }
1623
- 50% {
1624
- background-position: 100% 50%;
1625
- }
1626
- }
1627
-
1628
- .ant-pro-core-label-tip {
1629
- display: inline-flex;
1630
- align-items: center;
1631
- max-width: 100%;
1632
- }
1633
- .ant-pro-core-label-tip-icon {
1634
- display: block;
1635
- margin-left: 4px;
1636
- cursor: pointer;
1637
- }
1638
- .ant-pro-core-label-tip-icon:hover {
1639
- color: #40a9ff;
1640
- }
1641
- .ant-pro-core-label-tip-title {
1642
- display: inline-flex;
1643
- flex: 1;
1644
- }
1645
- .ant-pro-core-label-tip-subtitle {
1646
- margin-left: 8px;
1647
- color: rgba(0, 0, 0, 0.45);
1648
- font-weight: normal;
1649
- font-size: 14px;
1650
- white-space: nowrap;
1651
- }
1652
- .ant-pro-core-label-tip-title-ellipsis {
1653
- overflow: hidden;
1654
- white-space: nowrap;
1655
- text-overflow: ellipsis;
1656
- word-break: keep-all;
1657
- }
1658
-
1659
- .ant-pro-card-actions {
1660
- margin: 0;
1661
- padding: 0;
1662
- list-style: none;
1663
- background: #fff;
1664
- border-top: 1px solid #f0f0f0;
1665
- }
1666
- .ant-pro-card-actions::before {
1667
- display: table;
1668
- content: '';
1669
- }
1670
- .ant-pro-card-actions::after {
1671
- display: table;
1672
- clear: both;
1673
- content: '';
1674
- }
1675
- .ant-pro-card-actions .ant-space {
1676
- gap: 0 !important;
1677
- width: 100%;
1678
- }
1679
- .ant-pro-card-actions > li,
1680
- .ant-pro-card-actions .ant-space-item {
1681
- flex: 1;
1682
- float: left;
1683
- margin: 12px 0;
1684
- color: rgba(0, 0, 0, 0.45);
1685
- text-align: center;
1686
- }
1687
- .ant-pro-card-actions > li > a,
1688
- .ant-pro-card-actions .ant-space-item > a {
1689
- color: rgba(0, 0, 0, 0.45);
1690
- transition: color 0.3s;
1691
- }
1692
- .ant-pro-card-actions > li > a:hover,
1693
- .ant-pro-card-actions .ant-space-item > a:hover {
1694
- color: #40a9ff;
1695
- }
1696
- .ant-pro-card-actions > li > span,
1697
- .ant-pro-card-actions .ant-space-item > span {
1698
- position: relative;
1699
- display: block;
1700
- min-width: 32px;
1701
- font-size: 14px;
1702
- line-height: 1.5715;
1703
- cursor: pointer;
1704
- }
1705
- .ant-pro-card-actions > li > span:hover,
1706
- .ant-pro-card-actions .ant-space-item > span:hover {
1707
- color: #40a9ff;
1708
- transition: color 0.3s;
1709
- }
1710
- .ant-pro-card-actions > li > span a:not(.ant-btn),
1711
- .ant-pro-card-actions .ant-space-item > span a:not(.ant-btn),
1712
- .ant-pro-card-actions > li > span > .anticon,
1713
- .ant-pro-card-actions .ant-space-item > span > .anticon {
1714
- display: inline-block;
1715
- width: 100%;
1716
- color: rgba(0, 0, 0, 0.45);
1717
- line-height: 22px;
1718
- transition: color 0.3s;
1719
- }
1720
- .ant-pro-card-actions > li > span a:not(.ant-btn):hover,
1721
- .ant-pro-card-actions .ant-space-item > span a:not(.ant-btn):hover,
1722
- .ant-pro-card-actions > li > span > .anticon:hover,
1723
- .ant-pro-card-actions .ant-space-item > span > .anticon:hover {
1724
- color: #40a9ff;
1725
- }
1726
- .ant-pro-card-actions > li > span > .anticon,
1727
- .ant-pro-card-actions .ant-space-item > span > .anticon {
1728
- font-size: 16px;
1729
- line-height: 22px;
1730
- }
1731
- .ant-pro-card-actions > li:not(:last-child),
1732
- .ant-pro-card-actions .ant-space-item:not(:last-child) {
1733
- border-right: 1px solid #f0f0f0;
1734
- }
1735
-
1736
- .ant-pro-card-divider {
1737
- flex: none;
1738
- width: 1px;
1739
- margin: 24px 8px;
1740
- background-color: #f0f0f0;
1741
- }
1742
- .ant-pro-card-divider-horizontal {
1743
- width: initial;
1744
- height: 1px;
1745
- margin: 8px 24px;
1746
- }
1747
- .ant-pro-card-size-small .ant-pro-card-divider {
1748
- margin: 12px 8px;
1749
- }
1750
- .ant-pro-card-size-small .ant-pro-card-divider-horizontal {
1751
- margin: 8px 12px;
1752
- }
1753
-
1754
- .ant-pro-card-operation {
1755
- display: flex;
1756
- flex-direction: column;
1757
- justify-content: flex-end;
1758
- margin: 24px 0;
1759
- color: rgba(0, 0, 0, 0.85);
1760
- font-weight: 500;
1761
- font-size: 20px;
1762
- line-height: 38px;
1763
- }
1764
-
1765
- .ant-pro-checkcard-group {
1766
- display: inline-block;
1767
- }
1768
- .ant-pro-checkcard {
1769
- position: relative;
1770
- display: inline-block;
1771
- width: 320px;
1772
- margin-right: 16px;
1773
- margin-bottom: 16px;
1774
- color: rgba(0, 0, 0, 0.85);
1775
- font-size: 14px;
1776
- line-height: 1.5715;
1777
- vertical-align: top;
1778
- background-color: #fff;
1779
- border-radius: 2px;
1780
- cursor: pointer;
1781
- transition: all 0.2s;
1782
- }
1783
- .ant-pro-checkcard:last-child {
1784
- margin-right: 0;
1785
- }
1786
- .ant-pro-checkcard + .ant-pro-checkcard {
1787
- margin-left: 0 !important;
1788
- }
1789
- .ant-pro-checkcard-bordered {
1790
- border: 1px solid #d9d9d9;
1791
- }
1792
- .ant-pro-checkcard-loading {
1793
- overflow: hidden;
1794
- user-select: none;
1795
- }
1796
- .ant-pro-checkcard-loading-content {
1797
- padding: 12px 16px;
1798
- }
1799
- .ant-pro-checkcard-loading-content p {
1800
- margin: 0;
1801
- }
1802
- .ant-pro-checkcard-loading-block {
1803
- height: 14px;
1804
- margin: 4px 0;
1805
- background: linear-gradient(90deg, rgba(207, 216, 220, 0.2), rgba(207, 216, 220, 0.4), rgba(207, 216, 220, 0.2));
1806
- background-size: 600% 600%;
1807
- border-radius: 2px;
1808
- animation: card-loading 1.4s ease infinite;
1809
- }
1810
- @keyframes card-loading {
1811
- 0%,
1812
- 100% {
1813
- background-position: 0 50%;
1814
- }
1815
- 50% {
1816
- background-position: 100% 50%;
1817
- }
1818
- }
1819
- .ant-pro-checkcard:focus {
1820
- background-color: #e6f7ff;
1821
- border-color: #1890ff;
1822
- }
1823
- .ant-pro-checkcard-checked {
1824
- background-color: #e6f7ff;
1825
- border-color: #1890ff;
1826
- }
1827
- .ant-pro-checkcard-disabled {
1828
- background-color: #f5f5f5;
1829
- border-color: #d9d9d9;
1830
- cursor: not-allowed;
1831
- }
1832
- .ant-pro-checkcard-disabled .ant-pro-checkcard-description {
1833
- color: rgba(0, 0, 0, 0.25);
1834
- }
1835
- .ant-pro-checkcard-disabled .ant-pro-checkcard-title {
1836
- color: rgba(0, 0, 0, 0.25);
1837
- }
1838
- .ant-pro-checkcard-disabled .ant-pro-checkcard-avatar {
1839
- opacity: 0.25;
1840
- }
1841
- .ant-pro-checkcard[disabled] {
1842
- background-color: #f5f5f5;
1843
- border-color: #d9d9d9;
1844
- cursor: not-allowed;
1845
- }
1846
- .ant-pro-checkcard[disabled] .ant-pro-checkcard-description {
1847
- color: rgba(0, 0, 0, 0.25);
1848
- }
1849
- .ant-pro-checkcard[disabled] .ant-pro-checkcard-title {
1850
- color: rgba(0, 0, 0, 0.25);
1851
- }
1852
- .ant-pro-checkcard[disabled] .ant-pro-checkcard-avatar {
1853
- opacity: 0.25;
1854
- }
1855
- .ant-pro-checkcard-lg {
1856
- width: 440px;
1857
- }
1858
- .ant-pro-checkcard-sm {
1859
- width: 212px;
1860
- }
1861
- .ant-pro-checkcard-cover {
1862
- padding: 4px;
1863
- }
1864
- .ant-pro-checkcard-cover img {
1865
- width: 100%;
1866
- height: 100%;
1867
- overflow: hidden;
1868
- border-radius: 2px;
1869
- }
1870
- .ant-pro-checkcard-content {
1871
- display: flex;
1872
- padding: 12px 16px;
1873
- }
1874
- .ant-pro-checkcard-avatar-header {
1875
- display: flex;
1876
- align-items: center;
1877
- }
1878
- .ant-pro-checkcard-avatar {
1879
- padding-right: 8px;
1880
- }
1881
- .ant-pro-checkcard-detail {
1882
- overflow: hidden;
1883
- }
1884
- .ant-pro-checkcard-detail > div:not(:last-child) {
1885
- margin-bottom: 4px;
1886
- }
1887
- .ant-pro-checkcard-header {
1888
- display: flex;
1889
- align-items: center;
1890
- justify-content: space-between;
1891
- }
1892
- .ant-pro-checkcard-title {
1893
- overflow: hidden;
1894
- color: rgba(0, 0, 0, 0.85);
1895
- font-weight: 500;
1896
- font-size: 14px;
1897
- white-space: nowrap;
1898
- text-overflow: ellipsis;
1899
- }
1900
- .ant-pro-checkcard-description {
1901
- color: rgba(0, 0, 0, 0.45);
1902
- }
1903
- .ant-pro-checkcard:not(.ant-pro-checkcard-disabled):hover {
1904
- border-color: #1890ff;
1905
- }
1906
- .ant-pro-checkcard-checked::after {
1907
- position: absolute;
1908
- top: 2px;
1909
- right: 2px;
1910
- width: 0;
1911
- height: 0;
1912
- border: 6px solid #1890ff;
1913
- border-bottom: 6px solid transparent;
1914
- border-left: 6px solid transparent;
1915
- border-top-right-radius: 2px;
1916
- content: '';
1917
- }
1918
-
1919
- .ant-pro-card-tabs .ant-tabs-top > .ant-tabs-nav {
1920
- margin-bottom: 0;
1921
- }
1922
- .ant-pro-card-tabs .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-list {
1923
- margin-top: 8px;
1924
- padding-left: 16px;
1925
- }
1926
- .ant-pro-card-tabs .ant-tabs-bottom > .ant-tabs-nav {
1927
- margin-top: 0;
1928
- }
1929
- .ant-pro-card-tabs .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-list {
1930
- padding-left: 16px;
1931
- }
1932
- .ant-pro-card-tabs .ant-tabs-left .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane {
1933
- padding-left: 0;
1934
- }
1935
- .ant-pro-card-tabs .ant-tabs-left > .ant-tabs-nav {
1936
- margin-right: 0;
1937
- }
1938
- .ant-pro-card-tabs .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-list {
1939
- padding-top: 16px;
1940
- }
1941
- .ant-pro-card-tabs .ant-tabs-right .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane {
1942
- padding-right: 0;
1943
- }
1944
- .ant-pro-card-tabs .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-list {
1945
- padding-top: 16px;
1946
- }
1947
-
1948
- .ant-pro-descriptions .ant-descriptions-view {
1949
- overflow: initial !important;
1950
- }
1951
-
1952
- .ant-pro-field-date-picker-light .ant-calendar-picker,
1953
- .ant-pro-field-date-picker-light .ant-picker {
1954
- position: absolute;
1955
- width: 80px;
1956
- height: 28px;
1957
- overflow: hidden;
1958
- visibility: hidden;
1959
- }
1960
-
1961
- .ant-pro-core-field-label {
1962
- display: inline-flex;
1963
- gap: 4px;
1964
- align-items: center;
1965
- height: 30px;
1966
- padding: 0 4px;
1967
- font-size: 14px;
1968
- line-height: 30px;
1969
- border-radius: 2px;
1970
- cursor: pointer;
1971
- }
1972
- .ant-pro-core-field-label:hover {
1973
- background-color: rgba(0, 0, 0, 0.1);
1974
- }
1975
- .ant-pro-core-field-label-active {
1976
- padding: 0 12px;
1977
- background-color: rgba(0, 0, 0, 0.04);
1978
- }
1979
- .ant-pro-core-field-label-active.ant-pro-core-field-label-allow-clear:hover:not(.ant-pro-core-field-label-disabled) .ant-pro-core-field-label-arrow {
1980
- display: none;
1981
- }
1982
- .ant-pro-core-field-label-active.ant-pro-core-field-label-allow-clear:hover:not(.ant-pro-core-field-label-disabled) .ant-pro-core-field-label-close {
1983
- display: inline-block;
1984
- }
1985
- .ant-pro-core-field-label-icon {
1986
- height: 12px;
1987
- padding: 1px;
1988
- color: rgba(0, 0, 0, 0.45);
1989
- font-size: 12px;
1990
- vertical-align: middle;
1991
- }
1992
- .ant-pro-core-field-label-icon.ant-pro-core-field-label-close {
1993
- display: none;
1994
- height: 14px;
1995
- padding: 3px;
1996
- color: #fff;
1997
- font-size: 8px;
1998
- background-color: rgba(0, 0, 0, 0.25);
1999
- border-radius: 50%;
2000
- }
2001
- .ant-pro-core-field-label-icon.ant-pro-core-field-label-close:hover {
2002
- background-color: rgba(0, 0, 0, 0.45);
2003
- }
2004
- .ant-pro-core-field-label-disabled {
2005
- color: rgba(0, 0, 0, 0.25);
2006
- cursor: not-allowed;
2007
- }
2008
- .ant-pro-core-field-label-disabled .ant-pro-core-field-label-icon {
2009
- color: rgba(0, 0, 0, 0.25);
2010
- }
2011
- .ant-pro-core-field-label-small {
2012
- height: 24px;
2013
- padding: 0 4px;
2014
- font-size: 12px;
2015
- line-height: 24px;
2016
- }
2017
- .ant-pro-core-field-label-small.ant-pro-core-field-label-active {
2018
- padding: 0 8px;
2019
- }
2020
- .ant-pro-core-field-label-small .ant-pro-core-field-label-icon {
2021
- padding: 0;
2022
- }
2023
- .ant-pro-core-field-label-small .ant-pro-core-field-label-close {
2024
- margin-top: -2px;
2025
- padding: 3px;
2026
- font-size: 6px;
2027
- }
2028
- .ant-pro-core-field-label-bordered {
2029
- height: 32px;
2030
- padding: 0 12px;
2031
- border: 1px solid #d9d9d9;
2032
- border-radius: 2px;
2033
- }
2034
- .ant-pro-core-field-label-bordered.ant-pro-core-field-label-small {
2035
- height: 24px;
2036
- padding: 0 8px;
2037
- }
2038
- .ant-pro-core-field-label-bordered.ant-pro-core-field-label-active {
2039
- background-color: #fff;
2040
- }
2041
-
2042
- .ant-pro-field-index-column {
2043
- display: inline-flex;
2044
- align-items: center;
2045
- justify-content: center;
2046
- width: 18px;
2047
- height: 18px;
2048
- }
2049
- .ant-pro-field-index-column-border {
2050
- color: #fff;
2051
- font-size: 12px;
2052
- line-height: 12px;
2053
- background-color: #314659;
2054
- border-radius: 9px;
2055
- }
2056
- .ant-pro-field-index-column-border.top-three {
2057
- background-color: #979797;
2058
- }
2059
-
2060
- .ant-pro-table-dropdown {
2061
- width: auto;
2062
- }
2063
- .ant-pro-select-item-option-content-light {
2064
- color: #1890ff;
2065
- }
2066
- .ant-pro-select-item-option-content {
2067
- flex: auto;
2068
- overflow: hidden;
2069
- white-space: nowrap;
2070
- text-overflow: ellipsis;
2071
- }
2072
-
2073
- .ant-pro-field-dropdown {
2074
- width: auto;
2075
- }
2076
-
2077
- .ant-pro-field-select-light-select .ant-select {
2078
- position: absolute;
2079
- width: 153px;
2080
- height: 28px;
2081
- visibility: hidden;
2082
- }
2083
- .ant-pro-field-select-light-select .ant-select-selector {
2084
- height: 28px;
2085
- }
2086
- .ant-pro-field-select-light-select.ant-pro-field-select-light-select-searchable .ant-select {
2087
- width: 200px;
2088
- }
2089
- .ant-pro-field-select-light-select.ant-pro-field-select-light-select-searchable .ant-select-selector {
2090
- height: 28px;
2091
- }
2092
-
2093
- .ant-pro-field-checkbox-vertical .ant-checkbox-group-item {
2094
- display: flex;
2095
- margin-right: 0;
2096
- }
2097
-
2098
- .ant-pro-field-radio-vertical .ant-radio-wrapper {
2099
- display: block;
2100
- margin-right: 0;
2101
- }
2102
-
2103
- .ant-form:not(.ant-form-horizontal) .ant-pro-form-list-item:not(.ant-pro-form-list-item-show-label) .ant-form-item-label {
2104
- display: none;
2105
- }
2106
- .ant-pro-form-list {
2107
- max-width: 100%;
2108
- }
2109
- .ant-pro-form-list-item.ant-pro-form-list-item-show-label .ant-form-item-label {
2110
- display: inline-block;
2111
- }
2112
- .ant-pro-form-list-item:first-of-type div:first-of-type .ant-form-item .ant-form-item-label {
2113
- display: inline-block;
2114
- }
2115
- .ant-pro-form-list-action {
2116
- display: flex;
2117
- height: 32px;
2118
- margin-bottom: 24px;
2119
- line-height: 32px;
2120
- }
2121
- .ant-pro-form-list .ant-pro-card .ant-pro-card-extra .ant-pro-form-list-action {
2122
- margin-bottom: 0;
2123
- }
2124
- .ant-pro-form-list-action-icon {
2125
- margin-left: 8px;
2126
- cursor: pointer;
2127
- transition: color 0.3s ease-in-out;
2128
- }
2129
- .ant-pro-form-list-action-icon:hover {
2130
- color: #40a9ff;
2131
- }
2132
- .ant-pro-form-list-creator-button-top {
2133
- margin-bottom: 24px;
2134
- }
2135
-
2136
- .ant-pro-field-light-wrapper-collapse-label {
2137
- padding: 1;
2138
- }
2139
- .ant-pro-field-light-wrapper-container .ant-form-item {
2140
- margin-bottom: 0;
2141
- }
2142
-
2143
- .ant-pro-core-field-dropdown-label {
2144
- cursor: pointer;
2145
- }
2146
- .ant-pro-core-field-dropdown-overlay {
2147
- min-width: 200px;
2148
- margin-top: 4px;
2149
- background-color: #fff;
2150
- box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
2151
- }
2152
- .ant-pro-core-field-dropdown-content {
2153
- padding: 16px;
2154
- }
2155
-
2156
- .ant-pro-core-dropdown-footer {
2157
- display: flex;
2158
- justify-content: space-between;
2159
- padding: 16px 16px 16px 8px;
2160
- border-top: 1px solid #f0f0f0;
2161
- }
2162
-
2163
- .ant-pro-inline-error-form-item-multiple {
2164
- padding: 6px 8px 12px 8px;
2165
- }
2166
- .ant-pro-inline-error-form-item-progress-success .ant-progress-bg {
2167
- background-color: #52c41a;
2168
- }
2169
- .ant-pro-inline-error-form-item-progress-error .ant-progress-bg {
2170
- background-color: #ff4d4f;
2171
- }
2172
- .ant-pro-inline-error-form-item-progress-warning .ant-progress-bg {
2173
- background-color: #faad14;
2174
- }
2175
- .ant-pro-inline-error-form-item-rule {
2176
- margin: 0;
2177
- padding: 0;
2178
- list-style: none;
2179
- }
2180
- .ant-pro-inline-error-form-item-rule-content {
2181
- display: flex;
2182
- align-items: center;
2183
- }
2184
- .ant-pro-inline-error-form-item-rule-content-icon-default {
2185
- display: flex;
2186
- align-items: center;
2187
- justify-content: center;
2188
- width: 14px;
2189
- height: 22px;
2190
- }
2191
- .ant-pro-inline-error-form-item-rule-content-icon-default-circle {
2192
- width: 6px;
2193
- height: 6px;
2194
- background-color: rgba(0, 0, 0, 0.45);
2195
- border-radius: 4px;
2196
- }
2197
- .ant-pro-inline-error-form-item-rule-content-icon-loading {
2198
- color: #1890ff;
2199
- }
2200
- .ant-pro-inline-error-form-item-rule-content-icon-error {
2201
- color: #ff4d4f;
2202
- }
2203
- .ant-pro-inline-error-form-item-rule-content-icon-success {
2204
- color: #52c41a;
2205
- }
2206
- .ant-pro-inline-error-form-item-rule-content-text {
2207
- color: rgba(0, 0, 0, 0.85);
2208
- }
2209
-
2210
- .ant-form > div:not(.ant-pro-form-light-filter) .pro-field {
2211
- max-width: 100%;
2212
- }
2213
- .ant-form > div:not(.ant-pro-form-light-filter) .pro-field-xs {
2214
- width: 104px;
2215
- }
2216
- .ant-form > div:not(.ant-pro-form-light-filter) .pro-field-s {
2217
- width: 216px;
2218
- }
2219
- .ant-form > div:not(.ant-pro-form-light-filter) .pro-field-sm {
2220
- width: 216px;
2221
- }
2222
- .ant-form > div:not(.ant-pro-form-light-filter) .pro-field-m {
2223
- width: 328px;
2224
- }
2225
- .ant-form > div:not(.ant-pro-form-light-filter) .pro-field-md {
2226
- width: 328px;
2227
- }
2228
- .ant-form > div:not(.ant-pro-form-light-filter) .pro-field-l {
2229
- width: 440px;
2230
- }
2231
- .ant-form > div:not(.ant-pro-form-light-filter) .pro-field-lg {
2232
- width: 440px;
2233
- }
2234
- .ant-form > div:not(.ant-pro-form-light-filter) .pro-field-xl {
2235
- width: 552px;
2236
- }
2237
-
2238
- .ant-pro-form-group-title {
2239
- margin-bottom: 16px;
2240
- font-weight: bold;
2241
- }
2242
- .ant-pro-form-group-container {
2243
- flex-wrap: wrap;
2244
- max-width: 100%;
2245
- }
2246
- .ant-pro-form-group-container > div.ant-space-item {
2247
- max-width: 100%;
2248
- }
2249
- .ant-pro-form-group-twoLine {
2250
- display: block;
2251
- width: 100%;
2252
- }
2253
- .ant-pro-form-group-twoLine .ant-pro-form-group-title {
2254
- width: 100%;
2255
- margin: 8px 0;
2256
- }
2257
- .ant-pro-form-group-twoLine .ant-pro-form-group-container {
2258
- padding-left: 16px;
2259
- }
2260
- .ant-pro-form-group-twoLine .ant-space-item,
2261
- .ant-pro-form-group-twoLine .ant-form-item {
2262
- width: 100%;
2263
- }
2264
- .ant-pro-form-group-twoLine .ant-form-item-control {
2265
- display: flex;
2266
- align-items: center;
2267
- justify-content: flex-end;
2268
- }
2269
- .ant-pro-form-group-twoLine .ant-form-item-control-input {
2270
- align-items: center;
2271
- justify-content: flex-end;
2272
- }
2273
- .ant-pro-form-group-twoLine .ant-form-item-control-input-content {
2274
- flex: none;
2275
- }
2276
-
2277
- .ant-pro-form-light-filter {
2278
- line-height: 30px;
2279
- }
2280
- .ant-pro-form-light-filter::before {
2281
- display: block;
2282
- height: 0;
2283
- visibility: hidden;
2284
- content: '.';
2285
- }
2286
- .ant-pro-form-light-filter-small {
2287
- line-height: 1.5715;
2288
- }
2289
- .ant-pro-form-light-filter-container {
2290
- display: flex;
2291
- flex-wrap: wrap;
2292
- margin-top: -8px;
2293
- margin-right: -4px;
2294
- }
2295
- .ant-pro-form-light-filter-item {
2296
- margin-top: 8px;
2297
- white-space: nowrap;
2298
- }
2299
- .ant-pro-form-light-filter-item:not(:last-child) {
2300
- margin-right: 8px;
2301
- }
2302
- .ant-pro-form-light-filter-formlabel {
2303
- margin-bottom: 2px;
2304
- }
2305
- .ant-pro-form-light-filter-line {
2306
- min-width: 198px;
2307
- }
2308
- .ant-pro-form-light-filter-line .ant-form-item {
2309
- flex-direction: column;
2310
- margin-bottom: 0;
2311
- }
2312
- .ant-pro-form-light-filter-line:not(:first-child) {
2313
- margin-top: 16px;
2314
- margin-bottom: 8px;
2315
- }
2316
- .ant-pro-form-light-filter .ant-form-item {
2317
- margin-bottom: 0;
2318
- }
2319
- .ant-pro-form-light-filter-collapse-icon {
2320
- width: 32px;
2321
- height: 32px;
2322
- line-height: 35px;
2323
- border-radius: 50%;
2324
- }
2325
- .ant-pro-form-light-filter-effective .ant-pro-form-light-filter-collapse-icon {
2326
- background-color: rgba(0, 0, 0, 0.04);
2327
- }
2328
-
2329
- .ant-pro-steps-form-container {
2330
- width: max-content;
2331
- min-width: 520px;
2332
- max-width: 100%;
2333
- margin: auto;
2334
- }
2335
- .ant-pro-steps-form-steps-container {
2336
- max-width: 1160px;
2337
- margin: auto;
2338
- }
2339
- .ant-pro-steps-form-steps-container .ant-steps-vertical {
2340
- height: 100%;
2341
- }
2342
- .ant-pro-steps-form-step {
2343
- display: none;
2344
- margin-top: 32px;
2345
- }
2346
- .ant-pro-steps-form-step-active {
2347
- display: block;
2348
- }
2349
- .ant-pro-steps-form-step > form {
2350
- max-width: 100%;
2351
- }
2352
-
2353
- .ant-pro-form-login-container {
2354
- display: flex;
2355
- flex: 1;
2356
- flex-direction: column;
2357
- height: 100%;
2358
- padding: 32px 0;
2359
- overflow: auto;
2360
- background: inherit;
2361
- }
2362
- @media (min-width: 768px) {
2363
- .ant-pro-form-login-container {
2364
- padding: 32px 0 24px;
2365
- background-repeat: no-repeat;
2366
- background-position: center 110px;
2367
- background-size: 100%;
2368
- }
2369
- }
2370
- .ant-pro-form-login-top {
2371
- text-align: center;
2372
- }
2373
- .ant-pro-form-login-header {
2374
- display: flex;
2375
- align-items: center;
2376
- justify-content: center;
2377
- height: 44px;
2378
- line-height: 44px;
2379
- }
2380
- .ant-pro-form-login-header a {
2381
- text-decoration: none;
2382
- }
2383
- .ant-pro-form-login-title {
2384
- position: relative;
2385
- top: 2px;
2386
- color: rgba(0, 0, 0, 0.85);
2387
- font-weight: 600;
2388
- font-size: 33px;
2389
- }
2390
- .ant-pro-form-login-logo {
2391
- width: 44px;
2392
- height: 44px;
2393
- margin-right: 16px;
2394
- vertical-align: top;
2395
- }
2396
- .ant-pro-form-login-logo img {
2397
- width: 100%;
2398
- }
2399
- .ant-pro-form-login-desc {
2400
- margin-top: 12px;
2401
- margin-bottom: 40px;
2402
- color: rgba(0, 0, 0, 0.45);
2403
- font-size: 14px;
2404
- }
2405
- .ant-pro-form-login-main {
2406
- min-width: 328px;
2407
- max-width: 500px;
2408
- margin: 0 auto;
2409
- }
2410
- .ant-pro-form-login-main .ant-tabs-nav-list {
2411
- margin: 0px auto;
2412
- font-size: 16px;
2413
- }
2414
- .ant-pro-form-login-main .ant-pro-form-login-other {
2415
- margin-top: 24px;
2416
- line-height: 22px;
2417
- text-align: left;
2418
- }
2419
-
2420
- .ant-pro-form-login-page {
2421
- display: flex;
2422
- width: 100%;
2423
- height: 100%;
2424
- background-size: contain;
2425
- }
2426
- .ant-pro-form-login-page-notice {
2427
- display: flex;
2428
- flex: 1;
2429
- align-items: flex-end;
2430
- }
2431
- .ant-pro-form-login-page-notice-activity {
2432
- margin: 24px;
2433
- padding: 24px;
2434
- }
2435
- .ant-pro-form-login-page-notice-activity-title {
2436
- font-weight: 500;
2437
- font-size: 28px;
2438
- }
2439
- .ant-pro-form-login-page-notice-activity-subTitle {
2440
- margin-top: 8px;
2441
- font-size: 16px;
2442
- }
2443
- .ant-pro-form-login-page-notice-activity-action {
2444
- margin-top: 24px;
2445
- }
2446
- .ant-pro-form-login-page-container {
2447
- display: flex;
2448
- flex: 1;
2449
- flex-direction: column;
2450
- max-width: 550px;
2451
- height: 100%;
2452
- padding: 32px 0;
2453
- overflow: auto;
2454
- background: inherit;
2455
- background: #fff;
2456
- }
2457
- @media (max-width: 768px) {
2458
- .ant-pro-form-login-page {
2459
- flex-direction: column-reverse;
2460
- background: none !important;
2461
- }
2462
- .ant-pro-form-login-page .ant-pro-form-login-page-notice {
2463
- display: flex;
2464
- flex: none;
2465
- align-items: flex-start;
2466
- width: 100%;
2467
- }
2468
- .ant-pro-form-login-page .ant-pro-form-login-page-notice > div {
2469
- width: 100%;
2470
- }
2471
- }
2472
- @media (min-width: 768px) {
2473
- .ant-pro-form-login-page-container {
2474
- padding: 128px 0 24px;
2475
- background-repeat: no-repeat;
2476
- background-position: center 110px;
2477
- background-size: 100%;
2478
- }
2479
- }
2480
- .ant-pro-form-login-page-top {
2481
- text-align: center;
2482
- }
2483
- .ant-pro-form-login-page-header {
2484
- display: flex;
2485
- align-items: center;
2486
- justify-content: center;
2487
- height: 44px;
2488
- line-height: 44px;
2489
- }
2490
- .ant-pro-form-login-page-header a {
2491
- text-decoration: none;
2492
- }
2493
- .ant-pro-form-login-page-title {
2494
- position: relative;
2495
- top: 2px;
2496
- color: rgba(0, 0, 0, 0.85);
2497
- font-weight: 600;
2498
- font-size: 33px;
2499
- }
2500
- .ant-pro-form-login-page-logo {
2501
- width: 44px;
2502
- height: 44px;
2503
- margin-right: 16px;
2504
- vertical-align: top;
2505
- }
2506
- .ant-pro-form-login-page-logo img {
2507
- width: 100%;
2508
- }
2509
- .ant-pro-form-login-page-desc {
2510
- margin-top: 12px;
2511
- margin-bottom: 40px;
2512
- color: rgba(0, 0, 0, 0.45);
2513
- font-size: 14px;
2514
- }
2515
- @media screen and (max-width: 576px) {
2516
- .ant-pro-form-login-page-main {
2517
- width: 95%;
2518
- max-width: 328px;
2519
- }
2520
- }
2521
- .ant-pro-form-login-page-main {
2522
- width: 328px;
2523
- margin: 0 auto;
2524
- }
2525
- .ant-pro-form-login-page-main .ant-tabs-nav-list {
2526
- margin: 0px auto;
2527
- font-size: 16px;
2528
- }
2529
- .ant-pro-form-login-page-main .ant-pro-form-login-page-other {
2530
- margin-top: 24px;
2531
- line-height: 22px;
2532
- text-align: left;
2533
- }
2534
-
2535
- .ant-pro-basicLayout {
2536
- display: flex;
2537
- flex-direction: column;
2538
- width: 100%;
2539
- min-height: 100%;
2540
- }
2541
- .ant-pro-basicLayout .ant-layout-header.ant-pro-fixed-header {
2542
- position: fixed;
2543
- top: 0;
2544
- }
2545
- .ant-pro-basicLayout .ant-layout-header.ant-pro-header-light {
2546
- background: #fff;
2547
- }
2548
- .ant-pro-basicLayout-content {
2549
- position: relative;
2550
- margin: 24px;
2551
- }
2552
- .ant-pro-basicLayout-content .ant-pro-page-container {
2553
- margin: -24px -24px 0;
2554
- }
2555
- .ant-pro-basicLayout-content-disable-margin {
2556
- margin: 0;
2557
- }
2558
- .ant-pro-basicLayout-content-disable-margin .ant-pro-page-container {
2559
- margin: 0;
2560
- }
2561
- .ant-pro-basicLayout-content > .ant-layout {
2562
- max-height: 100%;
2563
- }
2564
- .ant-pro-basicLayout .ant-pro-basicLayout-is-children.ant-pro-basicLayout-fix-siderbar {
2565
- height: 100vh;
2566
- overflow: hidden;
2567
- transform: rotate(0);
2568
- }
2569
- .ant-pro-basicLayout .ant-pro-basicLayout-has-header .tech-page-container {
2570
- height: calc(100vh - 48px);
2571
- }
2572
- .ant-pro-basicLayout .ant-pro-basicLayout-has-header .ant-pro-basicLayout-is-children.ant-pro-basicLayout-has-header .tech-page-container {
2573
- height: calc(100vh - 48px - 48px);
2574
- }
2575
- .ant-pro-basicLayout .ant-pro-basicLayout-has-header .ant-pro-basicLayout-is-children.ant-pro-basicLayout-has-header .ant-pro-basicLayout-is-children {
2576
- min-height: calc(100vh - 48px);
2577
- }
2578
- .ant-pro-basicLayout .ant-pro-basicLayout-has-header .ant-pro-basicLayout-is-children.ant-pro-basicLayout-has-header .ant-pro-basicLayout-is-children.ant-pro-basicLayout-fix-siderbar {
2579
- height: calc(100vh - 48px);
2580
- }
2581
-
2582
- .ant-pro-fixed-header {
2583
- z-index: 9;
2584
- width: 100%;
2585
- }
2586
- .ant-pro-fixed-header-action {
2587
- transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
2588
- }
2589
- .ant-pro-header-realDark {
2590
- box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.65);
2591
- }
2592
-
2593
- .ant-pro-global-header {
2594
- position: relative;
2595
- display: flex;
2596
- align-items: center;
2597
- height: 100%;
2598
- padding: 0 16px;
2599
- background: #fff;
2600
- box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
2601
- }
2602
- .ant-pro-global-header > * {
2603
- height: 100%;
2604
- }
2605
- .ant-pro-global-header-collapsed-button {
2606
- display: flex;
2607
- align-items: center;
2608
- margin-left: 16px;
2609
- font-size: 20px;
2610
- }
2611
- .ant-pro-global-header-layout-mix {
2612
- background-color: #001529;
2613
- }
2614
- .ant-pro-global-header-layout-mix .ant-pro-global-header-logo h1 {
2615
- color: #fff;
2616
- }
2617
- .ant-pro-global-header-layout-mix .anticon {
2618
- color: #fff;
2619
- }
2620
- .ant-pro-global-header-logo {
2621
- position: relative;
2622
- overflow: hidden;
2623
- }
2624
- .ant-pro-global-header-logo a {
2625
- display: flex;
2626
- align-items: center;
2627
- height: 100%;
2628
- }
2629
- .ant-pro-global-header-logo a img {
2630
- height: 28px;
2631
- }
2632
- .ant-pro-global-header-logo a h1 {
2633
- height: 32px;
2634
- margin: 0 0 0 12px;
2635
- color: #1890ff;
2636
- font-weight: 600;
2637
- font-size: 18px;
2638
- line-height: 32px;
2639
- }
2640
- .ant-pro-global-header-logo-rtl a h1 {
2641
- margin: 0 12px 0 0;
2642
- }
2643
- .ant-pro-global-header-menu .anticon {
2644
- margin-right: 8px;
2645
- }
2646
- .ant-pro-global-header-menu .ant-dropdown-menu-item {
2647
- min-width: 160px;
2648
- }
2649
- .ant-pro-global-header .dark {
2650
- height: 48px;
2651
- }
2652
- .ant-pro-global-header .dark .action {
2653
- color: rgba(255, 255, 255, 0.85);
2654
- }
2655
- .ant-pro-global-header .dark .action > i {
2656
- color: rgba(255, 255, 255, 0.85);
2657
- }
2658
- .ant-pro-global-header .dark .action:hover,
2659
- .ant-pro-global-header .dark .action.opened {
2660
- background: #1890ff;
2661
- }
2662
- .ant-pro-global-header .dark .action .ant-badge {
2663
- color: rgba(255, 255, 255, 0.85);
2664
- }
2665
-
2666
- .ant-pro-sider {
2667
- position: relative;
2668
- background-color: #001529;
2669
- border-right: 0;
2670
- }
2671
- .ant-pro-sider .ant-menu {
2672
- background: transparent;
2673
- }
2674
- .ant-pro-sider.ant-layout-sider-light .ant-menu-item a {
2675
- color: rgba(0, 0, 0, 0.85);
2676
- }
2677
- .ant-pro-sider.ant-layout-sider-light .ant-menu-item-selected a,
2678
- .ant-pro-sider.ant-layout-sider-light .ant-menu-item a:hover {
2679
- color: #1890ff;
2680
- }
2681
- .ant-pro-sider-logo {
2682
- position: relative;
2683
- display: flex;
2684
- align-items: center;
2685
- padding: 16px 16px;
2686
- cursor: pointer;
2687
- transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
2688
- }
2689
- .ant-pro-sider-logo > a {
2690
- display: flex;
2691
- align-items: center;
2692
- justify-content: center;
2693
- min-height: 32px;
2694
- }
2695
- .ant-pro-sider-logo img {
2696
- display: inline-block;
2697
- height: 32px;
2698
- vertical-align: middle;
2699
- }
2700
- .ant-pro-sider-logo h1 {
2701
- display: inline-block;
2702
- height: 32px;
2703
- margin: 0 0 0 12px;
2704
- color: white;
2705
- font-weight: 600;
2706
- font-size: 18px;
2707
- line-height: 32px;
2708
- vertical-align: middle;
2709
- animation: pro-layout-title-hide 0.3s;
2710
- }
2711
- .ant-pro-sider-extra {
2712
- margin-bottom: 16px;
2713
- padding: 0 16px;
2714
- }
2715
- .ant-pro-sider-extra-no-logo {
2716
- margin-top: 16px;
2717
- }
2718
- .ant-pro-sider-menu {
2719
- position: relative;
2720
- z-index: 10;
2721
- min-height: 100%;
2722
- box-shadow: 2px 0 6px rgba(0, 21, 41, 0.35);
2723
- }
2724
- .ant-pro-sider .ant-layout-sider-children {
2725
- display: flex;
2726
- flex-direction: column;
2727
- height: 100%;
2728
- /* 滚动条滑块 */
2729
- }
2730
- .ant-pro-sider .ant-layout-sider-children ::-webkit-scrollbar {
2731
- width: 6px;
2732
- height: 6px;
2733
- }
2734
- .ant-pro-sider .ant-layout-sider-children ::-webkit-scrollbar-track {
2735
- background: rgba(255, 255, 255, 0.15);
2736
- border-radius: 3px;
2737
- box-shadow: inset 0 0 5px rgba(37, 37, 37, 0.05);
2738
- }
2739
- .ant-pro-sider .ant-layout-sider-children ::-webkit-scrollbar-thumb {
2740
- background: rgba(255, 255, 255, 0.2);
2741
- border-radius: 3px;
2742
- box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.05);
2743
- }
2744
- .ant-pro-sider.ant-layout-sider-collapsed .ant-menu-inline-collapsed {
2745
- width: 48px;
2746
- }
2747
- .ant-pro-sider.ant-layout-sider-collapsed .ant-pro-sider-logo {
2748
- padding: 16px 8px;
2749
- }
2750
- .ant-pro-sider.ant-layout-sider.ant-pro-sider-fixed {
2751
- position: fixed;
2752
- top: 0;
2753
- left: 0;
2754
- z-index: 100;
2755
- height: 100%;
2756
- overflow: auto;
2757
- overflow-x: hidden;
2758
- box-shadow: 2px 0 8px 0 rgba(29, 35, 41, 0.05);
2759
- }
2760
- .ant-pro-sider.ant-layout-sider.ant-pro-sider-fixed > .ant-menu-root :not(.ant-pro-sider-link-menu) {
2761
- height: calc(100vh - 48px);
2762
- overflow-y: auto;
2763
- }
2764
- .ant-pro-sider-light {
2765
- background-color: #fff;
2766
- box-shadow: 2px 0 8px 0 rgba(29, 35, 41, 0.05);
2767
- }
2768
- .ant-pro-sider-light .ant-layout-sider-children {
2769
- /* 滚动条滑块 */
2770
- }
2771
- .ant-pro-sider-light .ant-layout-sider-children ::-webkit-scrollbar-track {
2772
- background: rgba(0, 0, 0, 0.06);
2773
- border-radius: 3px;
2774
- box-shadow: inset 0 0 5px rgba(0, 21, 41, 0.05);
2775
- }
2776
- .ant-pro-sider-light .ant-layout-sider-children ::-webkit-scrollbar-thumb {
2777
- background: rgba(0, 0, 0, 0.12);
2778
- border-radius: 3px;
2779
- box-shadow: inset 0 0 5px rgba(0, 21, 41, 0.05);
2780
- }
2781
- .ant-pro-sider-light .ant-pro-sider-logo h1 {
2782
- color: #1890ff;
2783
- }
2784
- .ant-pro-sider-light .ant-menu-light {
2785
- border-right-color: transparent;
2786
- }
2787
- .ant-pro-sider-light .ant-pro-sider-collapsed-button {
2788
- border-top: 1px solid #f0f0f0;
2789
- }
2790
- .ant-pro-sider-icon {
2791
- width: 14px;
2792
- vertical-align: baseline;
2793
- }
2794
- .ant-pro-sider-links {
2795
- width: 100%;
2796
- }
2797
- .ant-pro-sider-links ul.ant-menu-root {
2798
- height: auto;
2799
- }
2800
- .ant-pro-sider-collapsed-button {
2801
- border-top: 1px solid rgba(0, 0, 0, 0.25);
2802
- }
2803
- .ant-pro-sider-collapsed-button .anticon {
2804
- font-size: 16px;
2805
- }
2806
- .ant-pro-sider .top-nav-menu li.ant-menu-item {
2807
- height: 100%;
2808
- line-height: 1;
2809
- }
2810
- .ant-pro-sider .drawer .drawer-content {
2811
- background: #001529;
2812
- }
2813
- @keyframes pro-layout-title-hide {
2814
- 0% {
2815
- display: none;
2816
- opacity: 0;
2817
- }
2818
- 80% {
2819
- display: none;
2820
- opacity: 0;
2821
- }
2822
- 100% {
2823
- display: unset;
2824
- opacity: 1;
2825
- }
2826
- }
2827
-
2828
- .ant-pro-top-nav-header {
2829
- position: relative;
2830
- width: 100%;
2831
- height: 100%;
2832
- box-shadow: 0 1px 4px 0 rgba(0, 21, 41, 0.12);
2833
- transition: background 0.3s, width 0.2s;
2834
- }
2835
- .ant-pro-top-nav-header .ant-menu {
2836
- background: transparent;
2837
- }
2838
- .ant-pro-top-nav-header.light {
2839
- background-color: #fff;
2840
- }
2841
- .ant-pro-top-nav-header.light .ant-pro-top-nav-header-logo h1 {
2842
- color: rgba(0, 0, 0, 0.85);
2843
- }
2844
- .ant-pro-top-nav-header.light .anticon {
2845
- color: inherit;
2846
- }
2847
- .ant-pro-top-nav-header-main {
2848
- display: flex;
2849
- height: 100%;
2850
- padding-left: 16px;
2851
- }
2852
- .ant-pro-top-nav-header-main-left {
2853
- display: flex;
2854
- min-width: 192px;
2855
- }
2856
- .ant-pro-top-nav-header .anticon {
2857
- color: #fff;
2858
- }
2859
- .ant-pro-top-nav-header-logo {
2860
- position: relative;
2861
- min-width: 165px;
2862
- height: 100%;
2863
- overflow: hidden;
2864
- }
2865
- .ant-pro-top-nav-header-logo img,
2866
- .ant-pro-top-nav-header-logo a > svg {
2867
- display: inline-block;
2868
- height: 32px;
2869
- vertical-align: middle;
2870
- }
2871
- .ant-pro-top-nav-header-logo h1 {
2872
- display: inline-block;
2873
- margin: 0 0 0 12px;
2874
- color: #fff;
2875
- font-size: 16px;
2876
- vertical-align: top;
2877
- }
2878
- .ant-pro-top-nav-header-menu {
2879
- min-width: 0;
2880
- }
2881
- .ant-pro-top-nav-header-menu .ant-menu.ant-menu-horizontal {
2882
- height: 100%;
2883
- border: none;
2884
- }
2885
-
2886
- .ant-pro-global-footer {
2887
- margin: 48px 0 24px 0;
2888
- padding: 0 16px;
2889
- text-align: center;
2890
- }
2891
- .ant-pro-global-footer-links {
2892
- margin-bottom: 8px;
2893
- }
2894
- .ant-pro-global-footer-links a {
2895
- color: rgba(0, 0, 0, 0.45);
2896
- transition: all 0.3s;
2897
- }
2898
- .ant-pro-global-footer-links a:not(:last-child) {
2899
- margin-right: 40px;
2900
- }
2901
- .ant-pro-global-footer-links a:hover {
2902
- color: rgba(0, 0, 0, 0.85);
2903
- }
2904
- .ant-pro-global-footer-copyright {
2905
- color: rgba(0, 0, 0, 0.45);
2906
- font-size: 14px;
2907
- }
2908
-
2909
- .ant-pro-grid-content {
2910
- width: 100%;
2911
- }
2912
- .ant-pro-grid-content.wide {
2913
- max-width: 1200px;
2914
- margin: 0 auto;
2915
- }
2916
-
2917
- .ant-pro-setting-drawer-content {
2918
- position: relative;
2919
- min-height: 100%;
2920
- }
2921
- .ant-pro-setting-drawer-content .ant-list-item span {
2922
- flex: 1;
2923
- }
2924
- .ant-pro-setting-drawer-block-checkbox {
2925
- display: flex;
2926
- }
2927
- .ant-pro-setting-drawer-block-checkbox-item {
2928
- position: relative;
2929
- width: 44px;
2930
- height: 36px;
2931
- margin-right: 16px;
2932
- overflow: hidden;
2933
- background-color: #f0f2f5;
2934
- border-radius: 4px;
2935
- box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.18);
2936
- cursor: pointer;
2937
- }
2938
- .ant-pro-setting-drawer-block-checkbox-item::before {
2939
- position: absolute;
2940
- top: 0;
2941
- left: 0;
2942
- width: 33%;
2943
- height: 100%;
2944
- background-color: #fff;
2945
- content: '';
2946
- }
2947
- .ant-pro-setting-drawer-block-checkbox-item::after {
2948
- position: absolute;
2949
- top: 0;
2950
- left: 0;
2951
- width: 100%;
2952
- height: 25%;
2953
- background-color: #fff;
2954
- content: '';
2955
- }
2956
- .ant-pro-setting-drawer-block-checkbox-item-realDark {
2957
- background-color: rgba(0, 21, 41, 0.85);
2958
- }
2959
- .ant-pro-setting-drawer-block-checkbox-item-realDark::before {
2960
- background-color: rgba(0, 21, 41, 0.65);
2961
- content: '';
2962
- }
2963
- .ant-pro-setting-drawer-block-checkbox-item-realDark::after {
2964
- background-color: rgba(0, 21, 41, 0.85);
2965
- }
2966
- .ant-pro-setting-drawer-block-checkbox-item-light::before {
2967
- background-color: #fff;
2968
- content: '';
2969
- }
2970
- .ant-pro-setting-drawer-block-checkbox-item-light::after {
2971
- background-color: #fff;
2972
- }
2973
- .ant-pro-setting-drawer-block-checkbox-item-dark::before,
2974
- .ant-pro-setting-drawer-block-checkbox-item-side::before {
2975
- z-index: 1;
2976
- background-color: #001529;
2977
- content: '';
2978
- }
2979
- .ant-pro-setting-drawer-block-checkbox-item-dark::after,
2980
- .ant-pro-setting-drawer-block-checkbox-item-side::after {
2981
- background-color: #fff;
2982
- }
2983
- .ant-pro-setting-drawer-block-checkbox-item-top::before {
2984
- background-color: transparent;
2985
- content: '';
2986
- }
2987
- .ant-pro-setting-drawer-block-checkbox-item-top::after {
2988
- background-color: #001529;
2989
- }
2990
- .ant-pro-setting-drawer-block-checkbox-item-mix::before {
2991
- background-color: #fff;
2992
- content: '';
2993
- }
2994
- .ant-pro-setting-drawer-block-checkbox-item-mix::after {
2995
- background-color: #001529;
2996
- }
2997
- .ant-pro-setting-drawer-block-checkbox-selectIcon {
2998
- position: absolute;
2999
- right: 6px;
3000
- bottom: 4px;
3001
- color: #1890ff;
3002
- font-weight: bold;
3003
- font-size: 14px;
3004
- pointer-events: none;
3005
- }
3006
- .ant-pro-setting-drawer-block-checkbox-selectIcon .action {
3007
- color: #1890ff;
3008
- }
3009
- .ant-pro-setting-drawer-color_block {
3010
- display: inline-block;
3011
- width: 38px;
3012
- height: 22px;
3013
- margin: 4px;
3014
- margin-right: 12px;
3015
- vertical-align: middle;
3016
- border-radius: 4px;
3017
- cursor: pointer;
3018
- }
3019
- .ant-pro-setting-drawer-title {
3020
- margin-bottom: 12px;
3021
- color: rgba(0, 0, 0, 0.85);
3022
- font-size: 14px;
3023
- line-height: 22px;
3024
- }
3025
- .ant-pro-setting-drawer-handle {
3026
- position: absolute;
3027
- top: 240px;
3028
- right: 300px;
3029
- z-index: 0;
3030
- display: flex;
3031
- align-items: center;
3032
- justify-content: center;
3033
- width: 48px;
3034
- height: 48px;
3035
- font-size: 16px;
3036
- text-align: center;
3037
- background-color: #1890ff;
3038
- border-radius: 4px 0 0 4px;
3039
- cursor: pointer;
3040
- pointer-events: auto;
3041
- }
3042
- .ant-pro-setting-drawer-production-hint {
3043
- margin-top: 16px;
3044
- font-size: 12px;
3045
- }
3046
-
3047
- .ant-pro-setting-drawer-content .theme-color {
3048
- margin-top: 16px;
3049
- overflow: hidden;
3050
- }
3051
- .ant-pro-setting-drawer-content .theme-color .theme-color-title {
3052
- margin-bottom: 12px;
3053
- font-size: 14px;
3054
- line-height: 22px;
3055
- }
3056
- .ant-pro-setting-drawer-content .theme-color .theme-color-block {
3057
- float: left;
3058
- width: 20px;
3059
- height: 20px;
3060
- margin-top: 8px;
3061
- margin-right: 8px;
3062
- color: #fff;
3063
- font-weight: bold;
3064
- text-align: center;
3065
- border-radius: 2px;
3066
- cursor: pointer;
3067
- }
3068
-
3069
- .ant-pro-page-container-children-content {
3070
- margin: 24px 24px 0;
3071
- padding: inherit;
3072
- }
3073
- .ant-pro-page-container {
3074
- background-color: inherit;
3075
- }
3076
- .ant-pro-page-container-warp {
3077
- background-color: #fff;
3078
- }
3079
- .ant-pro-page-container-warp .ant-tabs-nav {
3080
- margin: 0;
3081
- }
3082
- .ant-pro-page-container-ghost .ant-pro-page-container-warp {
3083
- background-color: transparent;
3084
- }
3085
- .ant-pro-page-container-ghost .ant-pro-page-container-children-content {
3086
- margin-top: 0;
3087
- }
3088
- .ant-pro-page-container-main .ant-pro-page-container-detail {
3089
- display: flex;
3090
- }
3091
- .ant-pro-page-container-main .ant-pro-page-container-row {
3092
- display: flex;
3093
- width: 100%;
3094
- }
3095
- .ant-pro-page-container-main .ant-pro-page-container-title-content {
3096
- margin-bottom: 16px;
3097
- }
3098
- .ant-pro-page-container-main .ant-pro-page-container-title,
3099
- .ant-pro-page-container-main .ant-pro-page-container-content {
3100
- flex: auto;
3101
- width: 100%;
3102
- }
3103
- .ant-pro-page-container-main .ant-pro-page-container-extraContent,
3104
- .ant-pro-page-container-main .ant-pro-page-container-main {
3105
- flex: 0 1 auto;
3106
- }
3107
- .ant-pro-page-container-main .ant-pro-page-container-main {
3108
- width: 100%;
3109
- }
3110
- .ant-pro-page-container-main .ant-pro-page-container-title {
3111
- margin-bottom: 16px;
3112
- }
3113
- .ant-pro-page-container-main .ant-pro-page-container-logo {
3114
- margin-bottom: 16px;
3115
- }
3116
- .ant-pro-page-container-main .ant-pro-page-container-extraContent {
3117
- min-width: 242px;
3118
- margin-left: 88px;
3119
- text-align: right;
3120
- }
3121
- @media screen and (max-width: 1200px) {
3122
- .ant-pro-page-container-main .ant-pro-page-container-extraContent {
3123
- margin-left: 44px;
3124
- }
3125
- }
3126
- @media screen and (max-width: 992px) {
3127
- .ant-pro-page-container-main .ant-pro-page-container-extraContent {
3128
- margin-left: 20px;
3129
- }
3130
- }
3131
- @media screen and (max-width: 768px) {
3132
- .ant-pro-page-container-main .ant-pro-page-container-row {
3133
- display: block;
3134
- }
3135
- .ant-pro-page-container-main .ant-pro-page-container-action,
3136
- .ant-pro-page-container-main .ant-pro-page-container-extraContent {
3137
- margin-left: 0;
3138
- text-align: left;
3139
- }
3140
- }
3141
- @media screen and (max-width: 576px) {
3142
- .ant-pro-page-container-detail {
3143
- display: block;
3144
- }
3145
- .ant-pro-page-container-extraContent {
3146
- margin-left: 0;
3147
- }
3148
- }
3149
-
3150
- .ant-pro-footer-bar {
3151
- position: fixed;
3152
- right: 0;
3153
- bottom: 0;
3154
- z-index: 99;
3155
- display: flex;
3156
- align-items: center;
3157
- width: 100%;
3158
- padding: 0 24px;
3159
- line-height: 44px;
3160
- background: #fff;
3161
- border-top: 1px solid #f0f0f0;
3162
- box-shadow: 0 -6px 16px -8px rgba(0, 0, 0, 0.08), 0 -9px 28px 0 rgba(0, 0, 0, 0.05), 0 -12px 48px 16px rgba(0, 0, 0, 0.03);
3163
- transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
3164
- }
3165
- .ant-pro-footer-bar-left {
3166
- flex: 1;
3167
- }
3168
- .ant-pro-footer-bar-right > * {
3169
- margin-right: 8px;
3170
- }
3171
- .ant-pro-footer-bar-right > *:last-child {
3172
- margin: 0;
3173
- }
3174
-
3175
- .ant-pro-list {
3176
- background-color: transparent;
3177
- }
3178
- .ant-pro-list .ant-pro-table-alert {
3179
- margin-bottom: 16px;
3180
- }
3181
- .ant-pro-list .ant-pro-list-row {
3182
- border-bottom: 1px solid #f0f0f0;
3183
- }
3184
- .ant-pro-list .ant-pro-list-row:last-child {
3185
- border-bottom: none;
3186
- }
3187
- .ant-pro-list .ant-pro-list-row:last-child .ant-list-item {
3188
- border-bottom: none;
3189
- }
3190
- .ant-pro-list .ant-pro-list-row:hover {
3191
- background-color: rgba(0, 0, 0, 0.02);
3192
- transition: background-color 0.3s;
3193
- }
3194
- .ant-pro-list .ant-pro-list-row:hover .ant-list-item-action {
3195
- display: block;
3196
- }
3197
- .ant-pro-list .ant-pro-list-row:hover .ant-list-item-extra {
3198
- display: flex;
3199
- }
3200
- .ant-pro-list .ant-pro-list-row:hover .ant-pro-list-row-extra {
3201
- display: block;
3202
- }
3203
- .ant-pro-list .ant-pro-list-row:hover .ant-pro-list-row-subheader-actions {
3204
- display: block;
3205
- }
3206
- .ant-pro-list .ant-pro-list-row-card {
3207
- margin: 8px 0;
3208
- padding: 0 8px;
3209
- }
3210
- .ant-pro-list .ant-pro-list-row-card:hover {
3211
- background-color: transparent;
3212
- }
3213
- .ant-pro-list .ant-pro-list-row-card .ant-list-item-meta-title {
3214
- flex-shrink: 9;
3215
- margin: 0;
3216
- line-height: 22px;
3217
- }
3218
- .ant-pro-list .ant-pro-list-row.ant-pro-list-row-editable .ant-list-item-meta-avatar,
3219
- .ant-pro-list .ant-pro-list-row.ant-pro-list-row-editable .ant-list-item-meta-description,
3220
- .ant-pro-list .ant-pro-list-row.ant-pro-list-row-editable .ant-list-item-meta-title {
3221
- padding: 6px 0;
3222
- }
3223
- .ant-pro-list .ant-pro-list-row.ant-pro-list-row-editable .ant-list-item-action {
3224
- display: block;
3225
- }
3226
- .ant-pro-list .ant-pro-list-row.ant-pro-list-row-selected {
3227
- background-color: #e6f7ff;
3228
- }
3229
- .ant-pro-list .ant-pro-list-row.ant-pro-list-row-selected:hover {
3230
- background-color: #e6f7ff;
3231
- }
3232
- .ant-pro-list .ant-pro-list-row.ant-pro-list-row-type-new {
3233
- animation: techUiListActive 3s;
3234
- }
3235
- .ant-pro-list .ant-pro-list-row.ant-pro-list-row-type-inline .ant-pro-list-row-title {
3236
- font-weight: normal;
3237
- }
3238
- .ant-pro-list .ant-pro-list-row.ant-pro-list-row-type-top {
3239
- background-image: url('https://gw.alipayobjects.com/zos/antfincdn/DehQfMbOJb/icon.svg');
3240
- background-repeat: no-repeat;
3241
- background-position: left top;
3242
- background-size: 12px 12px;
3243
- }
3244
- .ant-pro-list .ant-pro-list-row-show-action-hover .ant-list-item-action,
3245
- .ant-pro-list .ant-pro-list-row-show-action-hover .ant-pro-card-extra,
3246
- .ant-pro-list .ant-pro-list-row-show-action-hover .ant-pro-card-actions {
3247
- display: none;
3248
- }
3249
- .ant-pro-list .ant-pro-list-row-show-action-hover:hover .ant-pro-card-extra,
3250
- .ant-pro-list .ant-pro-list-row-show-action-hover:hover .ant-pro-card-actions {
3251
- display: flex;
3252
- }
3253
- .ant-pro-list .ant-pro-list-row-show-extra-hover .ant-list-item-extra {
3254
- display: none;
3255
- }
3256
- .ant-pro-list .ant-pro-list-row-extra {
3257
- display: none;
3258
- }
3259
- .ant-pro-list .ant-pro-list-row-subheader {
3260
- display: flex;
3261
- align-items: center;
3262
- justify-content: space-between;
3263
- height: 44px;
3264
- padding: 0 24px;
3265
- color: rgba(0, 0, 0, 0.45);
3266
- line-height: 44px;
3267
- background: rgba(0, 0, 0, 0.02);
3268
- }
3269
- .ant-pro-list .ant-pro-list-row-subheader-actions {
3270
- display: none;
3271
- }
3272
- .ant-pro-list .ant-pro-list-row-subheader-actions > * {
3273
- margin-right: 8px;
3274
- }
3275
- .ant-pro-list .ant-pro-list-row-subheader-actions > *:last-child {
3276
- margin-right: 0;
3277
- }
3278
- .ant-pro-list .ant-pro-list-row-header {
3279
- display: flex;
3280
- flex: 1;
3281
- justify-content: flex-start;
3282
- }
3283
- .ant-pro-list .ant-pro-list-row-header-title {
3284
- display: flex;
3285
- align-items: center;
3286
- justify-content: flex-start;
3287
- }
3288
- .ant-pro-list .ant-pro-list-row-header-option {
3289
- display: flex;
3290
- }
3291
- .ant-pro-list .ant-pro-list-row-checkbox {
3292
- width: 16px;
3293
- margin-right: 12px;
3294
- }
3295
- .ant-pro-list .ant-pro-list-row-expand-icon {
3296
- margin-right: 8;
3297
- margin-right: 8px;
3298
- color: rgba(0, 0, 0, 0.45);
3299
- }
3300
- .ant-pro-list .ant-pro-list-row-expand-icon > .anticon > svg {
3301
- transition: 0.3s;
3302
- }
3303
- .ant-pro-list .ant-pro-list-row-expanded > .anticon > svg {
3304
- transform: rotate(90deg);
3305
- }
3306
- .ant-pro-list .ant-pro-list-row-title {
3307
- margin-right: 16px;
3308
- word-break: break-all;
3309
- cursor: pointer;
3310
- }
3311
- .ant-pro-list .ant-pro-list-row-title:hover {
3312
- color: #40a9ff;
3313
- }
3314
- .ant-pro-list .ant-pro-list-row-content {
3315
- position: relative;
3316
- display: flex;
3317
- flex: 1;
3318
- flex-direction: column;
3319
- margin: 0 32px;
3320
- }
3321
- .ant-pro-list .ant-pro-list-row-subTitle {
3322
- color: rgba(0, 0, 0, 0.45);
3323
- }
3324
- .ant-pro-list .ant-pro-list-row-description {
3325
- margin-top: 4px;
3326
- word-break: break-all;
3327
- }
3328
- .ant-pro-list .ant-pro-list-row-avatar {
3329
- display: flex;
3330
- }
3331
- .ant-pro-list .ant-list-pagination {
3332
- margin-bottom: 24px;
3333
- }
3334
- .ant-pro-list .ant-list-item {
3335
- padding: 12px;
3336
- cursor: pointer;
3337
- }
3338
- .ant-pro-list .ant-list-vertical .ant-pro-list-row .ant-list-header {
3339
- padding: 0;
3340
- border-bottom: none;
3341
- }
3342
- .ant-pro-list .ant-list-vertical .ant-pro-list-row .ant-list .ant-list-item {
3343
- width: 100%;
3344
- padding: 12px 18px 12px 24px;
3345
- }
3346
- .ant-pro-list .ant-list-vertical .ant-pro-list-row .ant-list .ant-list-item-meta-avatar {
3347
- display: flex;
3348
- align-items: center;
3349
- margin-right: 8px;
3350
- }
3351
- .ant-pro-list .ant-list-vertical .ant-pro-list-row .ant-list .ant-list-item-action-split {
3352
- display: none;
3353
- }
3354
- .ant-pro-list .ant-list-vertical .ant-pro-list-row .ant-list .ant-list-item-meta-title {
3355
- margin: 0;
3356
- }
3357
- .ant-pro-list-no-split .ant-pro-list-row {
3358
- border-bottom: none;
3359
- }
3360
- .ant-pro-list-no-split .ant-list .ant-list-item {
3361
- border-bottom: none;
3362
- }
3363
- .ant-pro-list-bordered .ant-pro-list-toolbar {
3364
- border-bottom: 1px solid #f0f0f0;
3365
- }
3366
- .ant-pro-list .ant-list-vertical .ant-pro-list-row {
3367
- padding: 12px 18px 12px 24px;
3368
- }
3369
- .ant-pro-list .ant-list-vertical .ant-pro-list-row-header-title {
3370
- display: flex;
3371
- flex-direction: column;
3372
- align-items: flex-start;
3373
- justify-content: center;
3374
- }
3375
- .ant-pro-list .ant-list-vertical .ant-pro-list-row-content {
3376
- margin: 0;
3377
- }
3378
- .ant-pro-list .ant-list-vertical .ant-pro-list-row-subTitle {
3379
- margin-top: 8px;
3380
- }
3381
- .ant-pro-list .ant-list-vertical .ant-list-item-extra {
3382
- display: flex;
3383
- align-items: center;
3384
- margin-left: 32px;
3385
- }
3386
- .ant-pro-list .ant-list-vertical .ant-pro-list-row-description {
3387
- margin-top: 16px;
3388
- }
3389
- .ant-pro-list .ant-list-bordered .ant-list-item {
3390
- padding-right: 0;
3391
- padding-left: 0;
3392
- }
3393
- .ant-pro-list .ant-pro-list-row-show-extra-hover .ant-list-item-extra {
3394
- display: none;
3395
- }
3396
- @keyframes techUiListActive {
3397
- 0% {
3398
- background-color: unset;
3399
- }
3400
- 30% {
3401
- background: #fefbe6;
3402
- }
3403
- 100% {
3404
- background-color: unset;
3405
- }
3406
- }
3407
-
3408
- .ant-pro-table-dropdown {
3409
- width: auto;
3410
- }
3411
-
3412
- .ant-pro-table-list-toolbar {
3413
- line-height: 1;
3414
- }
3415
- .ant-pro-table-list-toolbar-container {
3416
- display: flex;
3417
- justify-content: space-between;
3418
- padding: 16px 0;
3419
- }
3420
- .ant-pro-table-list-toolbar-container-mobile {
3421
- flex-direction: column;
3422
- }
3423
- .ant-pro-table-list-toolbar-title {
3424
- display: flex;
3425
- align-items: center;
3426
- justify-content: flex-start;
3427
- color: rgba(0, 0, 0, 0.85);
3428
- font-weight: 500;
3429
- font-size: 16px;
3430
- }
3431
- .ant-pro-table-list-toolbar-search:not(:last-child) {
3432
- display: flex;
3433
- align-items: center;
3434
- justify-content: flex-start;
3435
- }
3436
- .ant-pro-table-list-toolbar-setting-item {
3437
- margin: 0 4px;
3438
- color: rgba(0, 0, 0, 0.75);
3439
- font-size: 16px;
3440
- cursor: pointer;
3441
- }
3442
- .ant-pro-table-list-toolbar-setting-item > span {
3443
- display: block;
3444
- width: 100%;
3445
- height: 100%;
3446
- }
3447
- .ant-pro-table-list-toolbar-setting-item:hover {
3448
- color: #40a9ff;
3449
- }
3450
- .ant-pro-table-list-toolbar-left {
3451
- display: flex;
3452
- align-items: center;
3453
- justify-content: flex-start;
3454
- }
3455
- .ant-pro-table-list-toolbar-right {
3456
- display: flex;
3457
- justify-content: flex-end;
3458
- }
3459
- .ant-pro-table-list-toolbar-extra-line {
3460
- margin-bottom: 16px;
3461
- }
3462
- .ant-pro-table-list-toolbar-filter {
3463
- display: flex;
3464
- align-items: center;
3465
- }
3466
- .ant-pro-table-list-toolbar-filter:not(:last-child) {
3467
- margin-right: 16px;
3468
- }
3469
- .ant-pro-table-list-toolbar-filter div.ant-pro-table-search {
3470
- margin: 0;
3471
- padding: 0;
3472
- }
3473
- .ant-pro-table-list-toolbar-inline-menu-item {
3474
- display: inline-block;
3475
- margin-right: 24px;
3476
- cursor: pointer;
3477
- opacity: 0.75;
3478
- }
3479
- .ant-pro-table-list-toolbar-inline-menu-item-active {
3480
- font-weight: bold;
3481
- opacity: 1;
3482
- }
3483
- .ant-pro-table-list-toolbar-dropdownmenu-label {
3484
- font-weight: bold;
3485
- font-size: 16px;
3486
- text-align: center;
3487
- cursor: pointer;
3488
- }
3489
- .ant-pro-table-list-toolbar .ant-tabs-top > .ant-tabs-nav {
3490
- margin-bottom: 0;
3491
- }
3492
- .ant-pro-table-list-toolbar .ant-tabs-top > .ant-tabs-nav::before {
3493
- border-bottom: 0;
3494
- }
3495
- .ant-pro-table-list-toolbar .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-list {
3496
- margin-top: 0;
3497
- }
3498
- .ant-pro-table-list-toolbar .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab {
3499
- padding-top: 0;
3500
- }
3501
- @media (max-width: 575px) {
3502
- .ant-pro-table-list-toolbar-container {
3503
- display: flex;
3504
- flex-wrap: wrap;
3505
- }
3506
- .ant-pro-table-list-toolbar-left {
3507
- margin-bottom: 16px;
3508
- }
3509
- }
3510
-
3511
- .ant-pro-table .ant-pro-table-search {
3512
- margin-bottom: 16px;
3513
- padding: 24px;
3514
- padding-bottom: 0;
3515
- background: #fff;
3516
- }
3517
- .ant-pro-table .ant-pro-table-search-ghost {
3518
- background: transparent;
3519
- }
3520
- .ant-pro-table .ant-pro-table-search::before {
3521
- display: table;
3522
- content: '';
3523
- }
3524
- .ant-pro-table .ant-pro-table-search::after {
3525
- display: table;
3526
- clear: both;
3527
- content: '';
3528
- }
3529
- .ant-pro-table .ant-pro-table-search.ant-pro-table-form {
3530
- margin: 0;
3531
- padding: 0 16px;
3532
- overflow: unset;
3533
- }
3534
- .ant-pro-table .ant-pro-table-search-light {
3535
- margin-bottom: 0;
3536
- padding: 16px 0;
3537
- }
3538
- .ant-pro-table .ant-pro-table-search-form-option .ant-form-item {
3539
- margin: 0;
3540
- }
3541
- .ant-pro-table .ant-pro-table-search-form-option .ant-form-item-label {
3542
- opacity: 0;
3543
- }
3544
- .ant-pro-table .ant-pro-table-search-form-option .ant-form-item-control-input {
3545
- justify-content: flex-start;
3546
- }
3547
- @media (max-width: 575px) {
3548
- .ant-pro-table .ant-pro-table-search {
3549
- height: auto !important;
3550
- padding-bottom: 24px;
3551
- }
3552
- .ant-pro-table .ant-pro-table-search .ant-form-item-label {
3553
- min-width: 80px;
3554
- text-align: left;
3555
- }
3556
- }
3557
-
3558
- .pro-table-tooltip-text span {
3559
- color: #fff;
3560
- }
3561
- .ant-pro-table {
3562
- z-index: 1;
3563
- }
3564
- .ant-pro-table:not(:root):fullscreen {
3565
- min-height: 100vh;
3566
- overflow: auto;
3567
- background: #fff;
3568
- }
3569
- .ant-pro-table-extra {
3570
- margin-bottom: 16px;
3571
- }
3572
- .ant-pro-table-polling .ant-pro-table-list-toolbar-setting-item .anticon.anticon-reload {
3573
- transform: rotate(0deg);
3574
- animation: turn 1s linear infinite;
3575
- }
3576
- .ant-pro-table td.ant-table-cell > a {
3577
- font-size: 14px;
3578
- }
3579
- .ant-pro-table .ant-table .ant-table-tbody .ant-table-wrapper:only-child .ant-table {
3580
- margin: 0;
3581
- }
3582
- .ant-pro-table .ant-table.ant-table-middle .ant-pro-table {
3583
- margin: -12px -8px;
3584
- }
3585
- @keyframes turn {
3586
- 0% {
3587
- transform: rotate(0deg);
3588
- }
3589
- 25% {
3590
- transform: rotate(90deg);
3591
- }
3592
- 50% {
3593
- transform: rotate(180deg);
3594
- }
3595
- 75% {
3596
- transform: rotate(270deg);
3597
- }
3598
- 100% {
3599
- transform: rotate(360deg);
3600
- }
3601
- }
3602
-
3603
- .pro-table-tooltip-text span {
3604
- color: #fff;
3605
- }
3606
- .ant-pro-table {
3607
- z-index: 1;
3608
- }
3609
- .ant-pro-table:not(:root):fullscreen {
3610
- min-height: 100vh;
3611
- overflow: auto;
3612
- background: #fff;
3613
- }
3614
- .ant-pro-table-extra {
3615
- margin-bottom: 16px;
3616
- }
3617
- .ant-pro-table-polling .ant-pro-table-list-toolbar-setting-item .anticon.anticon-reload {
3618
- transform: rotate(0deg);
3619
- animation: turn 1s linear infinite;
3620
- }
3621
- .ant-pro-table td.ant-table-cell > a {
3622
- font-size: 14px;
3623
- }
3624
- .ant-pro-table .ant-table .ant-table-tbody .ant-table-wrapper:only-child .ant-table {
3625
- margin: 0;
3626
- }
3627
- .ant-pro-table .ant-table.ant-table-middle .ant-pro-table {
3628
- margin: -12px -8px;
3629
- }
3630
- @keyframes turn {
3631
- 0% {
3632
- transform: rotate(0deg);
3633
- }
3634
- 25% {
3635
- transform: rotate(90deg);
3636
- }
3637
- 50% {
3638
- transform: rotate(180deg);
3639
- }
3640
- 75% {
3641
- transform: rotate(270deg);
3642
- }
3643
- 100% {
3644
- transform: rotate(360deg);
3645
- }
3646
- }
3647
- .ant-pro-table-toolbar {
3648
- display: flex;
3649
- align-items: center;
3650
- justify-content: space-between;
3651
- height: 64px;
3652
- padding: 0 24px;
3653
- }
3654
- .ant-pro-table-toolbar-option {
3655
- display: flex;
3656
- align-items: center;
3657
- justify-content: flex-end;
3658
- }
3659
- .ant-pro-table-toolbar-title {
3660
- flex: 1;
3661
- color: rgba(0, 0, 0, 0.85);
3662
- font-weight: 500;
3663
- font-size: 16px;
3664
- line-height: 24px;
3665
- opacity: 0.85;
3666
- }
3667
- @media (max-width: 480px) {
3668
- .ant-pro-table .ant-table {
3669
- width: 100%;
3670
- overflow-x: auto;
3671
- }
3672
- .ant-pro-table .ant-table-thead > tr > th,
3673
- .ant-pro-table .ant-table-tbody > tr > th,
3674
- .ant-pro-table .ant-table-thead > tr > td,
3675
- .ant-pro-table .ant-table-tbody > tr > td {
3676
- white-space: pre;
3677
- }
3678
- .ant-pro-table .ant-table-thead > tr > th > span,
3679
- .ant-pro-table .ant-table-tbody > tr > th > span,
3680
- .ant-pro-table .ant-table-thead > tr > td > span,
3681
- .ant-pro-table .ant-table-tbody > tr > td > span {
3682
- display: block;
3683
- }
3684
- }
3685
- @media (max-width: 575px) {
3686
- .ant-pro-table-toolbar {
3687
- flex-direction: column;
3688
- align-items: flex-start;
3689
- justify-content: flex-start;
3690
- height: auto;
3691
- margin-bottom: 16px;
3692
- margin-left: 16px;
3693
- padding: 8px;
3694
- padding-top: 16px;
3695
- line-height: normal;
3696
- }
3697
- .ant-pro-table-toolbar-title {
3698
- margin-bottom: 16px;
3699
- }
3700
- .ant-pro-table-toolbar-option {
3701
- display: flex;
3702
- justify-content: space-between;
3703
- width: 100%;
3704
- }
3705
- .ant-pro-table-toolbar-default-option {
3706
- display: flex;
3707
- flex: 1;
3708
- align-items: center;
3709
- justify-content: flex-end;
3710
- }
3711
- }
3712
-
3713
- .ant-pro-table-column-setting {
3714
- width: auto;
3715
- }
3716
- .ant-pro-table-column-setting-title {
3717
- display: flex;
3718
- align-items: center;
3719
- justify-content: space-between;
3720
- height: 32px;
3721
- }
3722
- .ant-pro-table-column-setting-overlay .ant-popover-inner-content {
3723
- width: 200px;
3724
- padding: 0px;
3725
- padding-bottom: 8px;
3726
- }
3727
- .ant-pro-table-column-setting-overlay .ant-tree-node-content-wrapper:hover {
3728
- background-color: transparent;
3729
- }
3730
- .ant-pro-table-column-setting-overlay .ant-tree-draggable-icon {
3731
- cursor: grab;
3732
- }
3733
- .ant-pro-table-column-setting-overlay .ant-tree-treenode {
3734
- align-items: center;
3735
- }
3736
- .ant-pro-table-column-setting-overlay .ant-tree-treenode:hover {
3737
- background-color: #e6f7ff;
3738
- }
3739
- .ant-pro-table-column-setting-overlay .ant-tree-treenode:hover .ant-pro-table-column-setting-list-item-option {
3740
- display: block;
3741
- }
3742
- .ant-pro-table-column-setting-overlay .ant-tree-treenode .ant-tree-checkbox {
3743
- top: 0;
3744
- margin: 0;
3745
- margin-right: 4px;
3746
- }
3747
- .ant-pro-table-column-setting-list {
3748
- display: flex;
3749
- flex-direction: column;
3750
- width: 100%;
3751
- padding-top: 8px;
3752
- }
3753
- .ant-pro-table-column-setting-list.ant-pro-table-column-setting-list-group {
3754
- padding-top: 0;
3755
- }
3756
- .ant-pro-table-column-setting-list-title {
3757
- margin-top: 6px;
3758
- margin-bottom: 6px;
3759
- padding-left: 24px;
3760
- color: rgba(0, 0, 0, 0.45);
3761
- font-size: 12px;
3762
- }
3763
- .ant-pro-table-column-setting-list-item {
3764
- display: flex;
3765
- align-items: center;
3766
- }
3767
- .ant-pro-table-column-setting-list-item-title {
3768
- flex: 1;
3769
- }
3770
- .ant-pro-table-column-setting-list-item-option {
3771
- display: none;
3772
- float: right;
3773
- cursor: pointer;
3774
- }
3775
- .ant-pro-table-column-setting-list-item-option > span > span.anticon {
3776
- color: #1890ff;
3777
- }
3778
- .ant-pro-table-column-setting-list-item-option > span + span {
3779
- margin-left: 8px;
3780
- }
3781
-
3782
- .ant-pro-table-alert {
3783
- margin-bottom: 16px;
3784
- }
3785
- .ant-pro-table-alert .ant-alert.ant-alert-no-icon {
3786
- padding: 12px 24px;
3787
- }
3788
- .ant-pro-table-alert-info {
3789
- display: flex;
3790
- align-items: center;
3791
- transition: all 0.3s;
3792
- }
3793
- .ant-pro-table-alert-info-content {
3794
- flex: 1;
3795
- }
3796
- .ant-pro-table-alert-info-option {
3797
- min-width: 48px;
3798
- padding-left: 16px;
3799
- }
3800
-
3801
- .ant-pro-table-drag-visible-cell {
3802
- display: flex;
3803
- align-items: center;
3804
- }
3805
- .ant-pro-table-drag-icon {
3806
- margin-right: 8px;
3807
- color: #999;
3808
- cursor: grab;
3809
- }
3810
-