♻️ Refactor post list

This commit is contained in:
2024-08-17 00:43:08 +08:00
parent 4a51a85d9c
commit 2b9601640b
11 changed files with 136 additions and 29 deletions

View File

@ -7,13 +7,19 @@
height="auto"
>
<v-carousel-item v-for="item in metadata" class="fill-height">
<attachment-renderer :item="item" />
<nuxt-link v-if="item.mimetype.split('/')[0] == 'image' && !props.noClickableAttachment"
:to="`/gallery/${item.id}`">
<attachment-renderer :item="item" />
</nuxt-link>
<div v-else>
<attachment-renderer :item="item" />
</div>
</v-carousel-item>
</v-carousel>
</template>
<script setup lang="ts">
const props = defineProps<{ attachments: number[] }>()
const props = defineProps<{ attachments: number[], noClickableAttachment?: boolean }>()
const emits = defineEmits(["update:metadata"])
const config = useRuntimeConfig()

View File

@ -20,7 +20,7 @@
<v-img v-else-if="item.mimetype.split('/')[0] == 'image'" :src="getAttachmentUrl(item.id)" :alt="item.alt"
class="w-full h-full" cover />
<video v-else-if="item.mimetype.split('/')[0] == 'video'" :src="getAttachmentUrl(item.id)" class="w-full h-full"
controls />
controls @click.stop />
<v-sheet v-else color="rgba(0, 0, 0, .4)" height="calc(100% + 24px)" class="p-5">
<v-row class="fill-height" align="center" justify="center">
<v-col class="text-center">