Fix export
This commit is contained in:
parent
b1d47748c8
commit
ac4af0a53d
9 changed files with 41 additions and 32 deletions
|
|
@ -1,7 +1,7 @@
|
|||
<template>
|
||||
<message-incoming v-bind="{ ...$props, ...$attrs }">
|
||||
<div class="bubble image-bubble">
|
||||
<v-img :aspect-ratio="16 / 9" ref="image" :src="src" :cover="cover" :contain="contain" />
|
||||
<img :src="src" :style="imageStyle" />
|
||||
</div>
|
||||
</message-incoming>
|
||||
</template>
|
||||
|
|
@ -39,6 +39,11 @@ export default {
|
|||
URL.revokeObjectURL(objectUrl);
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
imageStyle() {
|
||||
return "width:100%;aspect-ratio:16/9;object-fit:" + (this.cover ? "cover" : "contain");
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<template>
|
||||
<message-incoming class="messageIn-thread" v-bind="{ ...$props, ...$attrs }">
|
||||
<component v-for="item in items" :is="componentFn(item.event)" :originalEvent="item.event" :key="item.event.getId()"
|
||||
v-bind="{ ...$props, ...$attrs }" ref="exportedEvent" />
|
||||
<component v-for="item in items" :is="componentFn(item.event)" v-bind="{ ...$props, ...$attrs }" :originalEvent="item.event" :key="item.event.getId()"
|
||||
ref="exportedEvent" />
|
||||
</message-incoming>
|
||||
</template>
|
||||
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<template>
|
||||
<message-outgoing v-bind="{ ...$props, ...$attrs }">
|
||||
<div class="bubble image-bubble">
|
||||
<v-img :aspect-ratio="16 / 9" ref="image" :src="src" :cover="cover" :contain="contain" />
|
||||
<img :src="src" :style="imageStyle" />
|
||||
</div>
|
||||
</message-outgoing>
|
||||
</template>
|
||||
|
|
@ -39,6 +39,11 @@ export default {
|
|||
URL.revokeObjectURL(objectUrl);
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
imageStyle() {
|
||||
return "width:100%;aspect-ratio:16/9;object-fit:" + (this.cover ? "cover" : "contain");
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
|
|
|
|||
|
|
@ -1,7 +1,6 @@
|
|||
<template>
|
||||
<message-outgoing class="messageOut-thread" v-bind="{ ...$props, ...$attrs }">
|
||||
<component v-for="item in items" :is="componentFn(item.event)" :originalEvent="item.event" :key="item.event.getId()"
|
||||
v-bind="{ ...$props, ...$attrs }" ref="exportedEvent" />
|
||||
<component v-for="item in items" :is="componentFn(item.event)" v-bind="{ ...$props, ...$attrs }" :originalEvent="item.event" :key="item.event.getId()" ref="exportedEvent" />
|
||||
</message-outgoing>
|
||||
</template>
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue