summaryrefslogtreecommitdiff
path: root/src/web/app/mobile/views/pages/post.vue
diff options
context:
space:
mode:
Diffstat (limited to 'src/web/app/mobile/views/pages/post.vue')
-rw-r--r--src/web/app/mobile/views/pages/post.vue85
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>