@aplus-frontend/ui 0.6.0 → 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 (99) hide show
  1. package/es/src/ap-button/ap-button.vue.mjs +1 -1
  2. package/es/src/ap-form/drawer-form/index.vue.d.ts +4 -0
  3. package/es/src/ap-form/search-form/components/popover-sorter/index.vue2.mjs +4 -1
  4. package/es/src/ap-grid/hooks/use-table-style.d.ts +2 -0
  5. package/es/src/ap-grid/hooks/use-table-style.mjs +8 -6
  6. package/es/src/ap-grid/index.vue.mjs +140 -135
  7. package/es/src/ap-grid/utils/table.mjs +24 -21
  8. package/es/src/ap-table/utils.mjs +3 -3
  9. package/es/src/business/ap-card/ApCard.vue2.mjs +18 -18
  10. package/es/src/version.d.ts +1 -1
  11. package/es/src/version.mjs +1 -1
  12. package/lib/src/ap-button/ap-button.vue.js +1 -1
  13. package/lib/src/ap-form/drawer-form/index.vue.d.ts +4 -0
  14. package/lib/src/ap-form/search-form/components/popover-sorter/index.vue2.js +1 -1
  15. package/lib/src/ap-grid/hooks/use-table-style.d.ts +2 -0
  16. package/lib/src/ap-grid/hooks/use-table-style.js +1 -1
  17. package/lib/src/ap-grid/index.vue.js +1 -1
  18. package/lib/src/ap-grid/utils/table.js +1 -1
  19. package/lib/src/ap-table/utils.js +1 -1
  20. package/lib/src/business/ap-card/ApCard.vue2.js +1 -1
  21. package/lib/src/version.d.ts +1 -1
  22. package/lib/src/version.js +1 -1
  23. package/package.json +1 -2
  24. package/theme/antd-global-overwrite/admin/index.css +1 -291
  25. package/theme/antd-global-overwrite/admin/index.less +1 -7
  26. package/theme/antd-global-overwrite/aplus/index.css +1 -287
  27. package/theme/antd-global-overwrite/aplus/index.less +1 -7
  28. package/theme/antdv-override.css +572 -0
  29. package/theme/antdv-override.less +659 -0
  30. package/theme/ap-download/ap-download.css +1 -1
  31. package/theme/ap-form/index.css +3 -1
  32. package/theme/ap-form/search-form-sorter.css +3 -1
  33. package/theme/ap-form/search-form-sorter.less +3 -1
  34. package/theme/ap-form/search-form.css +3 -1
  35. package/theme/ap-grid/index.css +10 -1
  36. package/theme/ap-grid/index.less +7 -0
  37. package/theme/ap-select-layout/ap-select-layout.css +2 -2
  38. package/theme/ap-table/ap-table.css +4 -1
  39. package/theme/ap-table/setting/index.css +1 -0
  40. package/theme/ap-table/setting/modal.css +1 -0
  41. package/theme/ap-table/setting/modal.less +1 -0
  42. package/theme/ap-table-modal/index.css +4 -1
  43. package/theme/ap-tag/ap-tag.css +1 -1
  44. package/theme/ap-upload/index.css +1 -1
  45. package/theme/ap-upload/single-file.css +1 -1
  46. package/theme/{ui-mode.css → css-var.css} +2 -0
  47. package/theme/{ui-mode.less → css-var.less} +4 -0
  48. package/theme/editable-table/index.css +3 -1
  49. package/theme/index.css +590 -6
  50. package/theme/index.less +2 -1
  51. package/theme/mixins/config.less +1 -1
  52. package/es/src/ap-grid/hooks/use-load-vxe.d.ts +0 -1
  53. package/lib/src/ap-grid/hooks/use-load-vxe.d.ts +0 -1
  54. package/theme/antd-global-overwrite/admin/alert.css +0 -37
  55. package/theme/antd-global-overwrite/admin/alert.less +0 -51
  56. package/theme/antd-global-overwrite/admin/button.css +0 -27
  57. package/theme/antd-global-overwrite/admin/button.less +0 -31
  58. package/theme/antd-global-overwrite/admin/drawer.css +0 -3
  59. package/theme/antd-global-overwrite/admin/drawer.less +0 -5
  60. package/theme/antd-global-overwrite/admin/field.css +0 -42
  61. package/theme/antd-global-overwrite/admin/field.less +0 -43
  62. package/theme/antd-global-overwrite/admin/form.css +0 -57
  63. package/theme/antd-global-overwrite/admin/form.less +0 -97
  64. package/theme/antd-global-overwrite/admin/message.css +0 -10
  65. package/theme/antd-global-overwrite/admin/message.less +0 -13
  66. package/theme/antd-global-overwrite/admin/modal.css +0 -94
  67. package/theme/antd-global-overwrite/admin/modal.less +0 -128
  68. package/theme/antd-global-overwrite/admin/pagination.css +0 -122
  69. package/theme/antd-global-overwrite/admin/pagination.less +0 -91
  70. package/theme/antd-global-overwrite/admin/steps.css +0 -127
  71. package/theme/antd-global-overwrite/admin/steps.less +0 -197
  72. package/theme/antd-global-overwrite/admin/table.css +0 -78
  73. package/theme/antd-global-overwrite/admin/table.less +0 -62
  74. package/theme/antd-global-overwrite/admin/tooltip.css +0 -3
  75. package/theme/antd-global-overwrite/admin/tooltip.less +0 -3
  76. package/theme/antd-global-overwrite/aplus/alert.css +0 -40
  77. package/theme/antd-global-overwrite/aplus/alert.less +0 -55
  78. package/theme/antd-global-overwrite/aplus/button.css +0 -27
  79. package/theme/antd-global-overwrite/aplus/button.less +0 -31
  80. package/theme/antd-global-overwrite/aplus/drawer.css +0 -3
  81. package/theme/antd-global-overwrite/aplus/drawer.less +0 -5
  82. package/theme/antd-global-overwrite/aplus/field.css +0 -42
  83. package/theme/antd-global-overwrite/aplus/field.less +0 -43
  84. package/theme/antd-global-overwrite/aplus/form.css +0 -87
  85. package/theme/antd-global-overwrite/aplus/form.less +0 -133
  86. package/theme/antd-global-overwrite/aplus/message.css +0 -10
  87. package/theme/antd-global-overwrite/aplus/message.less +0 -13
  88. package/theme/antd-global-overwrite/aplus/modal.css +0 -87
  89. package/theme/antd-global-overwrite/aplus/modal.less +0 -120
  90. package/theme/antd-global-overwrite/aplus/pagination.css +0 -147
  91. package/theme/antd-global-overwrite/aplus/pagination.less +0 -108
  92. package/theme/antd-global-overwrite/aplus/steps.css +0 -125
  93. package/theme/antd-global-overwrite/aplus/steps.less +0 -198
  94. package/theme/antd-global-overwrite/aplus/table.css +0 -78
  95. package/theme/antd-global-overwrite/aplus/table.less +0 -61
  96. package/theme/antd-global-overwrite/aplus/tooltip.css +0 -3
  97. package/theme/antd-global-overwrite/aplus/tooltip.less +0 -3
  98. package/theme/ap-table/ap-table-pagination.css +0 -12
  99. package/theme/ap-table/ap-table-pagination.less +0 -14
@@ -29,7 +29,7 @@
29
29
  // 行高
30
30
  @line-height-base: 18px;
31
31
  @line-height-small: 16px;
32
- @line-height-lg: 22;
32
+ @line-height-lg: 22px;
33
33
 
34
34
  // 圆角
35
35
 
@@ -1 +0,0 @@
1
- export declare const useLoadVxe: () => void;
@@ -1 +0,0 @@
1
- export declare const useLoadVxe: () => void;
@@ -1,37 +0,0 @@
1
- .ant-alert .ant-alert-close-icon {
2
- line-height: 18px;
3
- }
4
- .ant-alert .ant-alert-icon {
5
- font-size: 16px;
6
- margin-inline-end: 8px;
7
- }
8
- .ant-alert .ant-alert-message {
9
- color: #333333;
10
- font-weight: normal !important;
11
- font-size: 12px;
12
- line-height: 18px;
13
- }
14
- .ant-alert .ant-alert-message .href {
15
- color: #1890ff;
16
- cursor: pointer;
17
- }
18
- .ant-alert.ant-alert-with-description .ant-alert-message {
19
- margin-bottom: 4px;
20
- font-weight: bold !important;
21
- }
22
- .ant-alert.ant-alert-warning {
23
- background: rgba(250, 173, 20, 0.1);
24
- border: 1px solid rgba(250, 173, 20, 0.4);
25
- }
26
- .ant-alert.ant-alert-info {
27
- background: rgba(24, 144, 255, 0.1);
28
- border: 1px solid rgba(24, 144, 255, 0.4);
29
- }
30
- .ant-alert.ant-alert-success {
31
- background: rgba(52, 183, 124, 0.1);
32
- border: 1px solid rgba(52, 183, 124, 0.4);
33
- }
34
- .ant-alert.ant-alert-error {
35
- background: rgba(255, 77, 79, 0.1);
36
- border: 1px solid rgba(255, 77, 79, 0.4);
37
- }
@@ -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,94 +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
- font-size: 16px;
58
- line-height: 24px;
59
- }
60
- .ant-modal-root .ant-modal-confirm .ant-modal-content .ant-modal-body .ant-modal-confirm-body .ant-modal-confirm-content {
61
- max-width: calc(100% - 40px);
62
- color: #999999;
63
- font-weight: normal;
64
- font-size: 14px;
65
- line-height: 200%;
66
- margin-block-start: 4px;
67
- margin-inline-start: 34px;
68
- }
69
- .ant-modal-root .ant-modal-confirm .ant-modal-content .ant-modal-body .ant-modal-confirm-body .ant-modal-confirm-content > * {
70
- color: #999999;
71
- }
72
- .ant-modal-root .ant-modal-confirm .ant-modal-content .ant-modal-body .ant-modal-confirm-btns {
73
- margin-top: 0;
74
- padding-top: 16px;
75
- }
76
- .ant-modal-root .ant-modal-confirm .ant-modal-content .ant-modal-body .ant-modal-confirm-btns button {
77
- min-width: 72px;
78
- }
79
- .ant-modal-root .ant-modal-confirm .ant-modal-content .ant-modal-body .ant-modal-confirm-btns .ant-btn + .ant-btn:not(.ant-dropdown-trigger) {
80
- margin-inline-start: 8px;
81
- }
82
- .ant-modal-confirm-success .ant-modal-confirm-body > .anticon {
83
- color: #06c687;
84
- }
85
- .ant-modal-confirm-info .ant-modal-confirm-body > .anticon {
86
- color: #1890ff;
87
- }
88
- .ant-modal-confirm-warning .ant-modal-confirm-body > .anticon,
89
- .ant-modal-confirm-confirm .ant-modal-confirm-body > .anticon {
90
- color: #faad14;
91
- }
92
- .ant-modal-confirm-error .ant-modal-confirm-body > .anticon {
93
- color: #ff4d4f;
94
- }
@@ -1,128 +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
- font-size: 16px;
78
- line-height: 24px;
79
- }
80
-
81
- .ant-modal-confirm-content {
82
- max-width: calc(100% - 40px);
83
- color: #999999;
84
- font-weight: normal;
85
- font-size: 14px;
86
- line-height: 200%;
87
- margin-block-start: 4px;
88
- margin-inline-start: 34px;
89
-
90
- & > * {
91
- color: #999999;
92
- }
93
- }
94
- }
95
-
96
- .ant-modal-confirm-btns {
97
- margin-top: 0;
98
- padding-top: 16px;
99
-
100
- button {
101
- min-width: 72px;
102
- }
103
-
104
- .ant-btn + .ant-btn:not(.ant-dropdown-trigger) {
105
- margin-inline-start: 8px;
106
- }
107
- }
108
- }
109
- }
110
- }
111
- }
112
-
113
- .ant-modal-confirm-success .ant-modal-confirm-body > .anticon {
114
- color: #06c687;
115
- }
116
-
117
- .ant-modal-confirm-info .ant-modal-confirm-body > .anticon {
118
- color: #1890ff;
119
- }
120
-
121
- .ant-modal-confirm-warning .ant-modal-confirm-body > .anticon,
122
- .ant-modal-confirm-confirm .ant-modal-confirm-body > .anticon {
123
- color: #faad14;
124
- }
125
-
126
- .ant-modal-confirm-error .ant-modal-confirm-body > .anticon {
127
- color: #ff4d4f;
128
- }