@vortex-ui/env-puzzle 2.0.0-beta.7 → 2.0.0-beta.9

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 (45) hide show
  1. package/README.md +46 -46
  2. package/lib/b-map/js/marker-clusterer.js +181 -181
  3. package/lib/b-map/js/marker-clusterer.js.map +1 -1
  4. package/lib/b-map/style/index.less +10 -10
  5. package/lib/create-modal/create-modal.js +1 -1
  6. package/lib/create-modal/create-modal.js.map +1 -1
  7. package/lib/create-modal/style/index.less +119 -122
  8. package/lib/global.less +6 -11
  9. package/lib/import-modal/style/index.less +15 -15
  10. package/lib/percent/style/index.less +41 -41
  11. package/lib/scroll/style/index.less +3 -3
  12. package/lib/scroll-select/style/index.less +7 -7
  13. package/lib/style/color.less +1 -1
  14. package/lib/style/darkGreen.css +88 -0
  15. package/lib/style/darkGreen.less +482 -370
  16. package/lib/template/action.js.map +1 -1
  17. package/lib/template/filter.d.ts +1 -0
  18. package/lib/template/filter.js +10 -7
  19. package/lib/template/filter.js.map +1 -1
  20. package/lib/template/renderColumnButtons.js +2 -2
  21. package/lib/template/renderColumnButtons.js.map +1 -1
  22. package/lib/template/style/action.less +71 -71
  23. package/lib/template/style/card.less +88 -88
  24. package/lib/template/style/check-row.less +27 -27
  25. package/lib/template/style/field.less +11 -11
  26. package/lib/template/style/filter.css +29 -0
  27. package/lib/template/style/filter.less +72 -46
  28. package/lib/template/style/icon.less +7 -7
  29. package/lib/template/style/index.css +31 -2
  30. package/lib/template/style/index.less +49 -49
  31. package/lib/template/style/table.css +2 -2
  32. package/lib/template/style/table.less +91 -84
  33. package/lib/template/table.js +6 -2
  34. package/lib/template/table.js.map +1 -1
  35. package/lib/template/template.d.ts +1 -1
  36. package/lib/template/template.js +73 -27
  37. package/lib/template/template.js.map +1 -1
  38. package/lib/template/vtx-search/index.d.ts +2 -0
  39. package/lib/template/vtx-search/index.js +126 -0
  40. package/lib/template/vtx-search/index.js.map +1 -0
  41. package/lib/template/vtx-search/style/index.css +92 -0
  42. package/lib/template/vtx-search/style/index.less +92 -0
  43. package/lib/to-map/style/index.less +86 -86
  44. package/lib/view-modal/style/index.less +57 -57
  45. package/package.json +143 -143
package/lib/style/darkGreen.less CHANGED
@@ -1,370 +1,482 @@
1
- @border-color: #e5e9f2;
2
- @normal-item-bg-color: #f2f2f2;
3
- @bg-color: #fff;
4
- @middle-font-color: #666;
5
- @table-header-bg: #f7f8fa;
6
- @text-color: #333;
7
- .darkGreenFormItem {
8
- .ant-modal-body {
9
- padding: 0;
10
- position: relative;
11
- &::after {
12
- content: '';
13
- position: absolute;
14
- right: 0;
15
- top: 0;
16
- bottom: 0;
17
- width: 1px;
18
- background: @border-color;
19
- }
20
- .vtx-form-layout {
21
- > .vtx-form-layout {
22
- border: none;
23
- }
24
- > .vtx-form-pane:nth-child(1) {
25
- border-top: 1px solid @border-color;
26
- .vtx-form-pane-title {
27
- padding-top: 16px;
28
- }
29
- }
30
- position: relative;
31
- padding: 0;
32
- border-left: 1px solid @border-color;
33
- border-bottom: 1px solid @border-color;
34
- .vtx-form-item-col {
35
- position: relative;
36
- z-index: 9;
37
- margin-bottom: 0;
38
- //border-bottom: 1px solid @border-color;
39
- border-right: 1px solid @border-color;
40
- border-top: 1px solid @border-color;
41
- min-height: 60px;
42
- }
43
- .ant-col-8,
44
- .ant-col-12,
45
- .ant-col-24 {
46
- &.vtx-form-item-col {
47
- border-bottom: 1px solid @border-color;
48
- margin-bottom: -1px;
49
- }
50
- }
51
- .vtx-form-card {
52
- border: none;
53
- }
54
- .vtx-form-pane {
55
- .ant-divider {
56
- height: 0;
57
- border: none;
58
- }
59
- }
60
- .vtx-form-pane-content {
61
- //border-left: 1px solid @border-color;
62
- }
63
- .ant-card:not(:nth-last-child(1)) {
64
- .vtx-form-card-content {
65
- border-bottom: 1px solid @border-color;
66
- }
67
- }
68
- .vtx-form-card-content {
69
- padding: 20px 0 0 0;
70
- }
71
- .ant-card.vtx-form-card {
72
- border-bottom: none;
73
- }
74
- .ant-tabs-tabpane {
75
- .ant-divider {
76
- height: 0;
77
- border: none;
78
- }
79
- }
80
- .ant-card-head {
81
- background: @normal-item-bg-color;
82
- .ant-card-head-title {
83
- font-weight: normal;
84
- color: @text-color;
85
- }
86
- .ant-card-extra {
87
- span {
88
- color: @middle-font-color;
89
- }
90
- }
91
- }
92
- }
93
- .ant-form-item {
94
- height: 100%;
95
- margin-bottom: 0 !important;
96
- margin-right: 0;
97
- .ant-form-item-row {
98
- height: 100%;
99
- align-items: center;
100
- }
101
- .ant-form-item-control {
102
- height: 100%;
103
- background: @bg-color;
104
- > *:only-child {
105
- height: 100%;
106
- }
107
- .ant-form-item-control-input {
108
- height: 100%;
109
- }
110
- .ant-form-item-explain {
111
- position: absolute;
112
- bottom: 0;
113
- left: 5px;
114
- right: 0;
115
- }
116
- }
117
- .ant-form-item-label {
118
- background: @normal-item-bg-color;
119
- height: 100%;
120
- min-height: 58px;
121
- display: flex;
122
- align-items: center;
123
- justify-content: flex-end;
124
- }
125
- // 各个表单样式控制
126
- .ant-form-item-control-input-content {
127
- > *:nth-child(1):not(.ant-select):not(.vtx-multi-select):not(.vtx-select):not(.vtx-input-textarea):not(.env-tree-select) {
128
- padding-left: 10px;
129
- }
130
- > .ant-select-disabled {
131
- height: calc(~'100% + 2px');
132
- position: relative;
133
- // top: -1px;
134
- .ant-select-selector {
135
- border-radius: 0;
136
- }
137
- }
138
- padding-top: 1px;
139
- padding-bottom: 1px;
140
- height: 100%;
141
- display: flex;
142
- align-items: center;
143
- input,
144
- textarea {
145
- height: 100% !important;
146
- border: none;
147
- }
148
- }
149
- .ant-checkbox,
150
- .ant-radio {
151
- input {
152
- display: none;
153
- }
154
- }
155
- .vtx-multi-select {
156
- height: 100%;
157
- .ant-select {
158
- height: 100%;
159
- .ant-select-selector {
160
- height: 100%;
161
- }
162
- }
163
- .ant-select-selector {
164
- border: none;
165
- border-right: 1px solid @border-color;
166
- }
167
- .ant-btn {
168
- height: 100%;
169
- border: none;
170
- }
171
- }
172
- .vtx-input-textarea {
173
- width: 100%;
174
- height: 100%;
175
- }
176
- input {
177
- padding-left: 0;
178
- min-height: 56px;
179
- }
180
- textarea,
181
- .ant-input-number-disabled,
182
- .ant-input-affix-wrapper,
183
- .env-tree-select,
184
- .ant-select,
185
- .ant-input-number,
186
- .ant-picker {
187
- height: 100%;
188
- border: none;
189
- .ant-input-number-input-wrap {
190
- height: 100%;
191
- }
192
- }
193
- .ant-select {
194
- display: flex;
195
- align-items: center;
196
- .ant-select-selector {
197
- //height: calc(~'100% - 1px');
198
- height: 100%;
199
- width: 100%;
200
- border: none;
201
- input {
202
- height: 100%;
203
- overflow: visible;
204
- }
205
- }
206
- .ant-select-selection-placeholder,
207
- .ant-select-selection-item {
208
- height: 100%;
209
- display: flex;
210
- align-items: center;
211
- }
212
- }
213
- .ant-upload-picture-card-wrapper {
214
- padding-top: 10px;
215
- }
216
- .ant-select-focused,
217
- .ant-input-number-focused,
218
- .ant-input-affix-wrapper {
219
- outline: none;
220
- position: relative;
221
- z-index: 199;
222
- width: calc(~'100% - 1px');
223
- // height: calc(~'100% - 1px');
224
- }
225
- input:focus,
226
- textarea:focus {
227
- outline: none;
228
- position: relative;
229
- z-index: 199;
230
- width: calc(~'100% - 1px');
231
- // height: calc(~'100% - 1px');
232
- }
233
- }
234
- .ant-row {
235
- width: 100%;
236
- }
237
- .vtx-form-pane-title {
238
- padding-left: 24px;
239
- margin-bottom: 0;
240
- padding-bottom: 24px;
241
- border-right: 1px solid @border-color;
242
- }
243
- .ant-col:not(.ant-col-8):not(.ant-col-12):not(.ant-col-24):not(.ant-col-4) {
244
- &.ant-form-item-label {
245
- width: 150px;
246
- }
247
- }
248
- .text-node {
249
- box-sizing: border-box;
250
- padding-left: 10px;
251
- }
252
- .ant-col:not(:nth-child(1)) {
253
- .ant-row {
254
- .ant-col.vtx-form-item-col {
255
- border-top: none;
256
- }
257
- }
258
- }
259
- .ant-form-item-with-help {
260
- margin-bottom: 0 !important;
261
- }
262
- //.ant-col{
263
- // max-height: 62px ;
264
- // overflow: hidden;
265
- //}
266
- }
267
- .ant-tabs-nav-wrap {
268
- background: @table-header-bg;
269
- height: 42px;
270
- .ant-tabs-tab-active {
271
- background: #fff;
272
- }
273
- .ant-tabs-tab {
274
- height: 42px;
275
- padding-left: 18px !important;
276
- padding-right: 18px !important;
277
- margin-left: 0;
278
- }
279
- .ant-tabs-ink-bar.ant-tabs-ink-bar-animated {
280
- top: 0;
281
- }
282
- }
283
- }
284
-
285
- .darkGreen {
286
- .env-create-modal {
287
- .darkGreenFormItem();
288
- }
289
- .env-view-modal {
290
- .ant-modal-body {
291
- > .ant-row {
292
- position: relative;
293
- padding: 0;
294
- .left-border {
295
- position: absolute;
296
- left: 0;
297
- top: 0;
298
- bottom: 0;
299
- width: 1px;
300
- background: @border-color;
301
- }
302
- .right-border {
303
- position: absolute;
304
- right: 0;
305
- top: 0;
306
- bottom: 0;
307
- width: 1px;
308
- background: @border-color;
309
- }
310
- .top-border {
311
- position: absolute;
312
- right: 0;
313
- left: 0;
314
- top: 0;
315
- height: 1px;
316
- background: @border-color;
317
- }
318
- .bottom-border {
319
- position: absolute;
320
- right: 0;
321
- left: 0;
322
- bottom: 0;
323
- height: 1px;
324
- background: @border-color;
325
- }
326
- }
327
- }
328
- .env-view-modal-col {
329
- position: relative;
330
- background: #fff;
331
- z-index: 9;
332
- border-top: 1px solid @border-color;
333
- border-bottom: 1px solid @border-color;
334
- border-right: 1px solid @border-color;
335
- margin-bottom: -1px;
336
- }
337
- .env-view-modal-col-label {
338
- box-sizing: border-box;
339
- padding-left: 0;
340
- text-align: right;
341
- flex-basis: 100px;
342
- flex-shrink: 0;
343
- width: 100px;
344
- overflow: hidden;
345
- text-overflow: ellipsis;
346
- white-space: nowrap;
347
- background: @normal-item-bg-color;
348
- height: 100%;
349
- min-height: 58px;
350
- display: flex;
351
- align-items: center;
352
- justify-content: flex-end;
353
- }
354
- .env-view-modal-col-value {
355
- padding-left: 10px;
356
- display: flex;
357
- align-items: center;
358
-
359
- .ant-upload-picture-card-wrapper{
360
- padding-top: 10px;
361
- }
362
- }
363
- .ant-divider-horizontal {
364
- display: none;
365
- }
366
- }
367
- .ant-upload-list-picture-card {
368
- min-height: 112px;
369
- }
370
- }
1
+ @border-color: #e5e9f2;
2
+ @normal-item-bg-color: #f2f2f2;
3
+ @bg-color: #fff;
4
+ @middle-font-color: #666;
5
+ @table-header-bg: #f7f8fa;
6
+ @text-color: #333;
7
+ @middle-font-color: #666;
8
+
9
+ .darkGreenFormItem {
10
+ .ant-modal-body {
11
+ padding: 0;
12
+ position: relative;
13
+ &::after {
14
+ content: '';
15
+ position: absolute;
16
+ right: 0;
17
+ top: 0;
18
+ bottom: 0;
19
+ width: 1px;
20
+ background: @border-color;
21
+ }
22
+ .vtx-form-layout {
23
+ > .vtx-form-layout {
24
+ border: none;
25
+ }
26
+
27
+ > .vtx-form-pane:nth-child(1) {
28
+ border-top: 1px solid @border-color;
29
+ .vtx-form-pane-title {
30
+ padding-top: 16px;
31
+ }
32
+ }
33
+ position: relative;
34
+ padding: 0;
35
+ border-left: 1px solid @border-color;
36
+ border-bottom: 1px solid @border-color;
37
+ .vtx-form-item-col {
38
+ position: relative;
39
+ z-index: 9;
40
+ margin-bottom: 0;
41
+ //border-bottom: 1px solid @border-color;
42
+ border-right: 1px solid @border-color;
43
+ border-top: 1px solid @border-color;
44
+ min-height: 60px;
45
+ }
46
+ .ant-col-8,
47
+ .ant-col-12,
48
+ .ant-col-24 {
49
+ &.vtx-form-item-col {
50
+ border-bottom: 1px solid @border-color;
51
+ margin-bottom: -1px;
52
+ }
53
+ }
54
+ .vtx-form-card {
55
+ border: none;
56
+ }
57
+ .vtx-form-pane {
58
+ .ant-divider {
59
+ height: 0;
60
+ border: none;
61
+ }
62
+ }
63
+ .vtx-form-pane-content {
64
+ //border-left: 1px solid @border-color;
65
+ }
66
+ .ant-card:not(:nth-last-child(1)) {
67
+ .vtx-form-card-content {
68
+ border-bottom: 1px solid @border-color;
69
+ }
70
+ }
71
+ .vtx-form-card-content {
72
+ padding: 20px 0 0 0;
73
+ }
74
+ .ant-card.vtx-form-card {
75
+ border-bottom: none;
76
+ }
77
+ .ant-tabs-tabpane {
78
+ .ant-divider {
79
+ height: 0;
80
+ border: none;
81
+ }
82
+ }
83
+ .ant-card-head {
84
+ background: @normal-item-bg-color;
85
+ .ant-card-head-title {
86
+ font-weight: normal;
87
+ color: @text-color;
88
+ }
89
+ .ant-card-extra {
90
+ span {
91
+ color: @middle-font-color;
92
+ }
93
+ }
94
+ }
95
+ }
96
+ .ant-form-item {
97
+ height: 100%;
98
+ margin-bottom: 0 !important;
99
+ margin-right: 0;
100
+ .ant-form-item-row {
101
+ height: 100%;
102
+ align-items: center;
103
+ }
104
+ .ant-form-item-control {
105
+ height: 100%;
106
+ background: @bg-color;
107
+
108
+ > *:only-child {
109
+ height: 100%;
110
+ }
111
+ .ant-form-item-control-input {
112
+ height: 100%;
113
+ }
114
+ .ant-form-item-explain {
115
+ position: absolute;
116
+ bottom: 0;
117
+ left: 5px;
118
+ right: 0;
119
+ }
120
+ }
121
+ .ant-form-item-label {
122
+ background: @normal-item-bg-color;
123
+ height: 100%;
124
+ min-height: 58px;
125
+ display: flex;
126
+ align-items: center;
127
+ justify-content: flex-end;
128
+ }
129
+ // 各个表单样式控制
130
+ .ant-form-item-control-input-content {
131
+ > *:nth-child(1):not(.ant-select):not(.vtx-multi-select):not(.vtx-select):not(.vtx-input-textarea):not(.env-tree-select) {
132
+ padding-left: 10px;
133
+ }
134
+ > .ant-select-disabled {
135
+ height: calc(~'100% + 2px');
136
+ position: relative;
137
+ // top: -1px;
138
+ .ant-select-selector {
139
+ border-radius: 0;
140
+ }
141
+ }
142
+ padding-top: 1px;
143
+ padding-bottom: 1px;
144
+ height: 100%;
145
+ display: flex;
146
+ align-items: center;
147
+ input,
148
+ textarea {
149
+ height: 100% !important;
150
+ border: none;
151
+ }
152
+ }
153
+ .ant-checkbox,
154
+ .ant-radio {
155
+ input {
156
+ display: none;
157
+ }
158
+ }
159
+ .vtx-multi-select {
160
+ height: 100%;
161
+ .ant-select {
162
+ height: 100%;
163
+ .ant-select-selector {
164
+ height: 100%;
165
+ }
166
+ }
167
+ .ant-select-selector {
168
+ border: none;
169
+ border-right: 1px solid @border-color;
170
+ }
171
+ .ant-btn {
172
+ height: 100%;
173
+ border: none;
174
+ }
175
+ }
176
+ .vtx-input-textarea {
177
+ width: 100%;
178
+ height: 100%;
179
+ }
180
+ input {
181
+ padding-left: 0;
182
+ min-height: 56px;
183
+ }
184
+ textarea,
185
+ .ant-input-number-disabled,
186
+ .ant-input-affix-wrapper,
187
+ .env-tree-select,
188
+ .ant-select,
189
+ .ant-input-number,
190
+ .ant-picker {
191
+ height: 100%;
192
+ border: none;
193
+ .ant-input-number-input-wrap {
194
+ height: 100%;
195
+ }
196
+ }
197
+ .ant-select {
198
+ display: flex;
199
+ align-items: center;
200
+ .ant-select-selector {
201
+ //height: calc(~'100% - 1px');
202
+ height: 100%;
203
+ width: 100%;
204
+ border: none;
205
+ input {
206
+ height: 100%;
207
+ overflow: visible;
208
+ }
209
+ }
210
+ .ant-select-selection-placeholder,
211
+ .ant-select-selection-item {
212
+ height: 100%;
213
+ display: flex;
214
+ align-items: center;
215
+ }
216
+ }
217
+ .ant-upload-picture-card-wrapper {
218
+ padding-top: 10px;
219
+ }
220
+
221
+ .ant-select-focused,
222
+ .ant-input-number-focused,
223
+ .ant-input-affix-wrapper {
224
+ outline: none;
225
+ position: relative;
226
+ z-index: 199;
227
+ width: calc(~'100% - 1px');
228
+ // height: calc(~'100% - 1px');
229
+ }
230
+ input:focus,
231
+ textarea:focus {
232
+ outline: none;
233
+ position: relative;
234
+ z-index: 199;
235
+ width: calc(~'100% - 1px');
236
+ // height: calc(~'100% - 1px');
237
+ }
238
+ }
239
+ .ant-row {
240
+ width: 100%;
241
+ }
242
+ .vtx-form-pane-title {
243
+ padding-left: 24px;
244
+ margin-bottom: 0;
245
+ padding-bottom: 24px;
246
+ border-right: 1px solid @border-color;
247
+ }
248
+ .ant-col:not(.ant-col-8):not(.ant-col-12):not(.ant-col-24):not(.ant-col-4) {
249
+ &.ant-form-item-label {
250
+ width: 150px;
251
+ }
252
+ }
253
+ .text-node {
254
+ box-sizing: border-box;
255
+ padding-left: 10px;
256
+ }
257
+ .ant-col:not(:nth-child(1)) {
258
+ .ant-row {
259
+ .ant-col.vtx-form-item-col {
260
+ border-top: none;
261
+ }
262
+ }
263
+ }
264
+ .ant-form-item-with-help {
265
+ margin-bottom: 0 !important;
266
+ }
267
+ //.ant-col{
268
+ // max-height: 62px ;
269
+ // overflow: hidden;
270
+ //}
271
+ }
272
+ .ant-tabs-nav-wrap {
273
+ background: @table-header-bg;
274
+ height: 42px;
275
+ .ant-tabs-tab-active {
276
+ background: #fff;
277
+ }
278
+ .ant-tabs-tab {
279
+ height: 42px;
280
+ padding-left: 18px !important;
281
+ padding-right: 18px !important;
282
+ margin-left: 0;
283
+ }
284
+ .ant-tabs-ink-bar.ant-tabs-ink-bar-animated {
285
+ top: 0;
286
+ }
287
+ }
288
+ }
289
+
290
+ .darkGreen {
291
+ .ant-table {
292
+ .ant-table-tbody {
293
+ > tr {
294
+ > .ant-table-cell {
295
+ color: @text-color !important;
296
+ }
297
+ }
298
+ }
299
+ }
300
+ .env-template {
301
+ background-color: #fff;
302
+ .vtx-page--table {
303
+ background-color: #fff;
304
+ }
305
+ .vtx-datagrid-toolbar {
306
+ display: none;
307
+ }
308
+ .env-template-action {
309
+ position: relative;
310
+ display: inline-block;
311
+ box-sizing: border-box;
312
+ height: 48px;
313
+ padding-top: 8px;
314
+ padding-bottom: 8px;
315
+ padding-right: 8px;
316
+ line-height: 1.5715;
317
+ vertical-align: top;
318
+ }
319
+ .vtx-datagrid-fit .ant-table-pagination {
320
+ bottom: 10px;
321
+ }
322
+ .ant-table-pagination {
323
+ margin: 12px 0;
324
+ &.ant-pagination {
325
+ &.ant-pagination-mini {
326
+ .ant-pagination-item {
327
+ min-width: 32px;
328
+ height: 32px;
329
+ margin: 0;
330
+ line-height: 30px;
331
+ background: #f0f1f4;
332
+ border-color: #f0f1f4;
333
+ margin-left: 6px;
334
+ }
335
+ .ant-pagination-total-text {
336
+ height: 32px;
337
+ line-height: 32px;
338
+ }
339
+ .ant-pagination-simple-pager {
340
+ height: 32px;
341
+ line-height: 32px;
342
+ }
343
+ .ant-pagination-prev {
344
+ min-width: 32px;
345
+ height: 32px;
346
+ margin: 0;
347
+ line-height: 32px;
348
+ .ant-pagination-item-link {
349
+ background: #f0f1f4;
350
+ border-color: #f0f1f4;
351
+ }
352
+ }
353
+ .ant-pagination-next {
354
+ min-width: 32px;
355
+ height: 32px;
356
+ margin: 0;
357
+ line-height: 32px;
358
+ margin-left: 6px;
359
+ .ant-pagination-item-link {
360
+ background: #f0f1f4;
361
+ border-color: #f0f1f4;
362
+ }
363
+ }
364
+ .ant-pagination-options {
365
+ .ant-pagination-options-quick-jumper {
366
+ height: 32px;
367
+ line-height: 32px;
368
+ input {
369
+ height: 32px;
370
+ }
371
+ }
372
+ }
373
+ }
374
+ }
375
+ }
376
+ .vtx-datagrid {
377
+ .ant-table-thead {
378
+ > tr > th {
379
+ background-color: @table-header-bg;
380
+ font-weight: normal;
381
+ color: @middle-font-color;
382
+ }
383
+ }
384
+ .ant-table-tbody {
385
+ > tr {
386
+ > .ant-table-cell {
387
+ color: @text-color !important;
388
+ }
389
+ }
390
+ }
391
+ }
392
+ }
393
+
394
+ .env-create-modal {
395
+ .darkGreenFormItem();
396
+ }
397
+ .env-view-modal {
398
+ .ant-modal-body {
399
+ > .ant-row {
400
+ position: relative;
401
+ padding: 0;
402
+ .left-border {
403
+ position: absolute;
404
+ left: 0;
405
+ top: 0;
406
+ bottom: 0;
407
+ width: 1px;
408
+ background: @border-color;
409
+ }
410
+ .right-border {
411
+ position: absolute;
412
+ right: 0;
413
+ top: 0;
414
+ bottom: 0;
415
+ width: 1px;
416
+ background: @border-color;
417
+ }
418
+ .top-border {
419
+ position: absolute;
420
+ right: 0;
421
+ left: 0;
422
+ top: 0;
423
+ height: 1px;
424
+ background: @border-color;
425
+ }
426
+ .bottom-border {
427
+ position: absolute;
428
+ right: 0;
429
+ left: 0;
430
+ bottom: 0;
431
+ height: 1px;
432
+ background: @border-color;
433
+ }
434
+ }
435
+ }
436
+ .env-view-modal-col {
437
+ position: relative;
438
+ background: #fff;
439
+ z-index: 9;
440
+ border-top: 1px solid @border-color;
441
+ border-bottom: 1px solid @border-color;
442
+ border-right: 1px solid @border-color;
443
+ margin-bottom: -1px;
444
+ }
445
+ .env-view-modal-col-label {
446
+ box-sizing: border-box;
447
+ padding-left: 0;
448
+ text-align: right;
449
+ flex-basis: 100px;
450
+ flex-shrink: 0;
451
+ width: 100px;
452
+ overflow: hidden;
453
+ text-overflow: ellipsis;
454
+ white-space: nowrap;
455
+ background: @normal-item-bg-color;
456
+ height: 100%;
457
+ min-height: 58px;
458
+ display: flex;
459
+ align-items: center;
460
+ justify-content: flex-end;
461
+ }
462
+ .env-view-modal-col-value {
463
+ padding-left: 10px;
464
+ display: flex;
465
+ align-items: center;
466
+
467
+ .ant-upload-picture-card-wrapper {
468
+ padding-top: 10px;
469
+ }
470
+ }
471
+ .ant-divider-horizontal {
472
+ display: none;
473
+ }
474
+ }
475
+ .ant-modal-header {
476
+ height: 48px;
477
+ box-sizing: border-box;
478
+ }
479
+ .ant-upload-list-picture-card {
480
+ min-height: 112px;
481
+ }
482
+ }