Skip to content

Commit 87eaeea

Browse files
xidedixxidedix
committed
refactor: card header margins
1 parent dac5b74 commit 87eaeea

19 files changed

+105
-92
lines changed

‎CHANGELOG.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,7 @@
33
##### `v2.0.0-rc.0`
44
- test(unit): add some views testing
55
- test(e2e): add testing for mobile `sidebar-show`
6+
- refactor: card headers margins
67
- chore: update `vue` to `2.5.17`
78
- chore: update `vue-template-compiler` to `2.5.17`
89
- chore: update `@vue/cli-plugin-babel` to `3.0.1`

‎src/views/base/Breadcrumbs.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
header-tag="header"
88
footer-tag="footer">
99
<div slot="header">
10-
<i class="fa fa-align-justify"></i> <strong>Bootstrap Breadcrumb</strong>
10+
<i class="fa fa-align-justify"></i><strong> Bootstrap Breadcrumb</strong>
1111
<div class="card-header-actions">
1212
<a href="https://bootstrap-vue.js.org/docs/components/breadcrumb" class="card-header-action" rel="noreferrer noopener" target="_blank">
1313
<small class="text-muted">docs</small>

‎src/views/base/Carousels.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
header-tag="header"
88
footer-tag="footer">
99
<div slot="header">
10-
<i class="fa fa-align-justify"></i> <strong>Bootstrap Carousel</strong>
10+
<i class="fa fa-align-justify"></i><strong> Bootstrap Carousel</strong>
1111
<div class="card-header-actions">
1212
<a href="https://bootstrap-vue.js.org/docs/components/carousel" class="card-header-action" rel="noreferrer noopener" target="_blank">
1313
<small class="text-muted">docs</small>

‎src/views/base/Collapses.vue

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
header-tag="header"
88
footer-tag="footer">
99
<div slot="header">
10-
<i class="fa fa-align-justify"></i> <strong>Bootstrap Collapse</strong>
10+
<i class="fa fa-align-justify"></i><strong> Bootstrap Collapse </strong>
1111
<div class="card-header-actions">
1212
<a href="https://bootstrap-vue.js.org/docs/components/collapse" class="card-header-action" rel="noreferrer noopener" target="_blank">
1313
<small class="text-muted">docs</small>
@@ -33,7 +33,7 @@
3333
header-tag="header"
3434
footer-tag="footer">
3535
<div slot="header">
36-
<i class="fa fa-align-justify"></i> <strong>Collapse</strong> <small>with <code>v-b-toggle</code> directive</small>
36+
<i class="fa fa-align-justify"></i><strong> Collapse </strong> <small>with <code>v-b-toggle</code> directive</small>
3737
</div>
3838
<div>
3939
<!-- Using modifiers -->
@@ -58,7 +58,7 @@
5858
header-tag="header"
5959
footer-tag="footer">
6060
<div slot="header">
61-
<i class="fa fa-align-justify"></i> <strong>Collapse</strong> <small>with <code>visibility</code></small>
61+
<i class="fa fa-align-justify"></i><strong> Collapse </strong> <small>with <code>visibility</code></small>
6262
</div>
6363
<div>
6464
<b-btn v-b-toggle.collapse3 class="m-1">Toggle Collapse</b-btn>
@@ -75,7 +75,7 @@
7575
header-tag="header"
7676
footer-tag="footer">
7777
<div slot="header">
78-
<i class="fa fa-align-justify"></i> <strong>Collapse</strong> <small>with <code>v-model</code></small>
78+
<i class="fa fa-align-justify"></i><strong> Collapse </strong> <small>with <code>v-model</code></small>
7979
</div>
8080
<div>
8181
<b-btn @click="showCollapse = !showCollapse"
@@ -99,7 +99,7 @@
9999
header-tag="header"
100100
footer-tag="footer">
101101
<div slot="header">
102-
<i class="fa fa-align-justify"></i> <strong>Collapse</strong> <small>multiple elements</small>
102+
<i class="fa fa-align-justify"></i><strong> Collapse </strong> <small>multiple elements</small>
103103
</div>
104104
<div>
105105
<!-- Single button triggers two b-collapse components -->
@@ -124,7 +124,7 @@
124124
header-tag="header"
125125
footer-tag="footer">
126126
<div slot="header">
127-
<i class="fa fa-align-justify"></i> <strong>Collapse</strong> <small><code>accordion</code> support</small>
127+
<i class="fa fa-align-justify"></i><strong> Collapse </strong> <small><code>accordion</code> support</small>
128128
</div>
129129
<div role="tablist">
130130
<b-card no-body class="mb-1">

‎src/views/base/Forms.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<b-col sm="6">
55
<b-card>
66
<div slot="header">
7-
<strong>Credit Card</strong> <small>Form</small>
7+
<strong>Credit Card </strong> <small>Form</small>
88
</div>
99
<b-row>
1010
<b-col sm="12">
@@ -53,7 +53,7 @@
5353
<b-col sm="6">
5454
<b-card>
5555
<div slot="header">
56-
<strong>Company</strong> <small>Form</small>
56+
<strong>Company </strong><small>Form</small>
5757
</div>
5858
<b-form-group>
5959
<label for="company">Company</label>

‎src/views/base/Jumbotrons.vue

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
header-tag="header"
88
footer-tag="footer">
99
<div slot="header">
10-
<i class="fa fa-align-justify"></i> <strong>Bootstrap Jumbotron</strong>
10+
<i class="fa fa-align-justify"></i> <strong> Bootstrap Jumbotron </strong>
1111
<div class="card-header-actions">
1212
<a href="https://bootstrap-vue.js.org/docs/components/jumbotron" class="card-header-action" rel="noreferrer noopener" target="_blank">
1313
<small class="text-muted">docs</small>
@@ -27,7 +27,7 @@
2727
header-tag="header"
2828
footer-tag="footer">
2929
<div slot="header">
30-
<i class="fa fa-align-justify"></i> <strong>Jumbotron</strong>
30+
<i class="fa fa-align-justify"></i> <strong> Jumbotron </strong>
3131
<small>with slots</small>
3232
</div>
3333
<div>
@@ -57,7 +57,7 @@
5757
header-tag="header"
5858
footer-tag="footer">
5959
<div slot="header">
60-
<i class="fa fa-align-justify"></i> <strong>Jumbotron</strong>
60+
<i class="fa fa-align-justify"></i> <strong> Jumbotron </strong>
6161
<small>variants</small>
6262
</div>
6363
<div>

‎src/views/base/ListGroups.vue

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
header-tag="header"
88
footer-tag="footer">
99
<div slot="header">
10-
<i class="fa fa-align-justify"></i> <strong>Bootstrap list group</strong>
10+
<i class="fa fa-align-justify"></i><strong> Bootstrap list group </strong>
1111
<div class="card-header-actions">
1212
<a href="https://bootstrap-vue.js.org/docs/components/list-group" class="card-header-action" rel="noreferrer noopener" target="_blank">
1313
<small class="text-muted">docs</small>
@@ -28,7 +28,7 @@
2828
header-tag="header"
2929
footer-tag="footer">
3030
<div slot="header">
31-
<i class="fa fa-align-justify"></i> <strong>List group</strong> <small>active items</small>
31+
<i class="fa fa-align-justify"></i><strong> List group </strong><small>active items</small>
3232
</div>
3333
<b-list-group>
3434
<b-list-group-item>Cras justo odio</b-list-group-item>
@@ -46,7 +46,7 @@
4646
header-tag="header"
4747
footer-tag="footer">
4848
<div slot="header">
49-
<i class="fa fa-align-justify"></i> <strong>List group</strong> <small>disabled items</small>
49+
<i class="fa fa-align-justify"></i><strong> List group </strong><small>disabled items</small>
5050
</div>
5151
<b-list-group>
5252
<b-list-group-item disabled>Cras justo odio</b-list-group-item>
@@ -62,7 +62,7 @@
6262
header-tag="header"
6363
footer-tag="footer">
6464
<div slot="header">
65-
<i class="fa fa-align-justify"></i> <strong>List group</strong> <small>actionable items</small>
65+
<i class="fa fa-align-justify"></i><strong> List group </strong><small>actionable items</small>
6666
</div>
6767
<b-list-group>
6868
<b-list-group-item href="#some-link">Awesome link</b-list-group-item>
@@ -79,7 +79,7 @@
7979
header-tag="header"
8080
footer-tag="footer">
8181
<div slot="header">
82-
<i class="fa fa-align-justify"></i> <strong>List group</strong> <small>buttons</small>
82+
<i class="fa fa-align-justify"></i><strong> List group </strong><small>buttons</small>
8383
</div>
8484
<b-list-group>
8585
<b-list-group-item button>Button item</b-list-group-item>
@@ -94,7 +94,7 @@
9494
header-tag="header"
9595
footer-tag="footer">
9696
<div slot="header">
97-
<i class="fa fa-align-justify"></i> <strong>List group</strong> <small>with badges</small>
97+
<i class="fa fa-align-justify"></i><strong> List group </strong><small>with badges</small>
9898
</div>
9999
<b-list-group>
100100
<b-list-group-item class="d-flex justify-content-between align-items-center">
@@ -119,7 +119,7 @@
119119
header-tag="header"
120120
footer-tag="footer">
121121
<div slot="header">
122-
<i class="fa fa-align-justify"></i> <strong>List group</strong> <small>variants</small>
122+
<i class="fa fa-align-justify"></i><strong> List group </strong><small>variants</small>
123123
</div>
124124
<b-list-group>
125125
<b-list-group-item>This is a default list group item</b-list-group-item>
@@ -139,7 +139,7 @@
139139
header-tag="header"
140140
footer-tag="footer">
141141
<div slot="header">
142-
<i class="fa fa-align-justify"></i> <strong>List group</strong> <small>variants active</small>
142+
<i class="fa fa-align-justify"></i><strong> List group </strong><small>variants active</small>
143143
</div>
144144
<b-list-group>
145145
<b-list-group-item href="#">This is a default list group item</b-list-group-item>
@@ -161,7 +161,7 @@
161161
header-tag="header"
162162
footer-tag="footer">
163163
<div slot="header">
164-
<i class="fa fa-align-justify"></i> <strong>List group</strong> <small>inside cards</small>
164+
<i class="fa fa-align-justify"></i><strong> List group </strong><small>inside cards</small>
165165
</div>
166166
<b-card-group deck>
167167
<b-card header="<b>Card with list group</b>">
@@ -200,7 +200,7 @@
200200
header-tag="header"
201201
footer-tag="footer">
202202
<div slot="header">
203-
<i class="fa fa-align-justify"></i> <strong>List group</strong> <small>custom content</small>
203+
<i class="fa fa-align-justify"></i><strong> List group </strong><small>custom content</small>
204204
</div>
205205
<b-list-group>
206206
<b-list-group-item href="#" active class="flex-column align-items-start">

‎src/views/base/Navbars.vue

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
header-tag="header"
66
footer-tag="footer">
77
<div slot="header">
8-
<i class="fa fa-align-justify"></i> <strong>Bootstrap Navbar</strong>
8+
<i class="fa fa-align-justify"></i><strong> Bootstrap Navbar </strong>
99
<div class="card-header-actions">
1010
<a href="https://bootstrap-vue.js.org/docs/components/navbar" class="card-header-action" rel="noreferrer noopener" target="_blank">
1111
<small class="text-muted">docs</small>
@@ -57,7 +57,7 @@
5757
header-tag="header"
5858
footer-tag="footer">
5959
<div slot="header">
60-
<i class="fa fa-align-justify"></i> <strong>Navbar</strong>
60+
<i class="fa fa-align-justify"></i> <strong> Navbar </strong>
6161
<small>brand</small>
6262
</div>
6363
<div>
@@ -74,7 +74,7 @@
7474
header-tag="header"
7575
footer-tag="footer">
7676
<div slot="header">
77-
<i class="fa fa-align-justify"></i> <strong>Navbar</strong>
77+
<i class="fa fa-align-justify"></i> <strong> Navbar </strong>
7878
<small>text</small>
7979
</div>
8080
<div>
@@ -93,7 +93,7 @@
9393
header-tag="header"
9494
footer-tag="footer">
9595
<div slot="header">
96-
<i class="fa fa-align-justify"></i> <strong>Navbar</strong>
96+
<i class="fa fa-align-justify"></i> <strong> Navbar </strong>
9797
<small>dropdown</small>
9898
</div>
9999
<div>
@@ -123,7 +123,7 @@
123123
header-tag="header"
124124
footer-tag="footer">
125125
<div slot="header">
126-
<i class="fa fa-align-justify"></i> <strong>Navbar</strong>
126+
<i class="fa fa-align-justify"></i> <strong> Navbar </strong>
127127
<small>form</small>
128128
</div>
129129
<div>
@@ -139,7 +139,7 @@
139139
header-tag="header"
140140
footer-tag="footer">
141141
<div slot="header">
142-
<i class="fa fa-align-justify"></i> <strong>Navbar</strong>
142+
<i class="fa fa-align-justify"></i> <strong> Navbar </strong>
143143
<small>input group</small>
144144
</div>
145145
<div>

‎src/views/base/Navs.vue

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
header-tag="header"
66
footer-tag="footer">
77
<div slot="header">
8-
<i class="fa fa-align-justify"></i> <strong>Bootstrap Navs</strong>
8+
<i class="fa fa-align-justify"></i><strong> Bootstrap Navs</strong>
99
<div class="card-header-actions">
1010
<a href="https://bootstrap-vue.js.org/docs/components/nav" class="card-header-action" rel="noreferrer noopener" target="_blank">
1111
<small class="text-muted">docs</small>
@@ -25,7 +25,7 @@
2525
header-tag="header"
2626
footer-tag="footer">
2727
<div slot="header">
28-
<i class="fa fa-align-justify"></i> <strong>Bootstrap Navs</strong> <small>tab style</small>
28+
<i class="fa fa-align-justify"></i><strong> Bootstrap Navs </strong><small>tab style</small>
2929
</div>
3030
<div>
3131
<b-nav tabs>
@@ -40,7 +40,7 @@
4040
header-tag="header"
4141
footer-tag="footer">
4242
<div slot="header">
43-
<i class="fa fa-align-justify"></i> <strong>Bootstrap Navs</strong> <small>pill style</small>
43+
<i class="fa fa-align-justify"></i><strong> Bootstrap Navs </strong><small>pill style</small>
4444
</div>
4545
<div>
4646
<b-nav pills>
@@ -55,7 +55,7 @@
5555
header-tag="header"
5656
footer-tag="footer">
5757
<div slot="header">
58-
<i class="fa fa-align-justify"></i> <strong>Bootstrap Navs</strong> <small>fill tabs</small>
58+
<i class="fa fa-align-justify"></i><strong> Bootstrap Navs </strong><small>fill tabs</small>
5959
</div>
6060
<div>
6161
<b-nav fill tabs>
@@ -70,7 +70,7 @@
7070
header-tag="header"
7171
footer-tag="footer">
7272
<div slot="header">
73-
<i class="fa fa-align-justify"></i> <strong>Bootstrap Navs</strong> <small>justified tabs</small>
73+
<i class="fa fa-align-justify"></i><strong> Bootstrap Navs </strong><small>justified tabs</small>
7474
</div>
7575
<div>
7676
<b-nav justified tabs>
@@ -85,7 +85,7 @@
8585
header-tag="header"
8686
footer-tag="footer">
8787
<div slot="header">
88-
<i class="fa fa-align-justify"></i> <strong>Bootstrap Navs</strong> <small>dropdown support</small>
88+
<i class="fa fa-align-justify"></i><strong> Bootstrap Navs </strong><small>dropdown support</small>
8989
</div>
9090
<div>
9191
<b-nav pills>
@@ -104,7 +104,7 @@
104104
header-tag="header"
105105
footer-tag="footer">
106106
<div slot="header">
107-
<i class="fa fa-align-justify"></i> <strong>Bootstrap Navs</strong> <small>vertical variation</small>
107+
<i class="fa fa-align-justify"></i><strong> Bootstrap Navs </strong><small>vertical variation</small>
108108
</div>
109109
<div>
110110
<b-nav vertical class="w-25">

‎src/views/base/Paginations.vue

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
header-tag="header"
66
footer-tag="footer">
77
<div slot="header">
8-
<i class="fa fa-align-justify"></i> <strong>Bootstrap Pagination</strong>
8+
<i class="fa fa-align-justify"></i><strong> Bootstrap Pagination</strong>
99
<div class="card-header-actions">
1010
<a href="https://bootstrap-vue.js.org/docs/components/pagination" class="card-header-action" rel="noreferrer noopener" target="_blank">
1111
<small class="text-muted">docs</small>
@@ -37,7 +37,7 @@
3737
header-tag="header"
3838
footer-tag="footer">
3939
<div slot="header">
40-
<i class="fa fa-align-justify"></i> <strong>Pagination</strong>
40+
<i class="fa fa-align-justify"></i><strong> Pagination </strong>
4141
<small>alignment</small>
4242
</div>
4343
<div>
@@ -63,7 +63,7 @@
6363
header-tag="header"
6464
footer-tag="footer">
6565
<div slot="header">
66-
<i class="fa fa-align-justify"></i> <strong>Pagination</strong>
66+
<i class="fa fa-align-justify"></i><strong> Pagination </strong>
6767
<small>navigation</small>
6868
</div>
6969
<div>

0 commit comments

Comments
 (0)