diff options
author | Joas Schilling <coding@schilljs.com> | 2022-09-20 16:24:48 +0200 |
---|---|---|
committer | Joas Schilling <coding@schilljs.com> | 2022-09-20 16:24:48 +0200 |
commit | bac756ef097ab4adc1869891e30864b4c9ee704c (patch) | |
tree | 9ddc6d0b29fa96dc91af21f7539b7431a481b702 /src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue | |
parent | 4577103a0de862885d15daa16afe177393c670fa (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.vue | 8 |
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); |