pixelfed/resources/assets/components/groups/partials/Status/ParentUnavailable.vue

59 lines
1.9 KiB
Vue
Raw Normal View History

2024-07-10 05:52:08 +00:00
<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>