Skip to content

Commit 547594f

Browse files
xidedixxidedix
committed
fix(widgets): breakpoints
1 parent b9c0c27 commit 547594f

File tree

3 files changed

+41
-41
lines changed

3 files changed

+41
-41
lines changed

‎src/app/views/widgets/widgets-dropdown/widgets-dropdown.component.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -30,7 +30,7 @@
3030
</c-dropdown>
3131
</ng-template>
3232
<ng-template cTemplateId="widgetChartTemplate">
33-
<c-chart [data]="data[0]" [options]="options[0]" class="mt-3 mx-3" height="70" type="line"></c-chart>
33+
<c-chart [data]="data[0]" [options]="options[0]" class="mt-3 mx-3" height="70" [type]="'line'"></c-chart>
3434
</ng-template>
3535
</c-widget-stat-a>
3636
</c-col>
@@ -43,7 +43,7 @@
4343
<ng-template cTemplateId="widgetValueTemplate" ngPreserveWhitespaces>
4444
<span>$6.200</span>
4545
<span class="fs-6 fw-normal">
46-
(40.9% <svg cIcon name="cilArrowTop"></svg>)
46+
(40.9%<svg cIcon name="cilArrowTop"></svg>)
4747
</span>
4848
</ng-template>
4949
<ng-template cTemplateId="widgetActionTemplate">

‎src/app/views/widgets/widgets-e/widgets-e.component.html‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<c-row>
2-
<c-col lg="2" md="4">
2+
<c-col xl="2" lg="4" sm="6">
33
<c-widget-stat-e
44
[title]="'title'"
55
[value]="'1,123'"
@@ -8,7 +8,7 @@
88
<c-chart [data]="data[0]" [options]="barOptions" class="mx-auto" height="40" width="80"></c-chart>
99
</c-widget-stat-e>
1010
</c-col>
11-
<c-col lg="2" md="4">
11+
<c-col xl="2" lg="4" sm="6">
1212
<c-widget-stat-e
1313
[title]="'title'"
1414
[value]="'1,123'"
@@ -17,7 +17,7 @@
1717
<c-chart [data]="data[1]" [options]="barOptions" class="mx-auto" height="40" width="80"></c-chart>
1818
</c-widget-stat-e>
1919
</c-col>
20-
<c-col lg="2" md="4">
20+
<c-col xl="2" lg="4" sm="6">
2121
<c-widget-stat-e
2222
[title]="'title'"
2323
[value]="'1,123'"
@@ -26,7 +26,7 @@
2626
<c-chart [data]="data[2]" [options]="barOptions" class="mx-auto" height="40" width="80"></c-chart>
2727
</c-widget-stat-e>
2828
</c-col>
29-
<c-col lg="2" md="4">
29+
<c-col xl="2" lg="4" sm="6">
3030
<c-widget-stat-e
3131
[title]="'title'"
3232
[value]="'1,123'"
@@ -35,7 +35,7 @@
3535
<c-chart [data]="data[3]" [options]="lineOptions" class="mx-auto" height="40" type="line" width="80"></c-chart>
3636
</c-widget-stat-e>
3737
</c-col>
38-
<c-col lg="2" md="4">
38+
<c-col xl="2" lg="4" sm="6">
3939
<c-widget-stat-e
4040
[title]="'title'"
4141
[value]="'1,123'"
@@ -44,7 +44,7 @@
4444
<c-chart [data]="data[4]" [options]="lineOptions" class="mx-auto" height="40" type="line" width="80"></c-chart>
4545
</c-widget-stat-e>
4646
</c-col>
47-
<c-col lg="2" md="4">
47+
<c-col xl="2" lg="4" sm="6">
4848
<c-widget-stat-e
4949
[title]="'title'"
5050
[value]="'1,123'"

‎src/app/views/widgets/widgets/widgets.component.html‎

Lines changed: 33 additions & 33 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66
</app-docs-example>
77
<app-docs-example href="components/widgets/#cwidgetstatsb">
88
<c-row>
9-
<c-col lg="3" md="6" xs="12">
9+
<c-col xl="3" md="6" sm="6">
1010
<c-widget-stat-b
1111
[title]="'Widget title'"
1212
class="mb-4"
@@ -18,7 +18,7 @@
1818
</c-progress>
1919
</c-widget-stat-b>
2020
</c-col>
21-
<c-col lg="3" md="6" xs="12">
21+
<c-col xl="3" md="6" sm="6">
2222
<c-widget-stat-b
2323
[title]="'Widget title'"
2424
class="mb-4"
@@ -30,7 +30,7 @@
3030
</c-progress>
3131
</c-widget-stat-b>
3232
</c-col>
33-
<c-col lg="3" md="6" xs="12">
33+
<c-col xl="3" md="6" sm="6">
3434
<c-widget-stat-b
3535
[title]="'Widget title'"
3636
class="mb-4"
@@ -42,7 +42,7 @@
4242
</c-progress>
4343
</c-widget-stat-b>
4444
</c-col>
45-
<c-col lg="3" md="6" xs="12">
45+
<c-col xl="3" md="6" sm="6">
4646
<c-widget-stat-b
4747
[title]="'Widget title'"
4848
class="mb-4"
@@ -58,7 +58,7 @@
5858
</app-docs-example>
5959
<app-docs-example href="components/widgets/#cwidgetstatsb">
6060
<c-row>
61-
<c-col lg="3" md="6" xs="12">
61+
<c-col xl="3" md="6" sm="6">
6262
<c-widget-stat-b
6363
#widgetStatB1inv="cWidgetStatB"
6464
[title]="'Widget title'"
@@ -73,7 +73,7 @@
7373
</c-progress>
7474
</c-widget-stat-b>
7575
</c-col>
76-
<c-col lg="3" md="6" xs="12">
76+
<c-col xl="3" md="6" sm="6">
7777
<c-widget-stat-b
7878
#widgetStatB2inv="cWidgetStatB"
7979
[title]="'Widget title'"
@@ -88,7 +88,7 @@
8888
</c-progress>
8989
</c-widget-stat-b>
9090
</c-col>
91-
<c-col lg="3" md="6" xs="12">
91+
<c-col xl="3" md="6" sm="6">
9292
<c-widget-stat-b
9393
#widgetStatB3inv="cWidgetStatB"
9494
[title]="'Widget title'"
@@ -103,7 +103,7 @@
103103
</c-progress>
104104
</c-widget-stat-b>
105105
</c-col>
106-
<c-col lg="3" md="6" xs="12">
106+
<c-col xl="3" md="6" sm="6">
107107
<c-widget-stat-b
108108
#widgetStatB4inv="cWidgetStatB"
109109
[title]="'Widget title'"
@@ -125,7 +125,7 @@
125125
</app-docs-example>
126126
<app-docs-example href="components/widgets/#cwidgetstatsf">
127127
<c-row>
128-
<c-col lg="3" sm="6" xs="12">
128+
<c-col xl="3" md="6" sm="6">
129129
<c-widget-stat-f
130130
[title]="'Income'"
131131
class="mb-3"
@@ -138,7 +138,7 @@
138138
</ng-template>
139139
</c-widget-stat-f>
140140
</c-col>
141-
<c-col lg="3" sm="6" xs="12">
141+
<c-col xl="3" md="6" sm="6">
142142
<c-widget-stat-f
143143
[title]="'Income'"
144144
class="mb-3"
@@ -151,7 +151,7 @@
151151
</ng-template>
152152
</c-widget-stat-f>
153153
</c-col>
154-
<c-col lg="3" sm="6" xs="12">
154+
<c-col xl="3" md="6" sm="6">
155155
<c-widget-stat-f
156156
[title]="'Income'"
157157
class="mb-3"
@@ -164,7 +164,7 @@
164164
</ng-template>
165165
</c-widget-stat-f>
166166
</c-col>
167-
<c-col lg="3" sm="6" xs="12">
167+
<c-col xl="3" md="6" sm="6">
168168
<c-widget-stat-f
169169
[title]="'Income'"
170170
class="mb-3"
@@ -181,7 +181,7 @@
181181
</app-docs-example>
182182
<app-docs-example href="components/widgets/#cwidgetstatsf">
183183
<c-row>
184-
<c-col lg="3" sm="6" xs="12">
184+
<c-col xl="3" md="6" sm="6">
185185
<c-widget-stat-f
186186
[title]="'Income'"
187187
class="mb-3"
@@ -203,7 +203,7 @@
203203
</ng-template>
204204
</c-widget-stat-f>
205205
</c-col>
206-
<c-col lg="3" sm="6" xs="12">
206+
<c-col xl="3" md="6" sm="6">
207207
<c-widget-stat-f
208208
[title]="'Income'"
209209
class="mb-3"
@@ -225,7 +225,7 @@
225225
</ng-template>
226226
</c-widget-stat-f>
227227
</c-col>
228-
<c-col lg="3" sm="6" xs="12">
228+
<c-col xl="3" md="6" sm="6">
229229
<c-widget-stat-f
230230
[title]="'Income'"
231231
class="mb-3"
@@ -247,7 +247,7 @@
247247
</ng-template>
248248
</c-widget-stat-f>
249249
</c-col>
250-
<c-col lg="3" sm="6" xs="12">
250+
<c-col xl="3" md="6" sm="6">
251251
<c-widget-stat-f
252252
[title]="'Income'"
253253
class="mb-3"
@@ -273,7 +273,7 @@
273273
</app-docs-example>
274274
<app-docs-example href="components/widgets/#cwidgetstatsf">
275275
<c-row>
276-
<c-col lg="3" sm="6" xs="12">
276+
<c-col xl="3" md="6" sm="6">
277277
<c-widget-stat-f
278278
[title]="'Income'"
279279
class="mb-3"
@@ -285,7 +285,7 @@
285285
</ng-template>
286286
</c-widget-stat-f>
287287
</c-col>
288-
<c-col lg="3" sm="6" xs="12">
288+
<c-col xl="3" md="6" sm="6">
289289
<c-widget-stat-f
290290
[title]="'Income'"
291291
class="mb-3"
@@ -297,7 +297,7 @@
297297
</ng-template>
298298
</c-widget-stat-f>
299299
</c-col>
300-
<c-col lg="3" sm="6" xs="12">
300+
<c-col xl="3" md="6" sm="6">
301301
<c-widget-stat-f
302302
[title]="'Income'"
303303
class="mb-3"
@@ -309,15 +309,15 @@
309309
</ng-template>
310310
</c-widget-stat-f>
311311
</c-col>
312-
<c-col lg="3" sm="6" xs="12">
312+
<c-col xl="3" md="6" sm="6">
313313
<c-widget-stat-f
314314
[title]="'Income'"
315315
class="mb-3"
316316
color="danger"
317317
value="$1,999.50"
318318
>
319319
<ng-template cTemplateId="widgetIconTemplate">
320-
<svg cIcon name="cilBell" size="xl" width="24"></svg>
320+
<svg cIcon name="cilBell" size="xl" width="24" class="rounded-5"></svg>
321321
</ng-template>
322322
</c-widget-stat-f>
323323
</c-col>
@@ -402,7 +402,7 @@
402402
</app-docs-example>
403403
<app-docs-example href="components/widgets/#cwidgetstatsc">
404404
<c-row>
405-
<c-col md="2" sm="6">
405+
<c-col xl="2" lg="4" sm="6">
406406
<c-widget-stat-c
407407
[title]="'Visitors'"
408408
class="mb-4"
@@ -418,7 +418,7 @@
418418
</ng-template>
419419
</c-widget-stat-c>
420420
</c-col>
421-
<c-col md="2" sm="6">
421+
<c-col xl="2" lg="4" sm="6">
422422
<c-widget-stat-c
423423
[title]="'New Clients'"
424424
class="mb-4"
@@ -434,7 +434,7 @@
434434
</ng-template>
435435
</c-widget-stat-c>
436436
</c-col>
437-
<c-col md="2" sm="6">
437+
<c-col xl="2" lg="4" sm="6">
438438
<c-widget-stat-c
439439
[title]="'Products sold'"
440440
class="mb-4"
@@ -450,7 +450,7 @@
450450
</ng-template>
451451
</c-widget-stat-c>
452452
</c-col>
453-
<c-col md="2" sm="6">
453+
<c-col xl="2" lg="4" sm="6">
454454
<c-widget-stat-c
455455
[title]="'Returning Visitors'"
456456
class="mb-4"
@@ -466,7 +466,7 @@
466466
</ng-template>
467467
</c-widget-stat-c>
468468
</c-col>
469-
<c-col md="2" sm="6">
469+
<c-col xl="2" lg="4" sm="6">
470470
<c-widget-stat-c
471471
[title]="'Avg. Time'"
472472
class="mb-4"
@@ -482,7 +482,7 @@
482482
</ng-template>
483483
</c-widget-stat-c>
484484
</c-col>
485-
<c-col md="2" sm="6">
485+
<c-col xl="2" lg="4" sm="6">
486486
<c-widget-stat-c
487487
[title]="'Comments'"
488488
class="mb-4"
@@ -502,7 +502,7 @@
502502
</app-docs-example>
503503
<app-docs-example href="components/widgets/#cwidgetstatsc">
504504
<c-row>
505-
<c-col md="2" sm="6">
505+
<c-col xl="2" lg="4" sm="6">
506506
<c-widget-stat-c
507507
[title]="'Visitors'"
508508
class="mb-4"
@@ -520,7 +520,7 @@
520520
</ng-template>
521521
</c-widget-stat-c>
522522
</c-col>
523-
<c-col md="2" sm="6">
523+
<c-col xl="2" lg="4" sm="6">
524524
<c-widget-stat-c
525525
[title]="'New Clients'"
526526
class="mb-4"
@@ -538,7 +538,7 @@
538538
</ng-template>
539539
</c-widget-stat-c>
540540
</c-col>
541-
<c-col md="2" sm="6">
541+
<c-col xl="2" lg="4" sm="6">
542542
<c-widget-stat-c
543543
[title]="'Products sold'"
544544
class="mb-4"
@@ -556,7 +556,7 @@
556556
</ng-template>
557557
</c-widget-stat-c>
558558
</c-col>
559-
<c-col md="2" sm="6">
559+
<c-col xl="2" lg="4" sm="6">
560560
<c-widget-stat-c
561561
[title]="'Returning Visitors'"
562562
class="mb-4"
@@ -574,7 +574,7 @@
574574
</ng-template>
575575
</c-widget-stat-c>
576576
</c-col>
577-
<c-col md="2" sm="6">
577+
<c-col xl="2" lg="4" sm="6">
578578
<c-widget-stat-c
579579
[title]="'Avg. Time'"
580580
class="mb-4"
@@ -592,7 +592,7 @@
592592
</ng-template>
593593
</c-widget-stat-c>
594594
</c-col>
595-
<c-col md="2" sm="6">
595+
<c-col xl="2" lg="4" sm="6">
596596
<c-widget-stat-c
597597
[title]="'Comments'"
598598
class="mb-4"

0 commit comments

Comments
 (0)