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

refactor: card header title spacing

Browse Source
This commit is contained in:
xidedix
2018-04-06 15:10:21 +02:00
parent 57845802c3
commit 8ada829e65
3 changed files with 7 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/notifications/Alerts.vue
+3 -6
View File
@@ -69,8 +69,7 @@
header-tag="header" header-tag="header"
footer-tag="footer"> footer-tag="footer">
<div slot="header"> <div slot="header">
<i class="fa fa-align-justify"></i>Alerts <i class="fa fa-align-justify"></i> Alerts <small>with additional content</small>
<small>with additional content</small>
</div> </div>
<b-alert show variant="success"> <b-alert show variant="success">
<h4 class="alert-heading">Well done!</h4> <h4 class="alert-heading">Well done!</h4>
@@ -91,8 +90,7 @@
header-tag="header" header-tag="header"
footer-tag="footer"> footer-tag="footer">
<div slot="header"> <div slot="header">
<i class="fa fa-align-justify"></i>Alerts <i class="fa fa-align-justify"></i> Alerts <small>dismissible</small>
<small>dismissible</small>
</div> </div>
<div> <div>
<b-alert show dismissible> <b-alert show dismissible>
@@ -113,8 +111,7 @@
header-tag="header" header-tag="header"
footer-tag="footer"> footer-tag="footer">
<div slot="header"> <div slot="header">
<i class="fa fa-align-justify"></i>Alerts <i class="fa fa-align-justify"></i> Alerts <small>auto dismissible</small>
<small>auto dismissible</small>
</div> </div>
<div> <div>
<b-alert :show="dismissCountDown" <b-alert :show="dismissCountDown"
src/views/notifications/Badges.vue
+3 -3
View File
@@ -29,7 +29,7 @@
</b-card> </b-card>
</b-col> </b-col>
<b-col cols="12" md="6"> <b-col cols="12" md="6">
<b-card header="Badge <small>contextual variations</small>" <b-card header="<i class='fa fa-align-justify'></i> Badge <small>contextual variations</small>"
header-tag="header" header-tag="header"
footer-tag="footer"> footer-tag="footer">
<div> <div>
@@ -43,7 +43,7 @@
<b-badge variant="dark">Dark</b-badge> <b-badge variant="dark">Dark</b-badge>
</div> </div>
</b-card> </b-card>
<b-card header="Badge <small>pills</small>" <b-card header="<i class='fa fa-align-justify'></i> Badge <small>pills</small>"
header-tag="header" header-tag="header"
footer-tag="footer"> footer-tag="footer">
<div> <div>
@@ -57,7 +57,7 @@
<b-badge pill variant="dark">Dark</b-badge> <b-badge pill variant="dark">Dark</b-badge>
</div> </div>
</b-card> </b-card>
<b-card header="Badge <small>actionable</small>" <b-card header="<i class='fa fa-align-justify'></i> Badge <small>actionable</small>"
header-tag="header" header-tag="header"
footer-tag="footer"> footer-tag="footer">
<div> <div>
src/views/notifications/Modals.vue
+1 -1
View File
@@ -3,7 +3,7 @@
<div class="animated fadeIn"> <div class="animated fadeIn">
<b-row> <b-row>
<b-col cols="12"> <b-col cols="12">
<b-card header="Bootstrap Modals"> <b-card header="<i class='fa fa-align-justify'></i> Bootstrap Modals">
<b-button type="button" variant="secondary" @click="myModal = true">Launch demo modal</b-button> <b-button type="button" variant="secondary" @click="myModal = true">Launch demo modal</b-button>
<b-button type="button" variant="secondary" @click="largeModal = true">Launch large modal</b-button> <b-button type="button" variant="secondary" @click="largeModal = true">Launch large modal</b-button>
<b-button type="button" variant="secondary" @click="smallModal = true">Launch small modal</b-button> <b-button type="button" variant="secondary" @click="smallModal = true">Launch small modal</b-button>