sean/manja_ui_dev
1
0
Fork 0
Code Issues Pull Requests Actions 2 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/Collapses.vue
+6 -6
View File
@@ -7,7 +7,7 @@
header-tag="header"
footer-tag="footer">
<div slot="header">
<i class="fa fa-align-justify"></i> <strong>Bootstrap Collapse</strong>
<i class="fa fa-align-justify"></i><strong> Bootstrap Collapse </strong>
<div class="card-header-actions">
<a href="https://bootstrap-vue.js.org/docs/components/collapse" class="card-header-action" rel="noreferrer noopener" target="_blank">
<small class="text-muted">docs</small>
@@ -33,7 +33,7 @@
header-tag="header"
footer-tag="footer">
<div slot="header">
<i class="fa fa-align-justify"></i> <strong>Collapse</strong> <small>with <code>v-b-toggle</code> directive</small>
<i class="fa fa-align-justify"></i><strong> Collapse </strong> <small>with <code>v-b-toggle</code> directive</small>
</div>
<div>
<!-- Using modifiers -->
@@ -58,7 +58,7 @@
header-tag="header"
footer-tag="footer">
<div slot="header">
<i class="fa fa-align-justify"></i> <strong>Collapse</strong> <small>with <code>visibility</code></small>
<i class="fa fa-align-justify"></i><strong> Collapse </strong> <small>with <code>visibility</code></small>
</div>
<div>
<b-btn v-b-toggle.collapse3 class="m-1">Toggle Collapse</b-btn>
@@ -75,7 +75,7 @@
header-tag="header"
footer-tag="footer">
<div slot="header">
<i class="fa fa-align-justify"></i> <strong>Collapse</strong> <small>with <code>v-model</code></small>
<i class="fa fa-align-justify"></i><strong> Collapse </strong> <small>with <code>v-model</code></small>
</div>
<div>
<b-btn @click="showCollapse = !showCollapse"
@@ -99,7 +99,7 @@
header-tag="header"
footer-tag="footer">
<div slot="header">
<i class="fa fa-align-justify"></i> <strong>Collapse</strong> <small>multiple elements</small>
<i class="fa fa-align-justify"></i><strong> Collapse </strong> <small>multiple elements</small>
</div>
<div>
<!-- Single button triggers two b-collapse components -->
@@ -124,7 +124,7 @@
header-tag="header"
footer-tag="footer">
<div slot="header">
<i class="fa fa-align-justify"></i> <strong>Collapse</strong> <small><code>accordion</code> support</small>
<i class="fa fa-align-justify"></i><strong> Collapse </strong> <small><code>accordion</code> support</small>
</div>
<div role="tablist">
<b-card no-body class="mb-1">