@zgfe/modules-settings 2.0.0-zhongyuan.2 → 2.0.0-zhongyuan.21

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,363 +1,363 @@
1
- @import './../../../constants/icons/iconfont.css';
2
-
3
- .company-user {
4
- height: 100%;
5
- max-height: 100%;
6
- padding: 0;
7
- overflow: auto;
8
- color: #2f3f57;
9
- font-size: 14px;
10
-
11
- .company-setting-user {
12
- padding: 0;
13
- }
14
-
15
- .invite {
16
- & > p {
17
- margin-bottom: 10px;
18
- }
19
-
20
- .invite-list {
21
- display: flex;
22
- align-items: center;
23
- justify-content: space-between;
24
- margin-top: 24px;
25
-
26
- div {
27
- color: var(--io-n, #021429);
28
- font-weight: 500;
29
- font-size: 16px;
30
- font-family: PingFang SC;
31
- font-style: normal;
32
- line-height: 24px;
33
- }
34
- }
35
- }
36
-
37
- .user-list-head {
38
- margin-bottom: 5px;
39
- }
40
-
41
- .invite-control {
42
- position: relative;
43
- display: flex;
44
- gap: 24px;
45
- align-items: center;
46
- justify-content: flex-start;
47
- margin-top: 8px;
48
-
49
- .biz-select-handle-input {
50
- width: 248px;
51
- }
52
-
53
- .ant-input {
54
- width: 248px;
55
- border: 1px solid #fafafb;
56
-
57
- &:focus {
58
- border-color: @primary-color !important;
59
- }
60
- }
61
-
62
- .ant-select-selector {
63
- border-color: @background-color-base !important;
64
- }
65
-
66
- > div {
67
- display: flex;
68
- gap: 12px;
69
- align-items: center;
70
-
71
- > span {
72
- color: var(--3, #5f6085);
73
- font-weight: 400;
74
- font-size: 14px;
75
- font-family: PingFang SC;
76
- font-style: normal;
77
- line-height: normal;
78
- text-align: right;
79
- }
80
- }
81
-
82
- .invite-list-panel {
83
- position: absolute;
84
- top: 35px;
85
- z-index: 99999;
86
- width: 400px;
87
- max-height: 400px;
88
- overflow: auto;
89
- background: #fff;
90
- border: 1px solid #dadada;
91
- border-radius: 3px;
92
-
93
- li {
94
- padding: 10px;
95
-
96
- &:hover {
97
- color: #0ea1eb;
98
- cursor: pointer;
99
- }
100
- }
101
-
102
- li.noData {
103
- height: 150px;
104
- line-height: 100px;
105
- text-align: center;
106
- }
107
- }
108
-
109
- .c-button {
110
- margin-left: 20px;
111
- padding: 0 2.4em;
112
- }
113
-
114
- .c-input {
115
- border-radius: 3px 0 0 3px;
116
- }
117
-
118
- .c-active {
119
- border-color: #d1d1d1;
120
- }
121
-
122
- .c-select {
123
- .c-placeholder {
124
- color: #bcbec2;
125
- }
126
-
127
- .c-select-handle {
128
- border-left: none;
129
- border-radius: 0 3px 3px 0;
130
- }
131
- }
132
- }
133
-
134
- .user-list {
135
- min-height: 500px;
136
- margin-top: 16px;
137
-
138
- .member-filter {
139
- float: right;
140
- margin-bottom: 10px;
141
- margin-left: 10px;
142
- }
143
-
144
- .super-admin {
145
- color: #f5bf4d;
146
- font-size: 12px;
147
- }
148
-
149
- .icon-eye {
150
- color: #75787d;
151
- cursor: pointer;
152
-
153
- &:hover {
154
- color: #0ea1eb;
155
- }
156
- }
157
-
158
- .operate {
159
- display: flex;
160
- justify-content: space-around;
161
- margin: 0 auto;
162
-
163
- .icon-zhongxinfasong {
164
- font-size: 18px;
165
- transform: translateY(-3px);
166
- }
167
-
168
- span {
169
- color: #0ea1eb;
170
- font-size: 16px;
171
- cursor: pointer;
172
-
173
- &:hover {
174
- color: #f55858;
175
- }
176
- }
177
- }
178
-
179
- .c-grid-header .c-grid-header-row .c-grid-header-cell {
180
- text-align: left !important;
181
- border: none;
182
-
183
- &:last-child {
184
- text-align: center !important;
185
- }
186
- }
187
-
188
- .c-grid-body {
189
- .c-grid-cell {
190
- text-align: left !important;
191
- border: none;
192
- border-top: 1px solid #d1d1d1;
193
- }
194
- }
195
-
196
- .c-pagination .c-select:first-of-type {
197
- display: none;
198
- }
199
- }
200
-
201
- .over-hand {
202
- position: relative;
203
- bottom: 18px;
204
- display: flex;
205
- align-items: center;
206
- width: 300px;
207
- height: 0;
208
-
209
- > span {
210
- margin-right: 12px;
211
- color: var(--3, #5f6085);
212
- font-weight: 400;
213
- font-size: 14px;
214
- font-family: PingFang SC;
215
- font-style: normal;
216
- line-height: normal;
217
- text-align: right;
218
- }
219
-
220
- .biz-select-handle-input {
221
- width: 136px;
222
- }
223
-
224
- .c-select {
225
- width: 136px;
226
- margin-left: 10px;
227
- }
228
- }
229
- }
230
-
231
- .group-auth-list {
232
- height: 532px;
233
-
234
- .auth-config-detail {
235
- max-height: none;
236
- border-bottom: 1px solid #dadada;
237
-
238
- &:last-child {
239
- border: none;
240
- }
241
- }
242
- }
243
-
244
- .popover-group-auth-list {
245
- overflow-y: scroll;
246
- }
247
-
248
- .copy-dialog .foot {
249
- margin-top: 20px;
250
-
251
- a {
252
- margin-left: 0;
253
- }
254
-
255
- & > * {
256
- float: right;
257
- margin-left: 10px;
258
- }
259
- }
260
-
261
- .setting-bizDialog-zh {
262
- display: grid;
263
- gap: 16px;
264
- width: 400px;
265
-
266
- li {
267
- height: 20px;
268
- }
269
-
270
- li:nth-child(3) {
271
- display: flex;
272
- align-items: center;
273
- margin-top: 8px;
274
- color: var(--unnamed, #fd9f41);
275
- line-height: 20px;
276
- }
277
- }
278
-
279
- .user-dialog-content {
280
- .ant-input {
281
- border-color: @background-color-base !important;
282
-
283
- &:focus {
284
- border-color: @primary-color !important;
285
- }
286
- }
287
-
288
- .ant-select-selector {
289
- border-color: @background-color-base !important;
290
- }
291
-
292
- .biz-select-handle-input {
293
- .ant-input {
294
- border-color: @background-color-base !important;
295
-
296
- &:focus {
297
- border-color: @background-color-base !important;
298
- }
299
- }
300
-
301
- &:focus {
302
- border-color: @primary-color !important;
303
- }
304
- }
305
-
306
- .ant-input-status-error {
307
- border: 1px solid #fb5547 !important;
308
-
309
- &:focus {
310
- border-color: #fb5547 !important;
311
- }
312
- }
313
-
314
- .account-status {
315
- .ant-form-item-row {
316
- height: 24px;
317
- }
318
- }
319
-
320
- .ant-select-status-error {
321
- border: none !important;
322
-
323
- &:focus {
324
- box-shadow: 0 0 0 2px rgba(251, 85, 71, 0.2) !important;
325
- }
326
- }
327
-
328
- .biz-select-handle-status-error.active:not(.disable) {
329
- box-shadow: 0 0 0 2px rgba(251, 85, 71, 0.2) !important;
330
- }
331
-
332
- .biz-select-handle-status-error {
333
- .ant-input.ant-input-status-error:focus:not(.ant-input-disable):not(.ant-input-borderless),
334
- .ant-input.ant-input-status-error-focused:not(.ant-input-disable):not(.ant-input-borderless) {
335
- box-shadow: none !important;
336
- }
337
- }
338
-
339
- .ant-form-item:last-of-type {
340
- margin-bottom: 0;
341
- }
342
-
343
- .no-rules-label {
344
- margin-bottom: 20px;
345
-
346
- .ant-form-item-label {
347
- width: 50px !important;
348
- }
349
- }
350
-
351
- color: #5f6085;
352
- }
353
-
354
- .moveUser-bizDialog {
355
- .moveUserTip {
356
- margin: 0px 0px 24px;
357
- padding: 6px;
358
- color: #021429;
359
- background-color: #e6f7ff;
360
- border: 1px solid #91d5ff;
361
- border-radius: 3px;
362
- }
363
- }
1
+ @import './../../../constants/icons/iconfont.css';
2
+
3
+ .company-user {
4
+ height: 100%;
5
+ max-height: 100%;
6
+ padding: 0;
7
+ overflow: auto;
8
+ color: #2f3f57;
9
+ font-size: 14px;
10
+
11
+ .company-setting-user {
12
+ padding: 0;
13
+ }
14
+
15
+ .invite {
16
+ & > p {
17
+ margin-bottom: 10px;
18
+ }
19
+
20
+ .invite-list {
21
+ display: flex;
22
+ align-items: center;
23
+ justify-content: space-between;
24
+ margin-top: 24px;
25
+
26
+ div {
27
+ color: var(--io-n, #021429);
28
+ font-weight: 500;
29
+ font-size: 16px;
30
+ font-family: PingFang SC;
31
+ font-style: normal;
32
+ line-height: 24px;
33
+ }
34
+ }
35
+ }
36
+
37
+ .user-list-head {
38
+ margin-bottom: 5px;
39
+ }
40
+
41
+ .invite-control {
42
+ position: relative;
43
+ display: flex;
44
+ gap: 24px;
45
+ align-items: center;
46
+ justify-content: flex-start;
47
+ margin-top: 8px;
48
+
49
+ .biz-select-handle-input {
50
+ width: 248px;
51
+ }
52
+
53
+ .ant-input {
54
+ width: 248px;
55
+ border: 1px solid #fafafb;
56
+
57
+ &:focus {
58
+ border-color: @primary-color !important;
59
+ }
60
+ }
61
+
62
+ .ant-select-selector {
63
+ border-color: @background-color-base !important;
64
+ }
65
+
66
+ > div {
67
+ display: flex;
68
+ gap: 12px;
69
+ align-items: center;
70
+
71
+ > span {
72
+ color: var(--3, #5f6085);
73
+ font-weight: 400;
74
+ font-size: 14px;
75
+ font-family: PingFang SC;
76
+ font-style: normal;
77
+ line-height: normal;
78
+ text-align: right;
79
+ }
80
+ }
81
+
82
+ .invite-list-panel {
83
+ position: absolute;
84
+ top: 35px;
85
+ z-index: 99999;
86
+ width: 400px;
87
+ max-height: 400px;
88
+ overflow: auto;
89
+ background: #fff;
90
+ border: 1px solid #dadada;
91
+ border-radius: 3px;
92
+
93
+ li {
94
+ padding: 10px;
95
+
96
+ &:hover {
97
+ color: #0ea1eb;
98
+ cursor: pointer;
99
+ }
100
+ }
101
+
102
+ li.noData {
103
+ height: 150px;
104
+ line-height: 100px;
105
+ text-align: center;
106
+ }
107
+ }
108
+
109
+ .c-button {
110
+ margin-left: 20px;
111
+ padding: 0 2.4em;
112
+ }
113
+
114
+ .c-input {
115
+ border-radius: 3px 0 0 3px;
116
+ }
117
+
118
+ .c-active {
119
+ border-color: #d1d1d1;
120
+ }
121
+
122
+ .c-select {
123
+ .c-placeholder {
124
+ color: #bcbec2;
125
+ }
126
+
127
+ .c-select-handle {
128
+ border-left: none;
129
+ border-radius: 0 3px 3px 0;
130
+ }
131
+ }
132
+ }
133
+
134
+ .user-list {
135
+ min-height: 500px;
136
+ margin-top: 16px;
137
+
138
+ .member-filter {
139
+ float: right;
140
+ margin-bottom: 10px;
141
+ margin-left: 10px;
142
+ }
143
+
144
+ .super-admin {
145
+ color: #f5bf4d;
146
+ font-size: 12px;
147
+ }
148
+
149
+ .icon-eye {
150
+ color: #75787d;
151
+ cursor: pointer;
152
+
153
+ &:hover {
154
+ color: #0ea1eb;
155
+ }
156
+ }
157
+
158
+ .operate {
159
+ display: flex;
160
+ justify-content: space-around;
161
+ margin: 0 auto;
162
+
163
+ .icon-zhongxinfasong {
164
+ font-size: 18px;
165
+ transform: translateY(-3px);
166
+ }
167
+
168
+ span {
169
+ color: #0ea1eb;
170
+ font-size: 16px;
171
+ cursor: pointer;
172
+
173
+ &:hover {
174
+ color: #f55858;
175
+ }
176
+ }
177
+ }
178
+
179
+ .c-grid-header .c-grid-header-row .c-grid-header-cell {
180
+ text-align: left !important;
181
+ border: none;
182
+
183
+ &:last-child {
184
+ text-align: center !important;
185
+ }
186
+ }
187
+
188
+ .c-grid-body {
189
+ .c-grid-cell {
190
+ text-align: left !important;
191
+ border: none;
192
+ border-top: 1px solid #d1d1d1;
193
+ }
194
+ }
195
+
196
+ .c-pagination .c-select:first-of-type {
197
+ display: none;
198
+ }
199
+ }
200
+
201
+ .over-hand {
202
+ position: relative;
203
+ bottom: 18px;
204
+ display: flex;
205
+ align-items: center;
206
+ width: 300px;
207
+ height: 0;
208
+
209
+ > span {
210
+ margin-right: 12px;
211
+ color: var(--3, #5f6085);
212
+ font-weight: 400;
213
+ font-size: 14px;
214
+ font-family: PingFang SC;
215
+ font-style: normal;
216
+ line-height: normal;
217
+ text-align: right;
218
+ }
219
+
220
+ .biz-select-handle-input {
221
+ width: 136px;
222
+ }
223
+
224
+ .c-select {
225
+ width: 136px;
226
+ margin-left: 10px;
227
+ }
228
+ }
229
+ }
230
+
231
+ .group-auth-list {
232
+ height: 532px;
233
+
234
+ .auth-config-detail {
235
+ max-height: none;
236
+ border-bottom: 1px solid #dadada;
237
+
238
+ &:last-child {
239
+ border: none;
240
+ }
241
+ }
242
+ }
243
+
244
+ .popover-group-auth-list {
245
+ overflow-y: scroll;
246
+ }
247
+
248
+ .copy-dialog .foot {
249
+ margin-top: 20px;
250
+
251
+ a {
252
+ margin-left: 0;
253
+ }
254
+
255
+ & > * {
256
+ float: right;
257
+ margin-left: 10px;
258
+ }
259
+ }
260
+
261
+ .setting-bizDialog-zh {
262
+ display: grid;
263
+ gap: 16px;
264
+ width: 400px;
265
+
266
+ li {
267
+ height: 20px;
268
+ }
269
+
270
+ li:nth-child(3) {
271
+ display: flex;
272
+ align-items: center;
273
+ margin-top: 8px;
274
+ color: var(--unnamed, #fd9f41);
275
+ line-height: 20px;
276
+ }
277
+ }
278
+
279
+ .user-dialog-content {
280
+ .ant-input {
281
+ border-color: @background-color-base !important;
282
+
283
+ &:focus {
284
+ border-color: @primary-color !important;
285
+ }
286
+ }
287
+
288
+ .ant-select-selector {
289
+ border-color: @background-color-base !important;
290
+ }
291
+
292
+ .biz-select-handle-input {
293
+ .ant-input {
294
+ border-color: @background-color-base !important;
295
+
296
+ &:focus {
297
+ border-color: @background-color-base !important;
298
+ }
299
+ }
300
+
301
+ &:focus {
302
+ border-color: @primary-color !important;
303
+ }
304
+ }
305
+
306
+ .ant-input-status-error {
307
+ border: 1px solid #fb5547 !important;
308
+
309
+ &:focus {
310
+ border-color: #fb5547 !important;
311
+ }
312
+ }
313
+
314
+ .account-status {
315
+ .ant-form-item-row {
316
+ height: 24px;
317
+ }
318
+ }
319
+
320
+ .ant-select-status-error {
321
+ border: none !important;
322
+
323
+ &:focus {
324
+ box-shadow: 0 0 0 2px rgba(251, 85, 71, 0.2) !important;
325
+ }
326
+ }
327
+
328
+ .biz-select-handle-status-error.active:not(.disable) {
329
+ box-shadow: 0 0 0 2px rgba(251, 85, 71, 0.2) !important;
330
+ }
331
+
332
+ .biz-select-handle-status-error {
333
+ .ant-input.ant-input-status-error:focus:not(.ant-input-disable):not(.ant-input-borderless),
334
+ .ant-input.ant-input-status-error-focused:not(.ant-input-disable):not(.ant-input-borderless) {
335
+ box-shadow: none !important;
336
+ }
337
+ }
338
+
339
+ .ant-form-item:last-of-type {
340
+ margin-bottom: 0;
341
+ }
342
+
343
+ .no-rules-label {
344
+ margin-bottom: 20px;
345
+
346
+ .ant-form-item-label {
347
+ width: 50px !important;
348
+ }
349
+ }
350
+
351
+ color: #5f6085;
352
+ }
353
+
354
+ .moveUser-bizDialog {
355
+ .moveUserTip {
356
+ margin: 0px 0px 24px;
357
+ padding: 6px;
358
+ color: #021429;
359
+ background-color: #e6f7ff;
360
+ border: 1px solid #91d5ff;
361
+ border-radius: 3px;
362
+ }
363
+ }