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

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

View File

@@ -0,0 +1 @@
body,html{font-family:Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center}#app,.md-app,.page-container,body{height:100%}.hljs{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;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}

View File

@@ -1 +0,0 @@
body,html{font-family:Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center}#app,.md-app,.page-container,body{height:100%}.hljs{background-color:transparent!important}#font-data{padding:0 2em;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}

View File

@@ -1 +1 @@
<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=stylesheet href="//fonts.googleapis.com/css?family=Roboto:400,500,700,400italic|Material+Icons"><link rel=icon href=/calligraphy/favicon.ico><title>calligraphy</title><link href=/calligraphy/js/chunk-2d216214.e238e43d.js rel=prefetch><link href=/calligraphy/js/chunk-2d216257.256ee085.js rel=prefetch><link href=/calligraphy/js/chunk-718c3938.fc7095e4.js rel=prefetch><link href=/calligraphy/css/app.c9eb7770.css rel=preload as=style><link href=/calligraphy/css/chunk-vendors.f0c5b23d.css rel=preload as=style><link href=/calligraphy/js/app.c294709c.js rel=preload as=script><link href=/calligraphy/js/chunk-vendors.c6a344ee.js rel=preload as=script><link href=/calligraphy/css/chunk-vendors.f0c5b23d.css rel=stylesheet><link href=/calligraphy/css/app.c9eb7770.css rel=stylesheet></head><body><noscript><strong>We're sorry but calligraphy doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=/calligraphy/js/chunk-vendors.c6a344ee.js></script><script src=/calligraphy/js/app.c294709c.js></script></body></html>
<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=stylesheet href="//fonts.googleapis.com/css?family=Roboto:400,500,700,400italic|Material+Icons"><link rel=icon href=/calligraphy/favicon.ico><title>calligraphy</title><link href=/calligraphy/js/chunk-2d216214.e238e43d.js rel=prefetch><link href=/calligraphy/js/chunk-2d216257.256ee085.js rel=prefetch><link href=/calligraphy/js/chunk-718c3938.fc7095e4.js rel=prefetch><link href=/calligraphy/css/app.0c8b8368.css rel=preload as=style><link href=/calligraphy/css/chunk-vendors.f0c5b23d.css rel=preload as=style><link href=/calligraphy/js/app.aae8026d.js rel=preload as=script><link href=/calligraphy/js/chunk-vendors.c6a344ee.js rel=preload as=script><link href=/calligraphy/css/chunk-vendors.f0c5b23d.css rel=stylesheet><link href=/calligraphy/css/app.0c8b8368.css rel=stylesheet></head><body><noscript><strong>We're sorry but calligraphy doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=/calligraphy/js/chunk-vendors.c6a344ee.js></script><script src=/calligraphy/js/app.aae8026d.js></script></body></html>

2
docs/js/app.aae8026d.js Normal file
View File

File diff suppressed because one or more lines are too long

View File

File diff suppressed because one or more lines are too long

View File

File diff suppressed because one or more lines are too long

View File

File diff suppressed because one or more lines are too long

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 */