xevion/calligraphy
1
0
Fork 0
mirror of https://github.com/Xevion/calligraphy.git synced 2025-12-15 00:11:19 -06:00
Code Issues Packages Projects Releases Wiki Activity

changed icons, added bottom about button, fixed padding from improper onclick events for md-list-item components, custom margin-left CSS fix

Browse Source
This commit is contained in:
Xevion
2020-08-24 21:37:24 -05:00
parent 666befaad6
commit 11e764aff0
8 changed files with 19 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/App.vue
View File

@@ -6,34 +6,22 @@
<span class="md-title">Calligraphy</span>
</md-app-toolbar>
<md-app-drawer :md-active.sync="menuVisible" md-persistent="mini" md-permanent="clipped">
<md-toolbar class="md-transparent" md-elevation="0">
<span>Navigation</span>
</md-toolbar>
<md-list>
<md-list-item>
<!-- <md-button class="md-icon-button" @click="toggleMenu">-->
<md-icon>move_to_inbox</md-icon>
<!-- </md-button>-->
<md-app-drawer md-persistent="mini" md-permanent="clipped">
<md-list style="height: 100%">
<md-list-item @click="toggleMenu">
<md-icon>visibility</md-icon>
</md-list-item>
<md-list-item>
<md-button class="md-icon-button" @click="toggleMenu">
<md-icon>send</md-icon>
</md-button>
<md-list-item @click="toggleMenu">
<md-icon>create</md-icon>
</md-list-item>
<md-list-item>
<md-button class="md-icon-button" @click="toggleMenu">
<md-icon>delete</md-icon>
</md-button>
<md-list-item @click="toggleMenu">
<md-icon>colorize</md-icon>
</md-list-item>
<md-list-item>
<md-button class="md-icon-button" @click="toggleMenu">
<md-icon>error</md-icon>
</md-button>
<md-list-item @click="toggleMenu" style="margin-top: auto">
<md-icon>help</md-icon>
</md-list-item>
</md-list>
</md-app-drawer>
@@ -88,6 +76,10 @@ body, #app, .page-container, .md-app {
background-color: transparent !important;
}
.md-list-item-content > .md-icon:last-child {
margin-left: 0 !important;
}
#font-data {
padding: 0 2em;
white-space: pre-wrap; /* css-3 */