diff options
| author | marco <marcoambrosini@pm.me> | 2022-04-13 14:19:21 +0200 |
|---|---|---|
| committer | Joas Schilling <coding@schilljs.com> | 2022-04-13 16:14:20 +0200 |
| commit | 259ba6eb6beae10a0981a5800d38be1cea178b3b (patch) | |
| tree | 18c8d369b494d587948ca93b78a59fb928595b6d /src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue | |
| parent | 25de64d55c9c8be6a3a029774f0f675adc63bfea (diff) | |
Rushing more stuff in
Signed-off-by: marco <marcoambrosini@pm.me>
Diffstat (limited to 'src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue')
| -rw-r--r-- | src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue | 17 |
1 files changed, 16 insertions, 1 deletions
diff --git a/src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue b/src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue index 3ed04b3c9..09cda5d64 100644 --- a/src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue +++ b/src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue @@ -25,7 +25,10 @@ <file-preview v-bind="filePreview" :tabindex="wrapperTabIndex" class="file-preview" - :class="{ 'file-preview--viewer-available': isViewerAvailable, 'file-preview--upload-editor': isUploadEditor, 'file-preview--row-layout': rowLayout}" + :class="{ 'file-preview--viewer-available': isViewerAvailable, + 'file-preview--upload-editor': isUploadEditor, + 'file-preview--shared-items-grid': isSharedItemsTab && !rowLayout, + 'file-preview--row-layout': rowLayout }" @click.exact="handleClick" @keydown.enter="handleClick"> <div v-if="!isLoading" @@ -537,6 +540,7 @@ export default { .image-container { display: flex; + height: 100%; &.playable { .preview { @@ -602,10 +606,21 @@ export default { border-radius: var(--border-radius); padding: 2px 4px; + .image-container { + height: 100%; + } + .name-container { padding: 0 4px; } } + + &--shared-items-grid { + aspect-ratio: 1; + .preview { + width: 100%; + } + } } .remove-file { |