vhaudiquet/buildpath
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Valentin Haudiquet
2024-11-25 00:55:02 +01:00
parent eb31fe109f
commit a874fd6c21
8 changed files with 586 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/components/ItemViewer.vue
View File

@@ -20,7 +20,7 @@ for(let item of items.value) {
<h2 class="item-box-title">start</h2>
<div style="display: flex; width: fit-content; height: fit-content; margin:auto;">
<div style="margin-left: 5px; margin-right: 5px;" v-for="item in builds.start" >
<img v-if="item.data != null && item.data != undefined"
<NuxtImg v-if="item.data != null && item.data != undefined"
style="border: 1px solid var(--color-on-surface);"
width="64" height="64" :alt="item.data"
:src="CDRAGON_BASE + mapPath(itemMap.get(item.data).iconPath)" />
@@ -35,7 +35,7 @@ for(let item of items.value) {
</div>
<div style="display: flex; width: fit-content; height: fit-content; margin:auto;">
<div style="margin-left: 5px; margin-right: 5px;" v-for="item in builds.boots" >
<img v-if="item.data != null && item.data != undefined"
<NuxtImg v-if="item.data != null && item.data != undefined"
style="border: 1px solid var(--color-on-surface);"
width="64" height="64" :alt="item.data"
:src="CDRAGON_BASE + mapPath(itemMap.get(item.data).iconPath)" />
@@ -53,7 +53,7 @@ for(let item of items.value) {
<h2 class="item-box-title">boots</h2>
<div style="display: flex; width: fit-content; height: fit-content; margin:auto;">
<div style="margin-left: 5px; margin-right: 5px;" v-for="item in builds.boots" >
<img v-if="item.data != null && item.data != undefined"
<NuxtImg v-if="item.data != null && item.data != undefined"
style="border: 1px solid var(--color-on-surface);"
width="64" height="64" :alt="item.data"
:src="CDRAGON_BASE + mapPath(itemMap.get(item.data).iconPath)" />
@@ -66,7 +66,7 @@ for(let item of items.value) {
<h2 class="item-box-title">late game</h2>
<div style="display: flex; width: fit-content; height: fit-content; margin:auto;">
<div style="margin-left: 5px; margin-right: 5px;" v-for="item in builds.lateGame.slice(0, 7)" >
<img v-if="item.data != null && item.data != undefined"
<NuxtImg v-if="item.data != null && item.data != undefined"
class="item-img" width="64" height="64" :alt="item.data"
:src="CDRAGON_BASE + mapPath(itemMap.get(item.data).iconPath)" />
<h3 style="width: fit-content; margin:auto; margin-bottom: 10px;">{{ item.count }}</h3>