mirror of
https://github.com/pixelfed/pixelfed.git
synced 2024-11-18 12:31:27 +00:00
59 lines
1.9 KiB
Vue
59 lines
1.9 KiB
Vue
|
<template>
|
||
|
|
<div class="card shadow-sm" style="border-radius: 18px !important;">
|
||
|
|
<div class="card-body pb-0">
|
||
|
|
<div class="card card-body border shadow-none mb-3" style="background-color: #E5E7EB;">
|
||
|
|
<div class="media p-md-4">
|
||
|
|
<div class="mr-4 pt-2">
|
||
|
|
<i class="fas fa-lock fa-2x"></i>
|
||
|
|
</div>
|
||
|
|
<div class="media-body" style="max-width: 320px">
|
||
|
|
<p class="lead font-weight-bold mb-1">This content isn't available right now</p>
|
||
|
|
<p class="mb-0" style="font-size: 12px;letter-spacing:-0.3px;">When this happens, it's usually because the owner only shared it with a small group of people, changed who can see it, or it's been deleted.</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<comment-drawer
|
||
|
|
v-if="showCommentDrawer"
|
||
|
|
:permalink-mode="permalinkMode"
|
||
|
|
:permalink-status="childContext"
|
||
|
|
:status="status"
|
||
|
|
:profile="profile"
|
||
|
|
:group-id="groupId"
|
||
|
|
:can-reply="false" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import CommentDrawer from '@/groups/partials/CommentDrawer.vue';
|
||
|
|
|
||
|
|
export default {
|
||
|
|
props: {
|
||
|
|
showCommentDrawer: {
|
||
|
|
type: Boolean,
|
||
|
|
},
|
||
|
|
permalinkMode: {
|
||
|
|
type: Boolean,
|
||
|
|
},
|
||
|
|
childContext: {
|
||
|
|
type: Object
|
||
|
|
},
|
||
|
|
status: {
|
||
|
|
type: Object
|
||
|
|
},
|
||
|
|
profile: {
|
||
|
|
type: Object
|
||
|
|
},
|
||
|
|
groupId: {
|
||
|
|
type: String
|
||
|
|
},
|
||
|
|
},
|
||
|
|
|
||
|
|
components: {
|
||
|
|
"comment-drawer": CommentDrawer,
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|