|
@@ -1,4 +1,3 @@
|
1
|
|
-
|
2
|
1
|
@ext-txt-color: #121212;
|
3
|
2
|
|
4
|
3
|
.ext-page {
|
|
@@ -7,7 +6,7 @@
|
7
|
6
|
color: @ext-txt-color;
|
8
|
7
|
margin: 0;
|
9
|
8
|
}
|
10
|
|
-
|
|
9
|
+
|
11
|
10
|
.search-bar {
|
12
|
11
|
.form-control {
|
13
|
12
|
width: 200px;
|
|
@@ -38,14 +37,14 @@
|
38
|
37
|
.ext-card {
|
39
|
38
|
margin: 10px;
|
40
|
39
|
margin-bottom: 30px;
|
41
|
|
- box-shadow: 0px 8px 20px 0px rgba(0,0,0,0.08);
|
|
40
|
+ box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.08);
|
42
|
41
|
border-radius: 20px;
|
43
|
42
|
overflow: hidden;
|
44
|
43
|
|
45
|
44
|
h1 {
|
46
|
45
|
margin: 0;
|
47
|
46
|
margin-bottom: 30px;
|
48
|
|
- background: rgba(66,118,245,0.08);
|
|
47
|
+ background: rgba(66, 118, 245, 0.08);
|
49
|
48
|
font-size: 22px;
|
50
|
49
|
line-height: 60px;
|
51
|
50
|
height: 60px;
|
|
@@ -55,7 +54,7 @@
|
55
|
54
|
}
|
56
|
55
|
|
57
|
56
|
.icon-info-sign {
|
58
|
|
- color: rgba(0,0,0, .2);
|
|
57
|
+ color: rgba(0, 0, 0, 0.2);
|
59
|
58
|
}
|
60
|
59
|
|
61
|
60
|
.view-info {
|
|
@@ -79,10 +78,27 @@
|
79
|
78
|
}
|
80
|
79
|
}
|
81
|
80
|
|
|
81
|
+ #wizard {
|
|
82
|
+ .export-io {
|
|
83
|
+ position: absolute;
|
|
84
|
+ top: 30px;
|
|
85
|
+ left: -45px;
|
|
86
|
+ li {
|
|
87
|
+ display: flex;
|
|
88
|
+ float: none;
|
|
89
|
+ }
|
|
90
|
+ }
|
|
91
|
+ div span {
|
|
92
|
+ margin-left: 6px;
|
|
93
|
+ font-weight: bold;
|
|
94
|
+ }
|
|
95
|
+ }
|
|
96
|
+
|
82
|
97
|
.chosen-container.form-control {
|
83
|
98
|
padding: 0;
|
84
|
99
|
|
85
|
|
- &.chosen-container-active, &.chosen-container-multi {
|
|
100
|
+ &.chosen-container-active,
|
|
101
|
+ &.chosen-container-multi {
|
86
|
102
|
.chosen-choices {
|
87
|
103
|
border: none;
|
88
|
104
|
box-shadow: none;
|
|
@@ -101,7 +117,7 @@
|
101
|
117
|
thead {
|
102
|
118
|
tr {
|
103
|
119
|
th {
|
104
|
|
- background: rgba(66,118,245,0.08);
|
|
120
|
+ background: rgba(66, 118, 245, 0.08);
|
105
|
121
|
padding: 16px;
|
106
|
122
|
border: none;
|
107
|
123
|
}
|
|
@@ -110,18 +126,18 @@
|
110
|
126
|
tbody {
|
111
|
127
|
tr {
|
112
|
128
|
&:nth-of-type(even) {
|
113
|
|
- background: rgba(91,91,91,0.04);
|
|
129
|
+ background: rgba(91, 91, 91, 0.04);
|
114
|
130
|
}
|
115
|
131
|
|
116
|
132
|
&:hover {
|
117
|
|
- background: rgba(66,118,245,0.2);
|
|
133
|
+ background: rgba(66, 118, 245, 0.2);
|
118
|
134
|
}
|
119
|
135
|
}
|
120
|
136
|
}
|
121
|
137
|
}
|
122
|
138
|
|
123
|
139
|
.dashboard-page {
|
124
|
|
- background-color: #081A48;
|
|
140
|
+ background-color: #081a48;
|
125
|
141
|
scrollbar-width: none; /* firefox */
|
126
|
142
|
-ms-overflow-style: none; /* IE 10+ */
|
127
|
143
|
|
|
@@ -138,7 +154,11 @@
|
138
|
154
|
|
139
|
155
|
.left {
|
140
|
156
|
background: transparent;
|
141
|
|
- background-image: linear-gradient(to right, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .0001) 100%);
|
|
157
|
+ background-image: linear-gradient(
|
|
158
|
+ to right,
|
|
159
|
+ rgba(0, 0, 0, 0.3) 0%,
|
|
160
|
+ rgba(0, 0, 0, 0.0001) 100%
|
|
161
|
+ );
|
142
|
162
|
width: 10%;
|
143
|
163
|
box-shadow: none;
|
144
|
164
|
}
|
|
@@ -159,7 +179,7 @@
|
159
|
179
|
}
|
160
|
180
|
}
|
161
|
181
|
}
|
162
|
|
-
|
|
182
|
+
|
163
|
183
|
.act-list {
|
164
|
184
|
margin: 96px 0;
|
165
|
185
|
|
|
@@ -172,13 +192,13 @@
|
172
|
192
|
}
|
173
|
193
|
}
|
174
|
194
|
|
175
|
|
- div[class^="col"] {
|
|
195
|
+ div[class^='col'] {
|
176
|
196
|
min-width: 280px;
|
177
|
197
|
// 每行 4 个, 间距 64
|
178
|
198
|
width: calc(25% - 48px);
|
179
|
199
|
height: 100%;
|
180
|
200
|
position: relative;
|
181
|
|
-
|
|
201
|
+
|
182
|
202
|
& + div {
|
183
|
203
|
margin-left: 64px;
|
184
|
204
|
}
|
|
@@ -207,7 +227,7 @@
|
207
|
227
|
width: 100%;
|
208
|
228
|
height: 100%;
|
209
|
229
|
object-fit: contain;
|
210
|
|
-
|
|
230
|
+
|
211
|
231
|
&:nth-child(2) {
|
212
|
232
|
display: none;
|
213
|
233
|
}
|
|
@@ -224,13 +244,12 @@
|
224
|
244
|
font-size: 24px;
|
225
|
245
|
font-weight: 500;
|
226
|
246
|
color: transparent;
|
227
|
|
- background: linear-gradient(0deg, #2362E4 0%, #00D5FB 100%);
|
|
247
|
+ background: linear-gradient(0deg, #2362e4 0%, #00d5fb 100%);
|
228
|
248
|
vertical-align: middle;
|
229
|
249
|
background-clip: text;
|
230
|
250
|
-webkit-background-clip: text;
|
231
|
251
|
}
|
232
|
252
|
}
|
233
|
|
-
|
234
|
253
|
}
|
235
|
254
|
|
236
|
255
|
.act-bg {
|
|
@@ -256,7 +275,8 @@
|
256
|
275
|
&:hover {
|
257
|
276
|
cursor: pointer;
|
258
|
277
|
|
259
|
|
- .act-bg, .act-icon {
|
|
278
|
+ .act-bg,
|
|
279
|
+ .act-icon {
|
260
|
280
|
img {
|
261
|
281
|
&:nth-child(1) {
|
262
|
282
|
display: none;
|