@aplus-frontend/ui 0.6.1 → 0.6.2

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.
Files changed (73) hide show
  1. package/es/src/ap-grid/index.vue.mjs +140 -135
  2. package/es/src/ap-grid/utils/table.mjs +24 -21
  3. package/es/src/ap-table/utils.mjs +3 -3
  4. package/es/src/business/ap-card/ApCard.vue2.mjs +18 -18
  5. package/es/src/version.d.ts +1 -1
  6. package/es/src/version.mjs +1 -1
  7. package/lib/src/ap-grid/index.vue.js +1 -1
  8. package/lib/src/ap-grid/utils/table.js +1 -1
  9. package/lib/src/ap-table/utils.js +1 -1
  10. package/lib/src/business/ap-card/ApCard.vue2.js +1 -1
  11. package/lib/src/version.d.ts +1 -1
  12. package/lib/src/version.js +1 -1
  13. package/package.json +1 -2
  14. package/theme/antd-global-overwrite/admin/index.css +1 -288
  15. package/theme/antd-global-overwrite/admin/index.less +1 -7
  16. package/theme/antd-global-overwrite/aplus/index.css +1 -284
  17. package/theme/antd-global-overwrite/aplus/index.less +1 -7
  18. package/theme/antdv-override.css +572 -0
  19. package/theme/antdv-override.less +659 -0
  20. package/theme/ap-grid/index.css +7 -0
  21. package/theme/ap-grid/index.less +7 -0
  22. package/theme/index.css +579 -0
  23. package/theme/index.less +2 -1
  24. package/es/src/ap-grid/hooks/use-load-vxe.d.ts +0 -1
  25. package/lib/src/ap-grid/hooks/use-load-vxe.d.ts +0 -1
  26. package/theme/antd-global-overwrite/admin/alert.css +0 -37
  27. package/theme/antd-global-overwrite/admin/alert.less +0 -51
  28. package/theme/antd-global-overwrite/admin/button.css +0 -27
  29. package/theme/antd-global-overwrite/admin/button.less +0 -31
  30. package/theme/antd-global-overwrite/admin/drawer.css +0 -3
  31. package/theme/antd-global-overwrite/admin/drawer.less +0 -5
  32. package/theme/antd-global-overwrite/admin/field.css +0 -42
  33. package/theme/antd-global-overwrite/admin/field.less +0 -43
  34. package/theme/antd-global-overwrite/admin/form.css +0 -57
  35. package/theme/antd-global-overwrite/admin/form.less +0 -97
  36. package/theme/antd-global-overwrite/admin/message.css +0 -10
  37. package/theme/antd-global-overwrite/admin/message.less +0 -13
  38. package/theme/antd-global-overwrite/admin/modal.css +0 -91
  39. package/theme/antd-global-overwrite/admin/modal.less +0 -125
  40. package/theme/antd-global-overwrite/admin/pagination.css +0 -122
  41. package/theme/antd-global-overwrite/admin/pagination.less +0 -91
  42. package/theme/antd-global-overwrite/admin/steps.css +0 -127
  43. package/theme/antd-global-overwrite/admin/steps.less +0 -197
  44. package/theme/antd-global-overwrite/admin/table.css +0 -78
  45. package/theme/antd-global-overwrite/admin/table.less +0 -62
  46. package/theme/antd-global-overwrite/admin/tooltip.css +0 -3
  47. package/theme/antd-global-overwrite/admin/tooltip.less +0 -3
  48. package/theme/antd-global-overwrite/aplus/alert.css +0 -40
  49. package/theme/antd-global-overwrite/aplus/alert.less +0 -55
  50. package/theme/antd-global-overwrite/aplus/button.css +0 -27
  51. package/theme/antd-global-overwrite/aplus/button.less +0 -31
  52. package/theme/antd-global-overwrite/aplus/drawer.css +0 -3
  53. package/theme/antd-global-overwrite/aplus/drawer.less +0 -5
  54. package/theme/antd-global-overwrite/aplus/field.css +0 -42
  55. package/theme/antd-global-overwrite/aplus/field.less +0 -43
  56. package/theme/antd-global-overwrite/aplus/form.css +0 -87
  57. package/theme/antd-global-overwrite/aplus/form.less +0 -133
  58. package/theme/antd-global-overwrite/aplus/message.css +0 -10
  59. package/theme/antd-global-overwrite/aplus/message.less +0 -13
  60. package/theme/antd-global-overwrite/aplus/modal.css +0 -84
  61. package/theme/antd-global-overwrite/aplus/modal.less +0 -117
  62. package/theme/antd-global-overwrite/aplus/pagination.css +0 -147
  63. package/theme/antd-global-overwrite/aplus/pagination.less +0 -108
  64. package/theme/antd-global-overwrite/aplus/steps.css +0 -125
  65. package/theme/antd-global-overwrite/aplus/steps.less +0 -198
  66. package/theme/antd-global-overwrite/aplus/table.css +0 -78
  67. package/theme/antd-global-overwrite/aplus/table.less +0 -61
  68. package/theme/antd-global-overwrite/aplus/tooltip.css +0 -3
  69. package/theme/antd-global-overwrite/aplus/tooltip.less +0 -3
  70. package/theme/ap-table/ap-table-pagination.css +0 -12
  71. package/theme/ap-table/ap-table-pagination.less +0 -14
  72. /package/theme/{ui-mode.css → css-var.css} +0 -0
  73. /package/theme/{ui-mode.less → css-var.less} +0 -0
@@ -1,51 +0,0 @@
1
- @import '../../mixins/config.less';
2
-
3
- .ant-alert {
4
- .ant-alert-close-icon {
5
- line-height: 18px;
6
- }
7
-
8
- .ant-alert-icon {
9
- font-size: 16px;
10
- margin-inline-end: @spacing;
11
- }
12
-
13
- .ant-alert-message {
14
- color: #333333;
15
- font-weight: normal !important;
16
- font-size: @font-size-base;
17
- line-height: @line-height-base;
18
-
19
- .href {
20
- color: #1890ff;
21
- cursor: pointer;
22
- }
23
- }
24
-
25
- &.ant-alert-with-description {
26
- .ant-alert-message {
27
- margin-bottom: @spacing-xs;
28
- font-weight: bold !important;
29
- }
30
- }
31
-
32
- &.ant-alert-warning {
33
- background: rgba(250, 173, 20, 0.1);
34
- border: 1px solid rgba(250, 173, 20, 0.4);
35
- }
36
-
37
- &.ant-alert-info {
38
- background: rgba(24, 144, 255, 0.1);
39
- border: 1px solid rgba(24, 144, 255, 0.4);
40
- }
41
-
42
- &.ant-alert-success {
43
- background: rgba(52, 183, 124, 0.1);
44
- border: 1px solid rgba(52, 183, 124, 0.4);
45
- }
46
-
47
- &.ant-alert-error {
48
- background: rgba(255, 77, 79, 0.1);
49
- border: 1px solid rgba(255, 77, 79, 0.4);
50
- }
51
- }
@@ -1,27 +0,0 @@
1
- .ant-btn {
2
- box-shadow: none;
3
- }
4
- .ant-btn.ant-btn-primary[disabled],
5
- .ant-btn.ant-btn-primary[disabled]:hover {
6
- color: #ffffff;
7
- background: #d6f1e5;
8
- border-color: #d6f1e5;
9
- }
10
- .ant-btn.ant-btn-dangerous.ant-btn-dangerous[disabled],
11
- .ant-btn.ant-btn-dangerous.ant-btn-dangerous[disabled]:hover {
12
- color: #ffffff !important;
13
- background: #ffdbdc !important;
14
- border-color: #ffdbdc !important;
15
- }
16
- .ant-btn.ant-btn-default[disabled],
17
- .ant-btn.ant-btn-default[disabled]:hover {
18
- color: #bfbfbf !important;
19
- background: #fafafa !important;
20
- border-color: #d9d9d9 !important;
21
- }
22
- .ant-btn.ant-btn-link[disabled],
23
- .ant-btn.ant-btn-link[disabled]:hover,
24
- .ant-btn.ant-btn-text[disabled],
25
- .ant-btn.ant-btn-text[disabled]:hover {
26
- color: rgba(24, 144, 255, 0.2) !important;
27
- }
@@ -1,31 +0,0 @@
1
- .ant-btn {
2
- box-shadow: none;
3
-
4
- &.ant-btn-primary[disabled],
5
- &.ant-btn-primary[disabled]:hover {
6
- color: #ffffff;
7
- background: #d6f1e5;
8
- border-color: #d6f1e5;
9
- }
10
-
11
- &.ant-btn-dangerous.ant-btn-dangerous[disabled],
12
- &.ant-btn-dangerous.ant-btn-dangerous[disabled]:hover {
13
- color: #ffffff !important;
14
- background: #ffdbdc !important;
15
- border-color: #ffdbdc !important;
16
- }
17
-
18
- &.ant-btn-default[disabled],
19
- &.ant-btn-default[disabled]:hover {
20
- color: #bfbfbf !important;
21
- background: #fafafa !important;
22
- border-color: #d9d9d9 !important;
23
- }
24
-
25
- &.ant-btn-link[disabled],
26
- &.ant-btn-link[disabled]:hover,
27
- &.ant-btn-text[disabled],
28
- &.ant-btn-text[disabled]:hover {
29
- color: rgba(24, 144, 255, 0.2) !important;
30
- }
31
- }
@@ -1,3 +0,0 @@
1
- .ant-drawer .ant-drawer-content-wrapper {
2
- box-shadow: 8px 2px 24px 0 rgba(73, 77, 85, 0.2);
3
- }
@@ -1,5 +0,0 @@
1
- .ant-drawer {
2
- .ant-drawer-content-wrapper {
3
- box-shadow: 8px 2px 24px 0 rgba(73, 77, 85, 0.2);
4
- }
5
- }
@@ -1,42 +0,0 @@
1
- .ant-checkbox:not(.ant-checkbox-checked) .ant-checkbox-inner {
2
- border-color: #d9d9d9;
3
- }
4
- .ant-radio:not(.ant-radio-checked) .ant-radio-inner {
5
- border-color: #d9d9d9;
6
- }
7
- .ant-input::-moz-placeholder {
8
- color: #bfbfbf;
9
- }
10
- .ant-input::placeholder {
11
- color: #bfbfbf;
12
- }
13
- .ant-select .ant-select-selection-placeholder {
14
- color: #bfbfbf;
15
- }
16
- .ant-picker .ant-picker-input > input::-moz-placeholder {
17
- color: #bfbfbf;
18
- }
19
- .ant-picker .ant-picker-input > input::placeholder {
20
- color: #bfbfbf;
21
- }
22
- .ant-input-number .ant-input-number-input-wrap > input::-moz-placeholder {
23
- color: #bfbfbf;
24
- }
25
- .ant-input-number .ant-input-number-input-wrap > input::placeholder {
26
- color: #bfbfbf;
27
- }
28
- input[disabled].ant-input {
29
- color: var(--ap-text-color-1);
30
- }
31
- textarea[disabled].ant-input {
32
- color: var(--ap-text-color-1);
33
- }
34
- .ant-picker.ant-picker-disabled .ant-picker-input > input[disabled] {
35
- color: var(--ap-text-color-1);
36
- }
37
- .ant-select-disabled .ant-select-selection-item {
38
- color: var(--ap-text-color-1) !important;
39
- }
40
- .ant-input-clear-icon {
41
- line-height: 18px;
42
- }
@@ -1,43 +0,0 @@
1
- .ant-checkbox:not(.ant-checkbox-checked) .ant-checkbox-inner {
2
- border-color: #d9d9d9;
3
- }
4
-
5
- .ant-radio:not(.ant-radio-checked) .ant-radio-inner {
6
- border-color: #d9d9d9;
7
- }
8
-
9
- .ant-input::placeholder {
10
- color: #bfbfbf;
11
- }
12
-
13
- .ant-select .ant-select-selection-placeholder {
14
- color: #bfbfbf;
15
- }
16
-
17
- .ant-picker .ant-picker-input > input::placeholder {
18
- color: #bfbfbf;
19
- }
20
-
21
- .ant-input-number .ant-input-number-input-wrap > input::placeholder {
22
- color: #bfbfbf;
23
- }
24
-
25
- input[disabled].ant-input {
26
- color: var(--ap-text-color-1);
27
- }
28
-
29
- textarea[disabled].ant-input {
30
- color: var(--ap-text-color-1);
31
- }
32
-
33
- .ant-picker.ant-picker-disabled .ant-picker-input > input[disabled] {
34
- color: var(--ap-text-color-1);
35
- }
36
-
37
- .ant-select-disabled .ant-select-selection-item {
38
- color: var(--ap-text-color-1) !important;
39
- }
40
-
41
- .ant-input-clear-icon {
42
- line-height: 18px;
43
- }
@@ -1,57 +0,0 @@
1
- .ant-form .ant-form-item label {
2
- font-weight: normal;
3
- }
4
- .ant-form .ant-form-item label svg {
5
- color: #34b77c;
6
- }
7
- .ant-form .ant-form-item-control {
8
- padding-left: 0;
9
- }
10
- .ant-form .ant-form-item-control .ant-form-item-explain-error {
11
- font-size: 12px;
12
- }
13
- .ant-input::-moz-placeholder {
14
- color: #bfbfbf;
15
- }
16
- .ant-input::placeholder {
17
- color: #bfbfbf;
18
- }
19
- .ant-select .ant-select-selection-placeholder {
20
- color: #bfbfbf;
21
- }
22
- .ant-picker .ant-picker-input > input::-moz-placeholder {
23
- color: #bfbfbf;
24
- }
25
- .ant-picker .ant-picker-input > input::placeholder {
26
- color: #bfbfbf;
27
- }
28
- .ant-input-number .ant-input-number-input-wrap > input::-moz-placeholder {
29
- color: #bfbfbf;
30
- }
31
- .ant-input-number .ant-input-number-input-wrap > input::placeholder {
32
- color: #bfbfbf;
33
- }
34
- div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'],
35
- div[class$='-basic-table-form-container ap-table--sticky'] form[class$='-basic-form--compact'] {
36
- padding: 16px;
37
- }
38
- div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] div.ant-col[tableaction] .ant-form-item-control-input-content,
39
- div[class$='-basic-table-form-container ap-table--sticky'] form[class$='-basic-form--compact'] div.ant-col[tableaction] .ant-form-item-control-input-content {
40
- display: flex;
41
- align-items: center;
42
- justify-content: flex-end;
43
- }
44
- div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] div.ant-col[tableaction] .ant-form-item-control-input-content button.ant-btn-primary,
45
- div[class$='-basic-table-form-container ap-table--sticky'] form[class$='-basic-form--compact'] div.ant-col[tableaction] .ant-form-item-control-input-content button.ant-btn-primary {
46
- order: 1;
47
- }
48
- div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] div.ant-col[tableaction] .ant-form-item-control-input-content button.ant-btn-default,
49
- div[class$='-basic-table-form-container ap-table--sticky'] form[class$='-basic-form--compact'] div.ant-col[tableaction] .ant-form-item-control-input-content button.ant-btn-default {
50
- order: 2;
51
- margin-right: 0;
52
- }
53
- div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] div.ant-col[tableaction] .ant-form-item-control-input-content button.ant-btn-link,
54
- div[class$='-basic-table-form-container ap-table--sticky'] form[class$='-basic-form--compact'] div.ant-col[tableaction] .ant-form-item-control-input-content button.ant-btn-link {
55
- order: 3;
56
- margin-left: 0.5rem;
57
- }
@@ -1,97 +0,0 @@
1
- .ant-form {
2
- .ant-form-item {
3
- // label style
4
- label {
5
- font-weight: normal;
6
-
7
- svg {
8
- color: #34b77c;
9
- }
10
- }
11
- }
12
-
13
- .ant-form-item-control {
14
- padding-left: 0;
15
- // error style
16
- .ant-form-item-explain-error {
17
- font-size: 12px;
18
- }
19
- // Radio style
20
- // .ant-radio-wrapper .ant-radio {
21
- // &.ant-radio-checked {
22
- // .ant-radio-inner {
23
- // background-color: #ffffff;
24
- // border-color: #34b77c;
25
-
26
- // &::after {
27
- // background-color: #34b77c;
28
- // }
29
- // }
30
- // }
31
- // }
32
- // Select style
33
- // .ant-select {
34
- // &.ant-select-open {
35
- // .ant-select-selection-item {
36
- // color: #bfbfbf;
37
- // }
38
- // }
39
- // }
40
- }
41
- }
42
-
43
- // placeholder style
44
- .ant-input::placeholder {
45
- color: #bfbfbf;
46
- }
47
-
48
- .ant-select .ant-select-selection-placeholder {
49
- color: #bfbfbf;
50
- }
51
-
52
- .ant-picker .ant-picker-input > input::placeholder {
53
- color: #bfbfbf;
54
- }
55
-
56
- .ant-input-number .ant-input-number-input-wrap > input::placeholder {
57
- color: #bfbfbf;
58
- }
59
-
60
- // input disabled styles
61
- // input.ant-input[disabled] {
62
- // color: #666666;
63
- // }
64
-
65
- // 兼容 table 里面 过滤器样式
66
- // 新增对sticky表格的样式类型
67
- div[class$='-basic-table-form-container'],
68
- div[class$='-basic-table-form-container ap-table--sticky'] {
69
- form[class$='-basic-form--compact'] {
70
- // 关于 过滤器 底部 16px问题 浩龙已经处理过了
71
- // 利用 row-gap 所以这里需要设置 padding
72
- padding: 16px;
73
- // 查询 重置按钮 交换位置
74
- // 利用flexbox布局 order
75
- div.ant-col[tableaction] {
76
- .ant-form-item-control-input-content {
77
- display: flex;
78
- align-items: center;
79
- justify-content: flex-end;
80
-
81
- button.ant-btn-primary {
82
- order: 1;
83
- }
84
-
85
- button.ant-btn-default {
86
- order: 2;
87
- margin-right: 0;
88
- }
89
-
90
- button.ant-btn-link {
91
- order: 3;
92
- margin-left: 0.5rem;
93
- }
94
- }
95
- }
96
- }
97
- }
@@ -1,10 +0,0 @@
1
- .ant-message div.ant-message-notice-content {
2
- padding: 10px 16px;
3
- font-size: 14px;
4
- line-height: 22px;
5
- box-shadow: 0 3px 6px 0 rgba(44, 54, 69, 0.102);
6
- }
7
- .ant-message .ant-message-notice .anticon {
8
- margin-bottom: 1px;
9
- margin-inline-end: 9px;
10
- }
@@ -1,13 +0,0 @@
1
- .ant-message {
2
- div.ant-message-notice-content {
3
- padding: 10px 16px;
4
- font-size: 14px;
5
- line-height: 22px;
6
- box-shadow: 0 3px 6px 0 rgba(44, 54, 69, 0.102);
7
- }
8
-
9
- .ant-message-notice .anticon {
10
- margin-bottom: 1px;
11
- margin-inline-end: 9px;
12
- }
13
- }
@@ -1,91 +0,0 @@
1
- .ant-modal-root .ant-modal .ant-modal-close {
2
- top: 14px;
3
- inset-inline-end: 18px;
4
- color: #666666;
5
- }
6
- .ant-modal-root .ant-modal .ant-modal-close:hover {
7
- background-color: transparent;
8
- }
9
- .ant-modal-root .ant-modal .ant-modal-close-x {
10
- line-height: 0;
11
- }
12
- .ant-modal-root .ant-modal .ant-modal-content {
13
- padding: 0;
14
- }
15
- .ant-modal-root .ant-modal .ant-modal-content .ant-modal-header {
16
- margin-bottom: 0;
17
- padding: 12px 20px;
18
- border-bottom: 1px solid #E9E9E9;
19
- }
20
- .ant-modal-root .ant-modal .ant-modal-content .ant-modal-body {
21
- padding: 16px 20px;
22
- }
23
- .ant-modal-root .ant-modal .ant-modal-content .ant-modal-body > .scrollbar {
24
- padding: 0;
25
- }
26
- .ant-modal-root .ant-modal .ant-modal-content .ant-modal-body .scrollbar__wrap {
27
- margin-bottom: 0 !important;
28
- }
29
- .ant-modal-root .ant-modal .ant-modal-content .ant-modal-body:has([class*='ap-modal-body-wrapper']) {
30
- padding: 20px 0 !important;
31
- }
32
- .ant-modal-root .ant-modal .ant-modal-content .ant-modal-body:has([class*='ap-modal-body-wrapper']) [class*='ap-modal-body-wrapper'] {
33
- padding: 0 20px;
34
- overflow: hidden auto;
35
- }
36
- .ant-modal-root .ant-modal .ant-modal-content .ant-modal-footer {
37
- margin-top: 0;
38
- padding: 0 20px 12px;
39
- border-top: none;
40
- }
41
- .ant-modal-root .ant-modal .ant-modal-content .ant-modal-footer button {
42
- min-width: 72px;
43
- }
44
- .ant-modal-root .ant-modal .ant-modal-content .ant-modal-footer .ant-btn + .ant-btn:not(.ant-dropdown-trigger) {
45
- margin-inline-start: 8px;
46
- }
47
- .ant-modal-root .ant-modal-confirm .ant-modal-content .ant-modal-body {
48
- padding: 20px 24px;
49
- }
50
- .ant-modal-root .ant-modal-confirm .ant-modal-content .ant-modal-body .ant-modal-confirm-body > .anticon {
51
- margin-inline-end: 10px;
52
- font-size: 22px;
53
- }
54
- .ant-modal-root .ant-modal-confirm .ant-modal-content .ant-modal-body .ant-modal-confirm-body .ant-modal-confirm-title {
55
- color: #333333;
56
- font-weight: normal;
57
- }
58
- .ant-modal-root .ant-modal-confirm .ant-modal-content .ant-modal-body .ant-modal-confirm-body .ant-modal-confirm-content {
59
- max-width: calc(100% - 40px);
60
- color: #999999;
61
- font-weight: normal;
62
- line-height: 200%;
63
- margin-block-start: 4px;
64
- margin-inline-start: 34px;
65
- }
66
- .ant-modal-root .ant-modal-confirm .ant-modal-content .ant-modal-body .ant-modal-confirm-body .ant-modal-confirm-content > * {
67
- color: #999999;
68
- }
69
- .ant-modal-root .ant-modal-confirm .ant-modal-content .ant-modal-body .ant-modal-confirm-btns {
70
- margin-top: 0;
71
- padding-top: 16px;
72
- }
73
- .ant-modal-root .ant-modal-confirm .ant-modal-content .ant-modal-body .ant-modal-confirm-btns button {
74
- min-width: 72px;
75
- }
76
- .ant-modal-root .ant-modal-confirm .ant-modal-content .ant-modal-body .ant-modal-confirm-btns .ant-btn + .ant-btn:not(.ant-dropdown-trigger) {
77
- margin-inline-start: 8px;
78
- }
79
- .ant-modal-confirm-success .ant-modal-confirm-body > .anticon {
80
- color: #06c687;
81
- }
82
- .ant-modal-confirm-info .ant-modal-confirm-body > .anticon {
83
- color: #1890ff;
84
- }
85
- .ant-modal-confirm-warning .ant-modal-confirm-body > .anticon,
86
- .ant-modal-confirm-confirm .ant-modal-confirm-body > .anticon {
87
- color: #faad14;
88
- }
89
- .ant-modal-confirm-error .ant-modal-confirm-body > .anticon {
90
- color: #ff4d4f;
91
- }
@@ -1,125 +0,0 @@
1
- .ant-modal-root {
2
- .ant-modal {
3
- .ant-modal-close {
4
- top: 14px;
5
- inset-inline-end: 18px;
6
- color: #666666;
7
-
8
- &:hover {
9
- background-color: transparent;
10
- }
11
- }
12
-
13
- .ant-modal-close-x {
14
- line-height: 0;
15
- }
16
-
17
- .ant-modal-content {
18
- padding: 0;
19
-
20
- .ant-modal-header {
21
- margin-bottom: 0;
22
- padding: 12px 20px;
23
- border-bottom: 1px solid#E9E9E9;
24
- }
25
-
26
- .ant-modal-body {
27
- padding: 16px 20px;
28
-
29
- & > .scrollbar {
30
- padding: 0;
31
- }
32
-
33
- .scrollbar__wrap {
34
- margin-bottom: 0 !important;
35
- }
36
-
37
- &:has([class*='ap-modal-body-wrapper']) {
38
- padding: 20px 0 !important;
39
-
40
- [class*='ap-modal-body-wrapper'] {
41
- padding: 0 20px;
42
- overflow: hidden auto;
43
- }
44
- }
45
- }
46
-
47
- .ant-modal-footer {
48
- margin-top: 0;
49
- padding: 0 20px 12px;
50
- border-top: none;
51
-
52
- button {
53
- min-width: 72px;
54
- }
55
-
56
- .ant-btn + .ant-btn:not(.ant-dropdown-trigger) {
57
- margin-inline-start: 8px;
58
- }
59
- }
60
- }
61
- }
62
-
63
- .ant-modal-confirm {
64
- .ant-modal-content {
65
- .ant-modal-body {
66
- padding: 20px 24px;
67
-
68
- .ant-modal-confirm-body {
69
- & > .anticon {
70
- margin-inline-end: 10px;
71
- font-size: 22px;
72
- }
73
-
74
- .ant-modal-confirm-title {
75
- color: #333333;
76
- font-weight: normal;
77
- }
78
-
79
- .ant-modal-confirm-content {
80
- max-width: calc(100% - 40px);
81
- color: #999999;
82
- font-weight: normal;
83
- line-height: 200%;
84
- margin-block-start: 4px;
85
- margin-inline-start: 34px;
86
-
87
- & > * {
88
- color: #999999;
89
- }
90
- }
91
- }
92
-
93
- .ant-modal-confirm-btns {
94
- margin-top: 0;
95
- padding-top: 16px;
96
-
97
- button {
98
- min-width: 72px;
99
- }
100
-
101
- .ant-btn + .ant-btn:not(.ant-dropdown-trigger) {
102
- margin-inline-start: 8px;
103
- }
104
- }
105
- }
106
- }
107
- }
108
- }
109
-
110
- .ant-modal-confirm-success .ant-modal-confirm-body > .anticon {
111
- color: #06c687;
112
- }
113
-
114
- .ant-modal-confirm-info .ant-modal-confirm-body > .anticon {
115
- color: #1890ff;
116
- }
117
-
118
- .ant-modal-confirm-warning .ant-modal-confirm-body > .anticon,
119
- .ant-modal-confirm-confirm .ant-modal-confirm-body > .anticon {
120
- color: #faad14;
121
- }
122
-
123
- .ant-modal-confirm-error .ant-modal-confirm-body > .anticon {
124
- color: #ff4d4f;
125
- }