summaryrefslogtreecommitdiff
path: root/src/server/web/app/desktop/views/components/posts.post.sub.vue
diff options
context:
space:
mode:
authorsyuilo <syuilotan@yahoo.co.jp>2018-03-29 20:32:18 +0900
committersyuilo <syuilotan@yahoo.co.jp>2018-03-29 20:32:18 +0900
commitcf33e483f7e6f40e8cbbbc0118a7df70bdaf651f (patch)
tree318279530d3392ee40d91968477fc0e78d5cf0f7 /src/server/web/app/desktop/views/components/posts.post.sub.vue
parentUpdate .travis.yml (diff)
downloadmisskey-cf33e483f7e6f40e8cbbbc0118a7df70bdaf651f.tar.gz
misskey-cf33e483f7e6f40e8cbbbc0118a7df70bdaf651f.tar.bz2
misskey-cf33e483f7e6f40e8cbbbc0118a7df70bdaf651f.zip
整理した
Diffstat (limited to 'src/server/web/app/desktop/views/components/posts.post.sub.vue')
-rw-r--r--src/server/web/app/desktop/views/components/posts.post.sub.vue112
1 files changed, 0 insertions, 112 deletions
diff --git a/src/server/web/app/desktop/views/components/posts.post.sub.vue b/src/server/web/app/desktop/views/components/posts.post.sub.vue
deleted file mode 100644
index 65d3017d3d..0000000000
--- a/src/server/web/app/desktop/views/components/posts.post.sub.vue
+++ /dev/null
@@ -1,112 +0,0 @@
-<template>
-<div class="sub" :title="title">
- <router-link class="avatar-anchor" :to="`/@${acct}`">
- <img class="avatar" :src="`${post.user.avatarUrl}?thumbnail&size=64`" alt="avatar" v-user-preview="post.userId"/>
- </router-link>
- <div class="main">
- <header>
- <router-link class="name" :to="`/@${acct}`" v-user-preview="post.userId">{{ post.user.name }}</router-link>
- <span class="username">@{{ acct }}</span>
- <router-link class="created-at" :to="`/@${acct}/${post.id}`">
- <mk-time :time="post.createdAt"/>
- </router-link>
- </header>
- <div class="body">
- <mk-sub-post-content class="text" :post="post"/>
- </div>
- </div>
-</div>
-</template>
-
-<script lang="ts">
-import Vue from 'vue';
-import dateStringify from '../../../common/scripts/date-stringify';
-import getAcct from '../../../../../common/user/get-acct';
-
-export default Vue.extend({
- props: ['post'],
- computed: {
- acct() {
- return getAcct(this.post.user);
- },
- title(): string {
- return dateStringify(this.post.createdAt);
- }
- }
-});
-</script>
-
-<style lang="stylus" scoped>
-.sub
- margin 0
- padding 16px
- font-size 0.9em
-
- &:after
- content ""
- display block
- clear both
-
- &:hover
- > .main > footer > button
- color #888
-
- > .avatar-anchor
- display block
- float left
- margin 0 14px 0 0
-
- > .avatar
- display block
- width 52px
- height 52px
- margin 0
- border-radius 8px
- vertical-align bottom
-
- > .main
- float left
- width calc(100% - 66px)
-
- > header
- display flex
- margin-bottom 2px
- white-space nowrap
- line-height 21px
-
- > .name
- display block
- margin 0 .5em 0 0
- padding 0
- overflow hidden
- color #607073
- font-size 1em
- font-weight bold
- text-decoration none
- text-overflow ellipsis
-
- &:hover
- text-decoration underline
-
- > .username
- margin 0 .5em 0 0
- color #d1d8da
-
- > .created-at
- margin-left auto
- color #b2b8bb
-
- > .body
-
- > .text
- cursor default
- margin 0
- padding 0
- font-size 1.1em
- color #717171
-
- pre
- max-height 120px
- font-size 80%
-
-</style>