@jiaozhiye/qm-design-react 1.10.16 → 1.10.17

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,107 +1,104 @@
1
- /*
2
- * @Author: 焦质晔
3
- * @Date: 2021-07-23 19:05:57
4
- * @Last Modified by: 焦质晔
5
- * @Last Modified time: 2024-10-29 10:53:46
6
- */
7
- @import '../../style/common';
8
-
9
- @prefix-drawer: ~'@{qm-prefix}-drawer';
10
-
11
- .@{prefix-drawer} {
12
- &.no-header {
13
- .ant-drawer-header {
14
- height: 0;
15
- border: 0;
16
- .ant-drawer-close {
17
- top: 4px;
18
- right: 0;
19
- }
20
- .full-screen {
21
- top: 4px;
22
- right: 42px;
23
- }
24
- .ant-drawer-extra {
25
- display: none;
26
- }
27
- }
28
- }
29
- .ant-drawer-header {
30
- display: flex;
31
- align-items: center;
32
- flex: 0 auto;
33
- flex-shrink: 0;
34
- height: 44px;
35
- padding: 0 15px;
36
- border-bottom: 1px solid @--border-color-secondary;
37
- .ant-drawer-title {
38
- display: flex;
39
- align-items: center;
40
- }
41
- .ant-drawer-close {
42
- position: absolute;
43
- right: -8px;
44
- padding: @--padding-md @--padding-md @--padding-md 5px;
45
- }
46
- .full-screen {
47
- display: inline-block;
48
- text-align: center;
49
- text-transform: none;
50
- text-decoration: none;
51
- background: transparent;
52
- border: 0;
53
- outline: 0;
54
- position: absolute;
55
- right: 34px;
56
- padding: @--padding-md 5px @--padding-md @--padding-md;
57
- color: @--text-color-placeholder;
58
- line-height: 1;
59
- font-size: @--font-size-lg;
60
- transition: all 0.3s ease;
61
- cursor: pointer;
62
- &:hover {
63
- color: @--text-color;
64
- }
65
- }
66
- .ant-drawer-extra {
67
- margin-right: 50px;
68
- }
69
- }
70
- .ant-drawer-body {
71
- padding: @--padding-md;
72
- }
73
- .spinning {
74
- position: absolute;
75
- top: 44px;
76
- left: 0;
77
- right: 0;
78
- bottom: 0;
79
- display: flex;
80
- flex-direction: column;
81
- justify-content: center;
82
- align-items: center;
83
- background-color: rgba(255, 255, 255, 0.65);
84
- z-index: 9999;
85
- .ant-spin-text {
86
- margin-top: 4px;
87
- }
88
- }
89
- // ------ size ------
90
- // 52 48 44
91
- &--lg {
92
- .ant-drawer-header {
93
- height: 48px;
94
- }
95
- .spinning {
96
- top: 48px;
97
- }
98
- }
99
- &--sm {
100
- .ant-drawer-header {
101
- height: 40px;
102
- }
103
- .spinning {
104
- top: 40px;
105
- }
106
- }
107
- }
1
+ /*
2
+ * @Author: 焦质晔
3
+ * @Date: 2021-07-23 19:05:57
4
+ * @Last Modified by: 焦质晔
5
+ * @Last Modified time: 2024-10-29 10:53:46
6
+ */
7
+ @import '../../style/common';
8
+
9
+ @prefix-drawer: ~'@{qm-prefix}-drawer';
10
+
11
+ .@{prefix-drawer} {
12
+ &.no-header {
13
+ .ant-drawer-header {
14
+ height: 0;
15
+ border: 0;
16
+ .ant-drawer-close {
17
+ top: 4px;
18
+ right: 0;
19
+ }
20
+ .full-screen {
21
+ top: 4px;
22
+ right: 42px;
23
+ }
24
+ .ant-drawer-extra {
25
+ display: none;
26
+ }
27
+ }
28
+ }
29
+ .ant-drawer-header {
30
+ display: flex;
31
+ align-items: center;
32
+ flex: 0 auto;
33
+ flex-shrink: 0;
34
+ height: 44px;
35
+ padding: 0 15px;
36
+ border-bottom: 1px solid @--border-color-secondary;
37
+ .ant-drawer-title {
38
+ display: flex;
39
+ align-items: center;
40
+ }
41
+ .ant-drawer-close {
42
+ position: absolute;
43
+ right: -8px;
44
+ padding: @--padding-md @--padding-md @--padding-md 5px;
45
+ }
46
+ .full-screen {
47
+ display: inline-block;
48
+ text-align: center;
49
+ text-transform: none;
50
+ text-decoration: none;
51
+ background: transparent;
52
+ border: 0;
53
+ outline: 0;
54
+ position: absolute;
55
+ right: 34px;
56
+ padding: @--padding-md 5px @--padding-md @--padding-md;
57
+ color: @--text-color-placeholder;
58
+ line-height: 1;
59
+ font-size: @--font-size-lg;
60
+ transition: all 0.3s ease;
61
+ cursor: pointer;
62
+ &:hover {
63
+ color: @--text-color;
64
+ }
65
+ }
66
+ }
67
+ .ant-drawer-body {
68
+ padding: @--padding-md;
69
+ }
70
+ .spinning {
71
+ position: absolute;
72
+ top: 44px;
73
+ left: 0;
74
+ right: 0;
75
+ bottom: 0;
76
+ display: flex;
77
+ flex-direction: column;
78
+ justify-content: center;
79
+ align-items: center;
80
+ background-color: rgba(255, 255, 255, 0.65);
81
+ z-index: 9999;
82
+ .ant-spin-text {
83
+ margin-top: 4px;
84
+ }
85
+ }
86
+ // ------ size ------
87
+ // 52 48 44
88
+ &--lg {
89
+ .ant-drawer-header {
90
+ height: 48px;
91
+ }
92
+ .spinning {
93
+ top: 48px;
94
+ }
95
+ }
96
+ &--sm {
97
+ .ant-drawer-header {
98
+ height: 40px;
99
+ }
100
+ .spinning {
101
+ top: 40px;
102
+ }
103
+ }
104
+ }