Fix export

This commit is contained in:
N-Pex 2025-05-14 10:47:21 +02:00
parent b1d47748c8
commit ac4af0a53d
9 changed files with 41 additions and 32 deletions

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>