Leahnaya/splatoon3.ink
1
0
Fork 0
mirror of https://github.com/misenhower/splatoon3.ink.git synced 2026-03-21 17:54:13 -05:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Add lazy loading to splatfest images to reduce concurrent requests

Browse Source 
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Matt Isenhower 2026-02-21 16:08:18 -08:00
parent 94aa3d7ece
commit 6b686fb7f4
3 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/SplatfestBox.vue
View File

@ -13,7 +13,7 @@
</div> </div>
<div> <div>
<img :src="props.festival.image.url" /> <img :src="props.festival.image.url" loading="lazy" />
<div class="flex -mt-3 mb-4"> <div class="flex -mt-3 mb-4">
<template v-for="(team, i) in festival.teams" :key="team.id"> <template v-for="(team, i) in festival.teams" :key="team.id">

2
src/components/SplatfestMultiBox.vue
View File

@ -12,7 +12,7 @@
</div> </div>
<div> <div>
<img :src="festival.image.url" /> <img :src="festival.image.url" loading="lazy" />
<div class="flex -mt-3 mb-4"> <div class="flex -mt-3 mb-4">
<template v-for="(team, i) in festival.teams" :key="team.id"> <template v-for="(team, i) in festival.teams" :key="team.id">

2
src/components/SplatfestResultsBox.vue
View File

@ -10,7 +10,7 @@
<div class="w-36 sm:mx-4 lg:-mx-1" /> <div class="w-36 sm:mx-4 lg:-mx-1" />
<template v-for="team in festival.teams" :key="team.id"> <template v-for="team in festival.teams" :key="team.id">
<div class="w-12 mx-2 sm:w-20 flex justify-center py-1 rounded-sm" :style="`background-color: ${toRgba(team.color)};`"> <div class="w-12 mx-2 sm:w-20 flex justify-center py-1 rounded-sm" :style="`background-color: ${toRgba(team.color)};`">
<img :src="team.image.url" class="w-6 h-6" /> <img :src="team.image.url" class="w-6 h-6" loading="lazy" />
</div> </div>
</template> </template>
</div> </div>