summaryrefslogtreecommitdiffstats
path: root/src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue
diff options
context:
space:
mode:
authorJoas Schilling <coding@schilljs.com>2022-09-20 16:24:48 +0200
committerJoas Schilling <coding@schilljs.com>2022-09-20 16:24:48 +0200
commitbac756ef097ab4adc1869891e30864b4c9ee704c (patch)
tree9ddc6d0b29fa96dc91af21f7539b7431a481b702 /src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue
parent4577103a0de862885d15daa16afe177393c670fa (diff)
Reduce preview size of non images/videos
Signed-off-by: Joas Schilling <coding@schilljs.com>
Diffstat (limited to 'src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue')
-rw-r--r--src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue8
1 files changed, 8 insertions, 0 deletions
diff --git a/src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue b/src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue
index 940b16f24..b6dfd6de4 100644
--- a/src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue
+++ b/src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue
@@ -300,6 +300,8 @@ export default {
let classes = ''
if (this.smallPreview) {
classes += 'preview-small '
+ } else if (!this.mimetype.startsWith('image/') && !this.mimetype.startsWith('video/')) {
+ classes += 'preview-medium '
} else {
classes += 'preview '
}
@@ -561,6 +563,12 @@ export default {
max-width: 100%;
max-height: 384px;
}
+ .preview-medium {
+ display: inline-block;
+ border-radius: var(--border-radius);
+ max-width: 100%;
+ max-height: 192px;
+ }
.preview-small {
display: inline-block;
border-radius: var(--border-radius);