Hopiu/vue-material
1
0
Fork 0
mirror of https://github.com/Hopiu/vue-material.git synced 2026-05-15 10:43:12 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

create error page with the new template

Browse source
This commit is contained in:
Marcos Moura 2016-11-28 16:27:17 -02:00
parent 96cbb4c7e7
commit 751530fc9e
4 changed files with 23 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
docs/src/assets/logo-vue-material-red.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 3.9 KiB

4
docs/src/config.js
View file

@ -51,6 +51,10 @@ Vue.material.theme.registerAll({
primary: 'cyan',
accent: 'pink'
},
red: {
primary: 'red',
accent: 'pink'
},
white: {
primary: 'white',
accent: 'blue'

2
docs/src/index.js
View file

@ -51,6 +51,8 @@ let handleSectionTheme = (currentRoute) => {
Docs.theme = 'orange';
} else if (currentRoute.name.indexOf('about') >= 0) {
Docs.theme = 'green';
} else if (currentRoute.name.indexOf('error') >= 0) {
Docs.theme = 'red';
} else {
Docs.theme = 'default';
}

24
docs/src/pages/Error.vue
View file

@ -1,9 +1,19 @@
<template>
<single-page class="single-page-home" label="Error">
<single-page-banner label="Error 404"></single-page-banner>
<h2 class="md-headline">Hmmm. Too bad</h2>
<p>Are you searching for a new component? Or maybe you have an question? Get in touch!</p>
<md-button class="md-primary md-raised" href="https://github.com/marcosmoura/vue-material/issues/new" target="_blank" rel="noopener">New Issue</md-button>
</single-page>
<page-content page-title="Error">
<div class="main-content">
<section>
<h2 class="md-headline">Hmmm. Too bad</h2>
<p>Are you searching for a new component? Or maybe you have an question? Get in touch!</p>
<md-button class="md-primary md-raised" href="mailto:marcosvmmoura@gmail.com?Subject=Vue%20Material%20-%20Question" target="_blank" rel="noopener">E-mail</md-button>
<md-button class="md-primary md-raised" href="https://github.com/marcosmoura/vue-material/issues/new" target="_blank" rel="noopener">New Issue</md-button>
</section>
</div>
</page-content>
</template>
<style lang="scss" scoped>
section {
margin-top: 64px;
text-align: center;
}
</style>