✨ Post quick reply component
This commit is contained in:
22
app/components/Post/PostQuickReply.vue
Normal file
22
app/components/Post/PostQuickReply.vue
Normal file
@@ -0,0 +1,22 @@
|
||||
<template>
|
||||
<v-card
|
||||
title="Post your reply"
|
||||
prepend-icon="mdi-post-lamp"
|
||||
flat
|
||||
border
|
||||
density="comfortable"
|
||||
>
|
||||
<v-card-text>
|
||||
<v-textarea
|
||||
placeholder="Talk about this post for a bit."
|
||||
disabled
|
||||
max-rows="5"
|
||||
auto-grow
|
||||
:hide-details="true"
|
||||
></v-textarea>
|
||||
<div class="flex justify-end mt-4">
|
||||
<v-btn append-icon="mdi-send">Send</v-btn>
|
||||
</div>
|
||||
</v-card-text>
|
||||
</v-card>
|
||||
</template>
|
||||
@@ -1,5 +1,7 @@
|
||||
<template>
|
||||
<div class="replies-list">
|
||||
<post-quick-reply v-if="!props.hideQuickReply" />
|
||||
|
||||
<!-- Error State -->
|
||||
<v-alert
|
||||
v-if="hasError"
|
||||
@@ -60,6 +62,7 @@ const router = useRouter()
|
||||
|
||||
const props = defineProps<{
|
||||
params: RepliesListParams
|
||||
hideQuickReply: boolean
|
||||
}>()
|
||||
|
||||
defineEmits<{
|
||||
|
||||
Reference in New Issue
Block a user