mirror of
https://github.com/Xevion/calligraphy.git
synced 2025-12-06 01:14:35 -06:00
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:
1
docs/css/app.0c8b8368.css
Normal file
1
docs/css/app.0c8b8368.css
Normal 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}
|
||||
@@ -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}
|
||||
@@ -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
2
docs/js/app.aae8026d.js
Normal file
File diff suppressed because one or more lines are too long
1
docs/js/app.aae8026d.js.map
Normal file
1
docs/js/app.aae8026d.js.map
Normal file
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
36
src/App.vue
36
src/App.vue
@@ -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 */
|
||||
|
||||
Reference in New Issue
Block a user