Use NuxtImg
All checks were successful
pipeline / build-and-push-images (push) Successful in 36s
pipeline / deploy (push) Successful in 7s

This commit is contained in:
2024-11-25 00:55:02 +01:00
parent eb31fe109f
commit a874fd6c21
8 changed files with 586 additions and 15 deletions

View File

@@ -52,11 +52,11 @@ function runeSelect(rune) {
<div style="display: flex; margin-top: 20px;">
<div v-for="rune in runes" :class="'rune-selector-entry ' + (rune == currentlySelectedPage ? 'rune-selector-entry-selected' : '')" @click="runeSelect(rune)">
<div style="display: flex; margin-top: 20px;">
<img v-if="rune.primaryStyleValue != null && rune.primaryStyleValue != undefined"
<NuxtImg v-if="rune.primaryStyleValue != null && rune.primaryStyleValue != undefined"
style="margin: auto;" :src="CDRAGON_BASE + mapPath(rune.primaryStyleValue.iconPath)" />
<img v-if="rune.keystoneValue != null && rune.keystoneValue != undefined"
<NuxtImg v-if="rune.keystoneValue != null && rune.keystoneValue != undefined"
width="34" :src="CDRAGON_BASE + ( mapPath(perks.get(rune.keystoneValue).iconPath))"/>
<img v-if="rune.secondaryStyleValue != null && rune.secondaryStyleValue != undefined"
<NuxtImg v-if="rune.secondaryStyleValue != null && rune.secondaryStyleValue != undefined"
style="margin: auto;" :src="CDRAGON_BASE + mapPath(rune.secondaryStyleValue.iconPath)" />
</div>
<h3 style="text-align: center; margin-top: 10px;">{{ (rune.pickrate * 100).toFixed(2) }}% pick.</h3>