Fixes some new Vue3BlurHash issues. #794.
This commit is contained in:
parent
24f966b67a
commit
e963a9acd3
|
@ -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;
|
||||||
|
|
|
@ -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";
|
||||||
|
|
Loading…
Reference in New Issue