sean/manja_ui_dev
1
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases Wiki Activity

refactor: card header margins

Browse Source
This commit is contained in:
xidedix
2018-08-21 15:20:19 +02:00
parent dac5b74454
commit 87eaeea01c
19 changed files with 105 additions and 92 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/base/ListGroups.vue
+10 -10
View File
@@ -7,7 +7,7 @@
header-tag="header"
footer-tag="footer">
<div slot="header">
<i class="fa fa-align-justify"></i> <strong>Bootstrap list group</strong>
<i class="fa fa-align-justify"></i><strong> Bootstrap list group </strong>
<div class="card-header-actions">
<a href="https://bootstrap-vue.js.org/docs/components/list-group" class="card-header-action" rel="noreferrer noopener" target="_blank">
<small class="text-muted">docs</small>
@@ -28,7 +28,7 @@
header-tag="header"
footer-tag="footer">
<div slot="header">
<i class="fa fa-align-justify"></i> <strong>List group</strong> <small>active items</small>
<i class="fa fa-align-justify"></i><strong> List group </strong><small>active items</small>
</div>
<b-list-group>
<b-list-group-item>Cras justo odio</b-list-group-item>
@@ -46,7 +46,7 @@
header-tag="header"
footer-tag="footer">
<div slot="header">
<i class="fa fa-align-justify"></i> <strong>List group</strong> <small>disabled items</small>
<i class="fa fa-align-justify"></i><strong> List group </strong><small>disabled items</small>
</div>
<b-list-group>
<b-list-group-item disabled>Cras justo odio</b-list-group-item>
@@ -62,7 +62,7 @@
header-tag="header"
footer-tag="footer">
<div slot="header">
<i class="fa fa-align-justify"></i> <strong>List group</strong> <small>actionable items</small>
<i class="fa fa-align-justify"></i><strong> List group </strong><small>actionable items</small>
</div>
<b-list-group>
<b-list-group-item href="#some-link">Awesome link</b-list-group-item>
@@ -79,7 +79,7 @@
header-tag="header"
footer-tag="footer">
<div slot="header">
<i class="fa fa-align-justify"></i> <strong>List group</strong> <small>buttons</small>
<i class="fa fa-align-justify"></i><strong> List group </strong><small>buttons</small>
</div>
<b-list-group>
<b-list-group-item button>Button item</b-list-group-item>
@@ -94,7 +94,7 @@
header-tag="header"
footer-tag="footer">
<div slot="header">
<i class="fa fa-align-justify"></i> <strong>List group</strong> <small>with badges</small>
<i class="fa fa-align-justify"></i><strong> List group </strong><small>with badges</small>
</div>
<b-list-group>
<b-list-group-item class="d-flex justify-content-between align-items-center">
@@ -119,7 +119,7 @@
header-tag="header"
footer-tag="footer">
<div slot="header">
<i class="fa fa-align-justify"></i> <strong>List group</strong> <small>variants</small>
<i class="fa fa-align-justify"></i><strong> List group </strong><small>variants</small>
</div>
<b-list-group>
<b-list-group-item>This is a default list group item</b-list-group-item>
@@ -139,7 +139,7 @@
header-tag="header"
footer-tag="footer">
<div slot="header">
<i class="fa fa-align-justify"></i> <strong>List group</strong> <small>variants active</small>
<i class="fa fa-align-justify"></i><strong> List group </strong><small>variants active</small>
</div>
<b-list-group>
<b-list-group-item href="#">This is a default list group item</b-list-group-item>
@@ -161,7 +161,7 @@
header-tag="header"
footer-tag="footer">
<div slot="header">
<i class="fa fa-align-justify"></i> <strong>List group</strong> <small>inside cards</small>
<i class="fa fa-align-justify"></i><strong> List group </strong><small>inside cards</small>
</div>
<b-card-group deck>
<b-card header="<b>Card with list group</b>">
@@ -200,7 +200,7 @@
header-tag="header"
footer-tag="footer">
<div slot="header">
<i class="fa fa-align-justify"></i> <strong>List group</strong> <small>custom content</small>
<i class="fa fa-align-justify"></i><strong> List group </strong><small>custom content</small>
</div>
<b-list-group>
<b-list-group-item href="#" active class="flex-column align-items-start">