diff options
Diffstat (limited to 'src/web/app/mobile/views/pages/post.vue')
| -rw-r--r-- | src/web/app/mobile/views/pages/post.vue | 85 |
1 files changed, 0 insertions, 85 deletions
diff --git a/src/web/app/mobile/views/pages/post.vue b/src/web/app/mobile/views/pages/post.vue deleted file mode 100644 index 2ed2ebfcfd..0000000000 --- a/src/web/app/mobile/views/pages/post.vue +++ /dev/null @@ -1,85 +0,0 @@ -<template> -<mk-ui> - <span slot="header">%fa:R sticky-note%%i18n:mobile.tags.mk-post-page.title%</span> - <main v-if="!fetching"> - <a v-if="post.next" :href="post.next">%fa:angle-up%%i18n:mobile.tags.mk-post-page.next%</a> - <div> - <mk-post-detail :post="post"/> - </div> - <a v-if="post.prev" :href="post.prev">%fa:angle-down%%i18n:mobile.tags.mk-post-page.prev%</a> - </main> -</mk-ui> -</template> - -<script lang="ts"> -import Vue from 'vue'; -import Progress from '../../../common/scripts/loading'; - -export default Vue.extend({ - data() { - return { - fetching: true, - post: null - }; - }, - watch: { - $route: 'fetch' - }, - created() { - this.fetch(); - }, - mounted() { - document.title = 'Misskey'; - document.documentElement.style.background = '#313a42'; - }, - methods: { - fetch() { - Progress.start(); - this.fetching = true; - - (this as any).api('posts/show', { - post_id: this.$route.params.post - }).then(post => { - this.post = post; - this.fetching = false; - - Progress.done(); - }); - } - } -}); -</script> - -<style lang="stylus" scoped> -main - text-align center - - > div - margin 8px auto - padding 0 - max-width 500px - width calc(100% - 16px) - - @media (min-width 500px) - margin 16px auto - width calc(100% - 32px) - - > a - display inline-block - - &:first-child - margin-top 8px - - @media (min-width 500px) - margin-top 16px - - &:last-child - margin-bottom 8px - - @media (min-width 500px) - margin-bottom 16px - - > [data-fa] - margin-right 4px - -</style> |