diff options
| author | Acid Chicken (硫酸鶏) <root@acid-chicken.com> | 2018-12-11 20:19:13 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2018-12-11 20:19:13 +0900 |
| commit | 08142ead678c598b8500f563cc117bfa7faf5944 (patch) | |
| tree | 38e36da1904b52385d5649db60958ef57a0f12d8 /src/client/app/common | |
| parent | Show user fields (#3590) (diff) | |
| download | misskey-08142ead678c598b8500f563cc117bfa7faf5944.tar.gz misskey-08142ead678c598b8500f563cc117bfa7faf5944.tar.bz2 misskey-08142ead678c598b8500f563cc117bfa7faf5944.zip | |
Resolve #3581 (#3589)
* Update ja-JP.yml
* Create 404.vue
* Update script.ts
* Update script.ts
* Update script.ts
* Update script.ts
* Update script.ts
* Update script.ts
* Update 404.vue
* Update meta.ts
* Update instance.vue
* Update update-meta.ts
Diffstat (limited to 'src/client/app/common')
| -rw-r--r-- | src/client/app/common/views/pages/404.vue | 62 |
1 files changed, 62 insertions, 0 deletions
diff --git a/src/client/app/common/views/pages/404.vue b/src/client/app/common/views/pages/404.vue new file mode 100644 index 0000000000..236e43ec65 --- /dev/null +++ b/src/client/app/common/views/pages/404.vue @@ -0,0 +1,62 @@ +<template> +<figure> +<img :src="src" alt=""> +<figcaption> +<h1><span>404</span></h1> +<p><span>{{ $t('page-not-found') }}</span></p> +</figcaption> +</figure> +</template> + +<script lang="ts"> +import Vue from 'vue' +import i18n from '../../../i18n'; + +export default Vue.extend({ + i18n: i18n('common/views/pages/404.vue'), + data() { + return { + src: '/assets/error.jpg' + } + }, + created() { + this.$root.getMeta().then(meta => { + if (meta.errorImageUrl) + this.src = meta.errorImageUrl; + }); + } +}) +</script> + +<style lang="stylus" scoped> +figure + align-items center + bottom 0 + display flex + justify-content center + left 0 + margin auto + position fixed + right 0 + top 0 + + figcaption + margin 8px + + h1, + p + color var(--text) + display flex + flex-flow column + + * + position relative + width 100% + +@media (max-width: 767px) + figure + flex-flow column + + figcaption + text-align center +</style> |