1 |
|
2 |
|
3 |
|
4 |
|
5 | .ant-list {
|
6 | box-sizing: border-box;
|
7 | margin: 0;
|
8 | padding: 0;
|
9 | color: rgba(0, 0, 0, 0.85);
|
10 | font-size: 14px;
|
11 | font-variant: tabular-nums;
|
12 | line-height: 1.5715;
|
13 | list-style: none;
|
14 | font-feature-settings: 'tnum';
|
15 | position: relative;
|
16 | }
|
17 | .ant-list * {
|
18 | outline: none;
|
19 | }
|
20 | .ant-list-pagination {
|
21 | margin-top: 24px;
|
22 | text-align: right;
|
23 | }
|
24 | .ant-list-pagination .ant-pagination-options {
|
25 | text-align: left;
|
26 | }
|
27 | .ant-list-more {
|
28 | margin-top: 12px;
|
29 | text-align: center;
|
30 | }
|
31 | .ant-list-more button {
|
32 | padding-right: 32px;
|
33 | padding-left: 32px;
|
34 | }
|
35 | .ant-list-spin {
|
36 | min-height: 40px;
|
37 | text-align: center;
|
38 | }
|
39 | .ant-list-empty-text {
|
40 | padding: 16px;
|
41 | color: rgba(0, 0, 0, 0.25);
|
42 | font-size: 14px;
|
43 | text-align: center;
|
44 | }
|
45 | .ant-list-items {
|
46 | margin: 0;
|
47 | padding: 0;
|
48 | list-style: none;
|
49 | }
|
50 | .ant-list-item {
|
51 | display: flex;
|
52 | align-items: center;
|
53 | justify-content: space-between;
|
54 | padding: 12px 0;
|
55 | color: rgba(0, 0, 0, 0.85);
|
56 | }
|
57 | .ant-list-item-meta {
|
58 | display: flex;
|
59 | flex: 1;
|
60 | align-items: flex-start;
|
61 | max-width: 100%;
|
62 | }
|
63 | .ant-list-item-meta-avatar {
|
64 | margin-right: 16px;
|
65 | }
|
66 | .ant-list-item-meta-content {
|
67 | flex: 1 0;
|
68 | width: 0;
|
69 | color: rgba(0, 0, 0, 0.85);
|
70 | }
|
71 | .ant-list-item-meta-title {
|
72 | margin-bottom: 4px;
|
73 | color: rgba(0, 0, 0, 0.85);
|
74 | font-size: 14px;
|
75 | line-height: 1.5715;
|
76 | }
|
77 | .ant-list-item-meta-title > a {
|
78 | color: rgba(0, 0, 0, 0.85);
|
79 | transition: all 0.3s;
|
80 | }
|
81 | .ant-list-item-meta-title > a:hover {
|
82 | color: #1890ff;
|
83 | }
|
84 | .ant-list-item-meta-description {
|
85 | color: rgba(0, 0, 0, 0.45);
|
86 | font-size: 14px;
|
87 | line-height: 1.5715;
|
88 | }
|
89 | .ant-list-item-action {
|
90 | flex: 0 0 auto;
|
91 | margin-left: 48px;
|
92 | padding: 0;
|
93 | font-size: 0;
|
94 | list-style: none;
|
95 | }
|
96 | .ant-list-item-action > li {
|
97 | position: relative;
|
98 | display: inline-block;
|
99 | padding: 0 8px;
|
100 | color: rgba(0, 0, 0, 0.45);
|
101 | font-size: 14px;
|
102 | line-height: 1.5715;
|
103 | text-align: center;
|
104 | }
|
105 | .ant-list-item-action > li:first-child {
|
106 | padding-left: 0;
|
107 | }
|
108 | .ant-list-item-action-split {
|
109 | position: absolute;
|
110 | top: 50%;
|
111 | right: 0;
|
112 | width: 1px;
|
113 | height: 14px;
|
114 | margin-top: -7px;
|
115 | background-color: #f0f0f0;
|
116 | }
|
117 | .ant-list-header {
|
118 | background: transparent;
|
119 | }
|
120 | .ant-list-footer {
|
121 | background: transparent;
|
122 | }
|
123 | .ant-list-header,
|
124 | .ant-list-footer {
|
125 | padding-top: 12px;
|
126 | padding-bottom: 12px;
|
127 | }
|
128 | .ant-list-empty {
|
129 | padding: 16px 0;
|
130 | color: rgba(0, 0, 0, 0.45);
|
131 | font-size: 12px;
|
132 | text-align: center;
|
133 | }
|
134 | .ant-list-split .ant-list-item {
|
135 | border-bottom: 1px solid #f0f0f0;
|
136 | }
|
137 | .ant-list-split .ant-list-item:last-child {
|
138 | border-bottom: none;
|
139 | }
|
140 | .ant-list-split .ant-list-header {
|
141 | border-bottom: 1px solid #f0f0f0;
|
142 | }
|
143 | .ant-list-split.ant-list-empty .ant-list-footer {
|
144 | border-top: 1px solid #f0f0f0;
|
145 | }
|
146 | .ant-list-loading .ant-list-spin-nested-loading {
|
147 | min-height: 32px;
|
148 | }
|
149 | .ant-list-split.ant-list-something-after-last-item .ant-spin-container > .ant-list-items > .ant-list-item:last-child {
|
150 | border-bottom: 1px solid #f0f0f0;
|
151 | }
|
152 | .ant-list-lg .ant-list-item {
|
153 | padding: 16px 24px;
|
154 | }
|
155 | .ant-list-sm .ant-list-item {
|
156 | padding: 8px 16px;
|
157 | }
|
158 | .ant-list-vertical .ant-list-item {
|
159 | align-items: initial;
|
160 | }
|
161 | .ant-list-vertical .ant-list-item-main {
|
162 | display: block;
|
163 | flex: 1;
|
164 | }
|
165 | .ant-list-vertical .ant-list-item-extra {
|
166 | margin-left: 40px;
|
167 | }
|
168 | .ant-list-vertical .ant-list-item-meta {
|
169 | margin-bottom: 16px;
|
170 | }
|
171 | .ant-list-vertical .ant-list-item-meta-title {
|
172 | margin-bottom: 12px;
|
173 | color: rgba(0, 0, 0, 0.85);
|
174 | font-size: 16px;
|
175 | line-height: 24px;
|
176 | }
|
177 | .ant-list-vertical .ant-list-item-action {
|
178 | margin-top: 16px;
|
179 | margin-left: auto;
|
180 | }
|
181 | .ant-list-vertical .ant-list-item-action > li {
|
182 | padding: 0 16px;
|
183 | }
|
184 | .ant-list-vertical .ant-list-item-action > li:first-child {
|
185 | padding-left: 0;
|
186 | }
|
187 | .ant-list-grid .ant-col > .ant-list-item {
|
188 | display: block;
|
189 | max-width: 100%;
|
190 | margin-bottom: 16px;
|
191 | padding-top: 0;
|
192 | padding-bottom: 0;
|
193 | border-bottom: none;
|
194 | }
|
195 | .ant-list-item-no-flex {
|
196 | display: block;
|
197 | }
|
198 | .ant-list:not(.ant-list-vertical) .ant-list-item-no-flex .ant-list-item-action {
|
199 | float: right;
|
200 | }
|
201 | .ant-list-bordered {
|
202 | border: 1px solid #d9d9d9;
|
203 | border-radius: 2px;
|
204 | }
|
205 | .ant-list-bordered .ant-list-header {
|
206 | padding-right: 24px;
|
207 | padding-left: 24px;
|
208 | }
|
209 | .ant-list-bordered .ant-list-footer {
|
210 | padding-right: 24px;
|
211 | padding-left: 24px;
|
212 | }
|
213 | .ant-list-bordered .ant-list-item {
|
214 | padding-right: 24px;
|
215 | padding-left: 24px;
|
216 | }
|
217 | .ant-list-bordered .ant-list-pagination {
|
218 | margin: 16px 24px;
|
219 | }
|
220 | .ant-list-bordered.ant-list-sm .ant-list-item {
|
221 | padding: 8px 16px;
|
222 | }
|
223 | .ant-list-bordered.ant-list-sm .ant-list-header,
|
224 | .ant-list-bordered.ant-list-sm .ant-list-footer {
|
225 | padding: 8px 16px;
|
226 | }
|
227 | .ant-list-bordered.ant-list-lg .ant-list-item {
|
228 | padding: 16px 24px;
|
229 | }
|
230 | .ant-list-bordered.ant-list-lg .ant-list-header,
|
231 | .ant-list-bordered.ant-list-lg .ant-list-footer {
|
232 | padding: 16px 24px;
|
233 | }
|
234 | @media screen and (max-width: 768px) {
|
235 | .ant-list-item-action {
|
236 | margin-left: 24px;
|
237 | }
|
238 | .ant-list-vertical .ant-list-item-extra {
|
239 | margin-left: 24px;
|
240 | }
|
241 | }
|
242 | @media screen and (max-width: 576px) {
|
243 | .ant-list-item {
|
244 | flex-wrap: wrap;
|
245 | }
|
246 | .ant-list-item-action {
|
247 | margin-left: 12px;
|
248 | }
|
249 | .ant-list-vertical .ant-list-item {
|
250 | flex-wrap: wrap-reverse;
|
251 | }
|
252 | .ant-list-vertical .ant-list-item-main {
|
253 | min-width: 220px;
|
254 | }
|
255 | .ant-list-vertical .ant-list-item-extra {
|
256 | margin: auto auto 16px;
|
257 | }
|
258 | }
|
259 | .ant-list-rtl {
|
260 | direction: rtl;
|
261 | text-align: right;
|
262 | }
|
263 | .ant-list-rtl .ReactVirtualized__List .ant-list-item {
|
264 | direction: rtl;
|
265 | }
|
266 | .ant-list-rtl .ant-list-pagination {
|
267 | text-align: left;
|
268 | }
|
269 | .ant-list-rtl .ant-list-item-meta-avatar {
|
270 | margin-right: 0;
|
271 | margin-left: 16px;
|
272 | }
|
273 | .ant-list-rtl .ant-list-item-action {
|
274 | margin-right: 48px;
|
275 | margin-left: 0;
|
276 | }
|
277 | .ant-list.ant-list-rtl .ant-list-item-action > li:first-child {
|
278 | padding-right: 0;
|
279 | padding-left: 16px;
|
280 | }
|
281 | .ant-list-rtl .ant-list-item-action-split {
|
282 | right: auto;
|
283 | left: 0;
|
284 | }
|
285 | .ant-list-rtl.ant-list-vertical .ant-list-item-extra {
|
286 | margin-right: 40px;
|
287 | margin-left: 0;
|
288 | }
|
289 | .ant-list-rtl.ant-list-vertical .ant-list-item-action {
|
290 | margin-right: auto;
|
291 | }
|
292 | .ant-list-rtl .ant-list-vertical .ant-list-item-action > li:first-child {
|
293 | padding-right: 0;
|
294 | padding-left: 16px;
|
295 | }
|
296 | .ant-list-rtl .ant-list:not(.ant-list-vertical) .ant-list-item-no-flex .ant-list-item-action {
|
297 | float: left;
|
298 | }
|
299 | @media screen and (max-width: 768px) {
|
300 | .ant-list-rtl .ant-list-item-action {
|
301 | margin-right: 24px;
|
302 | margin-left: 0;
|
303 | }
|
304 | .ant-list-rtl .ant-list-vertical .ant-list-item-extra {
|
305 | margin-right: 24px;
|
306 | margin-left: 0;
|
307 | }
|
308 | }
|
309 | @media screen and (max-width: 576px) {
|
310 | .ant-list-rtl .ant-list-item-action {
|
311 | margin-right: 22px;
|
312 | margin-left: 0;
|
313 | }
|
314 | .ant-list-rtl.ant-list-vertical .ant-list-item-extra {
|
315 | margin: auto auto 16px;
|
316 | }
|
317 | }
|