Fixed width and height attributes on tag photos, fixes lazy loading.
This commit is contained in:
parent
6796f7f258
commit
02f2629f6b
|
|
@ -18,8 +18,8 @@
|
||||||
:src="`/${photo.thumbnail}`"
|
:src="`/${photo.thumbnail}`"
|
||||||
:style="{ 'background-image': `url(/${photo.lazy})` }"
|
:style="{ 'background-image': `url(/${photo.lazy})` }"
|
||||||
:alt="photo.comment"
|
:alt="photo.comment"
|
||||||
:width="photo.thumbnailWidth"
|
:width="photo.width"
|
||||||
:height="photo.thumbnailHeight"
|
:height="photo.height"
|
||||||
class="photo"
|
class="photo"
|
||||||
loading="lazy"
|
loading="lazy"
|
||||||
@load="emit('load', $event)"
|
@load="emit('load', $event)"
|
||||||
|
|
|
||||||
|
|
@ -43,11 +43,7 @@ export async function onBeforeRender(pageContext) {
|
||||||
fetchTagsById([tagSlug], {}, pageContext.user),
|
fetchTagsById([tagSlug], {}, pageContext.user),
|
||||||
fetchReleases(pageContext),
|
fetchReleases(pageContext),
|
||||||
getRandomCampaigns([
|
getRandomCampaigns([
|
||||||
{
|
{ tagSlugs: [tagSlug], minRatio: 0.75, maxRatio: 1.25 },
|
||||||
tagSlugs: [tagSlug],
|
|
||||||
minRatio: 0.75,
|
|
||||||
maxRatio: 1.25,
|
|
||||||
},
|
|
||||||
{ tagSlugs: [tagSlug], minRatio: 3 },
|
{ tagSlugs: [tagSlug], minRatio: 3 },
|
||||||
{ tagSlugs: [tagSlug], minRatio: 3 },
|
{ tagSlugs: [tagSlug], minRatio: 3 },
|
||||||
pageContext.routeParams.domain === 'scenes'
|
pageContext.routeParams.domain === 'scenes'
|
||||||
|
|
|
||||||
|
|
@ -78,8 +78,6 @@ export async function getRandomCampaign(options = {}, context = {}, pass = 0) {
|
||||||
return true;
|
return true;
|
||||||
});
|
});
|
||||||
|
|
||||||
// console.log(validCampaigns);
|
|
||||||
|
|
||||||
const campaignsByEntityId = validCampaigns.reduce((acc, campaign) => {
|
const campaignsByEntityId = validCampaigns.reduce((acc, campaign) => {
|
||||||
const entityId = campaign.entity.parent?.id || campaign.entity.id;
|
const entityId = campaign.entity.parent?.id || campaign.entity.id;
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue