diff options
Diffstat (limited to 'src/server/web/app/mobile/views/components/post-card.vue')
| -rw-r--r-- | src/server/web/app/mobile/views/components/post-card.vue | 89 |
1 files changed, 0 insertions, 89 deletions
diff --git a/src/server/web/app/mobile/views/components/post-card.vue b/src/server/web/app/mobile/views/components/post-card.vue deleted file mode 100644 index 10dfd92415..0000000000 --- a/src/server/web/app/mobile/views/components/post-card.vue +++ /dev/null @@ -1,89 +0,0 @@ -<template> -<div class="mk-post-card"> - <a :href="`/@${acct}/${post.id}`"> - <header> - <img :src="`${acct}?thumbnail&size=64`" alt="avatar"/><h3>{{ post.user.name }}</h3> - </header> - <div> - {{ text }} - </div> - <mk-time :time="post.createdAt"/> - </a> -</div> -</template> - -<script lang="ts"> -import Vue from 'vue'; -import summary from '../../../../../common/get-post-summary'; -import getAcct from '../../../../../common/user/get-acct'; - -export default Vue.extend({ - props: ['post'], - computed: { - acct() { - return getAcct(this.post.user); - }, - text(): string { - return summary(this.post); - } - } -}); -</script> - -<style lang="stylus" scoped> -.mk-post-card - display inline-block - width 150px - //height 120px - font-size 12px - background #fff - border-radius 4px - - > a - display block - color #2c3940 - - &:hover - text-decoration none - - > header - > img - position absolute - top 8px - left 8px - width 28px - height 28px - border-radius 6px - - > h3 - display inline-block - overflow hidden - width calc(100% - 45px) - margin 8px 0 0 42px - line-height 28px - white-space nowrap - text-overflow ellipsis - font-size 12px - - > div - padding 2px 8px 8px 8px - height 60px - overflow hidden - white-space normal - - &:after - content "" - display block - position absolute - top 40px - left 0 - width 100% - height 20px - background linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 100%) - - > .mk-time - display inline-block - padding 8px - color #aaa - -</style> |