Fixes some new Vue3BlurHash issues. #794.

This commit is contained in:
mateuswetah 2024-01-30 16:42:04 -03:00
parent 24f966b67a
commit e963a9acd3
2 changed files with 10 additions and 4 deletions

View File

@ -239,8 +239,8 @@
@click.left="onClickItem($event, item)" @click.left="onClickItem($event, item)"
@click.right="onRightClickItem($event, item)"> @click.right="onRightClickItem($event, item)">
<blur-hash-image <blur-hash-image
:width="$thumbHelper.getWidth(item['thumbnail'], 'tainacan-medium', 120)" :width="$thumbHelper.getWidth(item['thumbnail'], 'tainacan-medium', 255)"
:height="$thumbHelper.getHeight(item['thumbnail'], 'tainacan-medium', 120)" :height="$thumbHelper.getHeight(item['thumbnail'], 'tainacan-medium', 255)"
:hash="$thumbHelper.getBlurhashString(item['thumbnail'], 'tainacan-medium')" :hash="$thumbHelper.getBlurhashString(item['thumbnail'], 'tainacan-medium')"
:src="$thumbHelper.getSrc(item['thumbnail'], 'tainacan-medium', item.document_mimetype)" :src="$thumbHelper.getSrc(item['thumbnail'], 'tainacan-medium', item.document_mimetype)"
:alt="item.thumbnail_alt ? item.thumbnail_alt : $i18n.get('label_thumbnail')" :alt="item.thumbnail_alt ? item.thumbnail_alt : $i18n.get('label_thumbnail')"
@ -403,8 +403,8 @@
<blur-hash-image <blur-hash-image
v-if="item.thumbnail != undefined" v-if="item.thumbnail != undefined"
class="tainacan-masonry-item-thumbnail" class="tainacan-masonry-item-thumbnail"
:width="$thumbHelper.getWidth(item['thumbnail'], shouldUseLegacyMasonyCols ? 'tainacan-medium-full' : 'tainacan-large-full', 280)" :width="$thumbHelper.getWidth(item['thumbnail'], shouldUseLegacyMasonyCols ? 'tainacan-medium-full' : 'tainacan-large-full', 320)"
:height="$thumbHelper.getHeight(item['thumbnail'], shouldUseLegacyMasonyCols ? 'tainacan-medium-full' : 'tainacan-large-full', 280)" :height="$thumbHelper.getHeight(item['thumbnail'], shouldUseLegacyMasonyCols ? 'tainacan-medium-full' : 'tainacan-large-full', 320)"
:hash="$thumbHelper.getBlurhashString(item['thumbnail'], shouldUseLegacyMasonyCols ? 'tainacan-medium-full' : 'tainacan-large-full')" :hash="$thumbHelper.getBlurhashString(item['thumbnail'], shouldUseLegacyMasonyCols ? 'tainacan-medium-full' : 'tainacan-large-full')"
:src="$thumbHelper.getSrc(item['thumbnail'], shouldUseLegacyMasonyCols ? 'tainacan-medium-full' : 'tainacan-large-full', item.document_mimetype)" :src="$thumbHelper.getSrc(item['thumbnail'], shouldUseLegacyMasonyCols ? 'tainacan-medium-full' : 'tainacan-large-full', item.document_mimetype)"
:srcset="$thumbHelper.getSrcSet(item['thumbnail'], shouldUseLegacyMasonyCols ? 'tainacan-medium-full' : 'tainacan-large-full', item.document_mimetype)" :srcset="$thumbHelper.getSrcSet(item['thumbnail'], shouldUseLegacyMasonyCols ? 'tainacan-medium-full' : 'tainacan-large-full', item.document_mimetype)"
@ -2695,6 +2695,9 @@ export default {
// Vue Blurhash transtition effect // Vue Blurhash transtition effect
@import '../../../../../node_modules/another-vue3-blurhash/dist/style.css'; @import '../../../../../node_modules/another-vue3-blurhash/dist/style.css';
:deep(canvas.child) {
max-width: 100%;
}
.selection-control { .selection-control {
margin-bottom: 6px; margin-bottom: 6px;

View File

@ -1685,6 +1685,9 @@
// Vue Blurhash transtition effect // Vue Blurhash transtition effect
@import '../../../../../node_modules/another-vue3-blurhash/dist/style.css'; @import '../../../../../node_modules/another-vue3-blurhash/dist/style.css';
:deep(canvas.child) {
max-width: 100%;
}
// Tainacan imports // Tainacan imports
@import "../../../admin/scss/_tables.scss"; @import "../../../admin/scss/_tables.scss";