Hopiu/vue-material
1
0
Fork 0
mirror of https://github.com/Hopiu/vue-material.git synced 2026-03-16 22:10:27 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Improve look and feel of toolbar

Browse source
This commit is contained in:
Marcos Moura 2016-08-31 19:20:49 -03:00
parent 96d5fdc0f1
commit d60c0f2157
1 changed files with 10 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
src/docs/App.vue
View file

@ -29,14 +29,16 @@
</md-sidenav>
<div class="page-content">
<md-whiteframe class="main-header" md-elevation="3">
<md-whiteframe class="main-header" md-elevation="2">
<md-toolbar>
<md-button class="md-icon-button">
<md-icon>menu</md-icon>
</md-button>
<div class="md-title">
<span class="logo-vue-material">Vue Material – </span><span class="page-title">Home</span>
<span class="logo-vue-material">Vue Material</span>
<span> – </span>
<span class="page-title">Home</span>
</div>
</md-toolbar>
</md-whiteframe>
@ -84,14 +86,8 @@
}
.md-title {
font-size: 18px;
.logo-vue-material {
display: inline-block;
@media (min-width: 1280px) {
display: none;
}
}
.page-title {
@ -101,6 +97,12 @@
margin-left: 8px;
}
}
span:not(.page-title) {
@media (min-width: 1280px) {
display: none;
}
}
}
}