Skip to content

Commit f33746d

Browse files
mrholekmrholek
committed
refactor: change progress-xs className to thin property
1 parent 5ad8098 commit f33746d

File tree

1 file changed

+31
-31
lines changed

1 file changed

+31
-31
lines changed

‎src/views/dashboard/Dashboard.js

Lines changed: 31 additions & 31 deletions
Original file line numberDiff line numberDiff line change
@@ -150,27 +150,27 @@ const Dashboard = () => {
150150
<CCol md sm="12" className="mb-sm-2 mb-0">
151151
<div className="text-medium-emphasis">Visits</div>
152152
<strong>29.703 Users (40%)</strong>
153-
<CProgress className="progress-xs mt-2" precision={1} color="success" value={40} />
153+
<CProgress thin className="mt-2" precision={1} color="success" value={40} />
154154
</CCol>
155155
<CCol md sm="12" className="mb-sm-2 mb-0">
156156
<div className="text-medium-emphasis">Unique</div>
157157
<strong>24.093 Users (20%)</strong>
158-
<CProgress className="progress-xs mt-2" precision={1} color="info" value={40} />
158+
<CProgress thin className="mt-2" precision={1} color="info" value={40} />
159159
</CCol>
160160
<CCol md sm="12" className="mb-sm-2 mb-0">
161161
<div className="text-medium-emphasis">Pageviews</div>
162162
<strong>78.706 Views (60%)</strong>
163-
<CProgress className="progress-xs mt-2" precision={1} color="warning" value={40} />
163+
<CProgress thin className="mt-2" precision={1} color="warning" value={40} />
164164
</CCol>
165165
<CCol md sm="12" className="mb-sm-2 mb-0">
166166
<div className="text-medium-emphasis">New Users</div>
167167
<strong>22.123 Users (80%)</strong>
168-
<CProgress className="progress-xs mt-2" precision={1} color="danger" value={40} />
168+
<CProgress thin className="mt-2" precision={1} color="danger" value={40} />
169169
</CCol>
170170
<CCol md sm="12" className="mb-sm-2 mb-0">
171171
<div className="text-medium-emphasis">Bounce Rate</div>
172172
<strong>Average Rate (40.15%)</strong>
173-
<CProgress className="progress-xs mt-2" precision={1} value={40} />
173+
<CProgress thin className="mt-2" precision={1} value={40} />
174174
</CCol>
175175
</CRow>
176176
</CCardFooter>
@@ -207,62 +207,62 @@ const Dashboard = () => {
207207
<span className="text-medium-emphasis small">Monday</span>
208208
</div>
209209
<div className="progress-group-bars">
210-
<CProgress className="progress-xs" color="info" value={34} />
211-
<CProgress className="progress-xs" color="danger" value={78} />
210+
<CProgress thin color="info" value={34} />
211+
<CProgress thin color="danger" value={78} />
212212
</div>
213213
</div>
214214
<div className="progress-group mb-4">
215215
<div className="progress-group-prepend">
216216
<span className="text-medium-emphasis small">Tuesday</span>
217217
</div>
218218
<div className="progress-group-bars">
219-
<CProgress className="progress-xs" color="info" value={56} />
220-
<CProgress className="progress-xs" color="danger" value={94} />
219+
<CProgress thin color="info" value={56} />
220+
<CProgress thin color="danger" value={94} />
221221
</div>
222222
</div>
223223
<div className="progress-group mb-4">
224224
<div className="progress-group-prepend">
225225
<span className="text-medium-emphasis small">Wednesday</span>
226226
</div>
227227
<div className="progress-group-bars">
228-
<CProgress className="progress-xs" color="info" value={12} />
229-
<CProgress className="progress-xs" color="danger" value={67} />
228+
<CProgress thin color="info" value={12} />
229+
<CProgress thin color="danger" value={67} />
230230
</div>
231231
</div>
232232
<div className="progress-group mb-4">
233233
<div className="progress-group-prepend">
234234
<span className="text-medium-emphasis small">Thursday</span>
235235
</div>
236236
<div className="progress-group-bars">
237-
<CProgress className="progress-xs" color="info" value={43} />
238-
<CProgress className="progress-xs" color="danger" value={91} />
237+
<CProgress thin color="info" value={43} />
238+
<CProgress thin color="danger" value={91} />
239239
</div>
240240
</div>
241241
<div className="progress-group mb-4">
242242
<div className="progress-group-prepend">
243243
<span className="text-medium-emphasis small">Friday</span>
244244
</div>
245245
<div className="progress-group-bars">
246-
<CProgress className="progress-xs" color="info" value={22} />
247-
<CProgress className="progress-xs" color="danger" value={73} />
246+
<CProgress thin color="info" value={22} />
247+
<CProgress thin color="danger" value={73} />
248248
</div>
249249
</div>
250250
<div className="progress-group mb-4">
251251
<div className="progress-group-prepend">
252252
<span className="text-medium-emphasis small">Saturday</span>
253253
</div>
254254
<div className="progress-group-bars">
255-
<CProgress className="progress-xs" color="info" value={53} />
256-
<CProgress className="progress-xs" color="danger" value={82} />
255+
<CProgress thin color="info" value={53} />
256+
<CProgress thin color="danger" value={82} />
257257
</div>
258258
</div>
259259
<div className="progress-group mb-4">
260260
<div className="progress-group-prepend">
261261
<span className="text-medium-emphasis small">Sunday</span>
262262
</div>
263263
<div className="progress-group-bars">
264-
<CProgress className="progress-xs" color="info" value={9} />
265-
<CProgress className="progress-xs" color="danger" value={69} />
264+
<CProgress thin color="info" value={9} />
265+
<CProgress thin color="danger" value={69} />
266266
</div>
267267
</div>
268268
</CCol>
@@ -292,7 +292,7 @@ const Dashboard = () => {
292292
<span className="ms-auto font-semibold">43%</span>
293293
</div>
294294
<div className="progress-group-bars">
295-
<CProgress className="progress-xs" color="warning" value={43} />
295+
<CProgress thin color="warning" value={43} />
296296
</div>
297297
</div>
298298
<div className="progress-group mb-5">
@@ -302,7 +302,7 @@ const Dashboard = () => {
302302
<span className="ms-auto font-semibold">37%</span>
303303
</div>
304304
<div className="progress-group-bars">
305-
<CProgress className="progress-xs" color="warning" value={37} />
305+
<CProgress thin color="warning" value={37} />
306306
</div>
307307
</div>
308308

@@ -315,7 +315,7 @@ const Dashboard = () => {
315315
</span>
316316
</div>
317317
<div className="progress-group-bars">
318-
<CProgress className="progress-xs" color="success" value={56} />
318+
<CProgress thin color="success" value={56} />
319319
</div>
320320
</div>
321321
<div className="progress-group">
@@ -327,7 +327,7 @@ const Dashboard = () => {
327327
</span>
328328
</div>
329329
<div className="progress-group-bars">
330-
<CProgress className="progress-xs" color="success" value={15} />
330+
<CProgress thin color="success" value={15} />
331331
</div>
332332
</div>
333333
<div className="progress-group">
@@ -339,7 +339,7 @@ const Dashboard = () => {
339339
</span>
340340
</div>
341341
<div className="progress-group-bars">
342-
<CProgress className="progress-xs" color="success" value={11} />
342+
<CProgress thin color="success" value={11} />
343343
</div>
344344
</div>
345345
<div className="progress-group">
@@ -351,7 +351,7 @@ const Dashboard = () => {
351351
</span>
352352
</div>
353353
<div className="progress-group-bars">
354-
<CProgress className="progress-xs" color="success" value={8} />
354+
<CProgress thin color="success" value={8} />
355355
</div>
356356
</div>
357357
</CCol>
@@ -397,7 +397,7 @@ const Dashboard = () => {
397397
</small>
398398
</div>
399399
</div>
400-
<CProgress className="progress-xs" color="success" value={50} />
400+
<CProgress thin color="success" value={50} />
401401
</CTableDataCell>
402402
<CTableDataCell className="text-center">
403403
<CIcon size="xl" name="cib-cc-mastercard" />
@@ -431,7 +431,7 @@ const Dashboard = () => {
431431
</small>
432432
</div>
433433
</div>
434-
<CProgress className="progress-xs" color="info" value={10} />
434+
<CProgress thin color="info" value={10} />
435435
</CTableDataCell>
436436
<CTableDataCell className="text-center">
437437
<CIcon size="xl" name="cib-cc-visa" />
@@ -465,7 +465,7 @@ const Dashboard = () => {
465465
</small>
466466
</div>
467467
</div>
468-
<CProgress className="progress-xs" color="warning" value={74} />
468+
<CProgress thin color="warning" value={74} />
469469
</CTableDataCell>
470470
<CTableDataCell className="text-center">
471471
<CIcon size="xl" name="cib-cc-stripe" />
@@ -499,7 +499,7 @@ const Dashboard = () => {
499499
</small>
500500
</div>
501501
</div>
502-
<CProgress className="progress-xs" color="danger" value={98} />
502+
<CProgress thin color="danger" value={98} />
503503
</CTableDataCell>
504504
<CTableDataCell className="text-center">
505505
<CIcon size="xl" name="cib-cc-paypal" />
@@ -533,7 +533,7 @@ const Dashboard = () => {
533533
</small>
534534
</div>
535535
</div>
536-
<CProgress className="progress-xs" color="info" value={22} />
536+
<CProgress thin color="info" value={22} />
537537
</CTableDataCell>
538538
<CTableDataCell className="text-center">
539539
<CIcon size="xl" name="cib-cc-apple-pay" />
@@ -567,7 +567,7 @@ const Dashboard = () => {
567567
</small>
568568
</div>
569569
</div>
570-
<CProgress className="progress-xs" color="success" value={43} />
570+
<CProgress thin color="success" value={43} />
571571
</CTableDataCell>
572572
<CTableDataCell className="text-center">
573573
<CIcon size="xl" name="cib-cc-amex" />

0 commit comments

Comments
 (0)