Hopiu/vue-material
1
0
Fork 0
mirror of https://github.com/Hopiu/vue-material.git synced 2026-04-30 11:34:47 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add icon button section

Browse source
This commit is contained in:
Marcos Moura 2016-07-18 00:44:40 -03:00
parent 0931ae004f
commit 9da8a6d924
3 changed files with 28 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/mdButton/mdButton.scss
View file

@ -71,7 +71,7 @@ $button-icon-size: 40px;
box-shadow: $material-shadow-2dp;
}
&.md-dense {
&.md-dense:not(.md-icon-button) {
min-height: $button-dense-height;
line-height: $button-dense-height;
font-size: 13px;

5
src/docs.scss
View file

@ -9,9 +9,6 @@
}
.md-bottom-bar {
position: absolute;
right: 0;
bottom: 0;
left: 0;
margin-top: 424px;
}
}

27
src/docs.vue
View file

@ -10,9 +10,34 @@
<md-link-button class="md-warn">Warn</md-link-button>
<md-link-button class="md-raised md-primary" :disabled="!disabled">Disabled</md-link-button>
<md-link-button class="md-raised md-dense md-accent">Dense</md-link-button>
</section>
<section>
<h2 class="title">Icon Button</h2>
<md-link-button class="md-icon-button">
<md-icon>menu</md-icon>
</md-link-button>
<md-link-button class="md-icon-button md-primary">
<md-icon>favorite</md-icon>
</md-link-button>
<md-link-button class="md-icon-button md-accent">
<md-icon>refresh</md-icon>
</md-link-button>
<md-link-button class="md-icon-button md-warn">
<md-icon>star</md-icon>
</md-link-button>
<md-link-button class="md-icon-button md-primary md-raised">
<md-icon>list</md-icon>
</md-link-button>
<md-link-button class="md-icon-button md-warn md-raised md-dense">
<md-icon>filter</md-icon>
</md-link-button>
</section>
<section>
@ -62,7 +87,7 @@
</div>
<div class="cell-phone">
<md-bottom-bar md-shift style="margin-top: 24px">
<md-bottom-bar md-shift>
<md-bottom-bar-item md-icon="ondemand_video">Movies</md-bottom-bar-item>
<md-bottom-bar-item md-icon="music_note">Music</md-bottom-bar-item>
<md-bottom-bar-item class="md-active" md-icon="books">Books</md-bottom-bar-item>