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

Using <NuxtImg> everywhere :)
All checks were successful
pipeline / build-and-push-images (push) Successful in 33s
Details
pipeline / deploy (push) Successful in 7s
Details

Browse Source
This commit is contained in:
Valentin Haudiquet
2024-12-06 19:27:42 +01:00
parent 1bdf87c6af
commit 80c7f20eb7
7 changed files with 22 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/components/nav/BottomBar.vue
View File

@@ -23,11 +23,13 @@ function handleStateChange(newState : string, newLane: number) {
<div class="navbar-container">
<NuxtLink style="display: flex; width: fit-content; text-decoration: none; align-items: center; margin-left: 10px;" to="/">
<img id="navbar-logo-img" src="/buildpath-high-resolution-logo-transparent.png" />
<NuxtImg format="webp" id="navbar-logo-img"
src="/buildpath-high-resolution-logo-transparent.png" />
</NuxtLink>
<div v-for="(lane, i) in championLanes" style="display: flex; align-items: center; margin-left: 20px;">
<img width="40" height="40" :src="LANE_IMAGES[lanePositionToIndex(lane.data)]" />
<NuxtImg format="webp" width="40" height="40"
:src="LANE_IMAGES[lanePositionToIndex(lane.data)]" />
<div>
<h2 :class="'navbar-link ' + (state == 'runes' && laneState == i ? 'navbar-link-selected' : '')"
@click="handleStateChange('runes', i)" >