feat: add attachment only component
This commit is contained in:
@@ -70,9 +70,9 @@ const files = computed(() => {
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<BaseBubble class="p-3 space-y-[10px]">
|
||||
<BaseBubble class="p-3 grid gap-3">
|
||||
<span v-if="content" v-html="formattedContent" />
|
||||
<div v-if="mediaAttachments.length" class="flex gap-[10px]">
|
||||
<div v-if="mediaAttachments.length" class="flex gap-2">
|
||||
<template v-for="attachment in mediaAttachments" :key="attachment.id">
|
||||
<ImageChip
|
||||
v-if="attachment.fileType === ATTACHMENT_TYPES.IMAGE"
|
||||
@@ -84,7 +84,7 @@ const files = computed(() => {
|
||||
/>
|
||||
</template>
|
||||
</div>
|
||||
<div v-if="recordings.length" class="flex flex-wrap gap-[10px]">
|
||||
<div v-if="recordings.length" class="flex flex-wrap gap-2">
|
||||
<AudioChip
|
||||
v-for="attachment in recordings"
|
||||
:key="attachment.id"
|
||||
@@ -92,7 +92,7 @@ const files = computed(() => {
|
||||
:attachment="attachment"
|
||||
/>
|
||||
</div>
|
||||
<div v-if="files.length" class="flex flex-wrap gap-[10px]">
|
||||
<div v-if="files.length" class="flex flex-wrap gap-2">
|
||||
<FileChip
|
||||
v-for="attachment in files"
|
||||
:key="attachment.id"
|
||||
|
||||
Reference in New Issue
Block a user