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

SideBar on index page :)
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-05 15:24:03 +01:00
parent 4776cda80d
commit db6638fa0b
2 changed files with 19 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
frontend/pages/index.vue
View File

@@ -1,7 +1,6 @@
<script setup lang="ts">
import { POSITIONS, LANE_IMAGES, POSITIONS_STR } from '~/utils/cdragon';
const {data: stats}: {data: Ref<{patch: number, count: number}>} = await useFetch("/api/stats")
</script>
<template>
@@ -9,27 +8,8 @@ const {data: stats}: {data: Ref<{patch: number, count: number}>} = await useFetc
<Title>Home</Title>
</Head>
<Logo id="index-logo"/>
<div class="index-main-content">
<div class="index-tierlist-info-container">
<div id="index-tierlists">
<h2 style="font-size: 3.4rem; margin-bottom: 10px;">Tierlist</h2>
<NuxtLink style="margin-top: 5px; margin-bottom: 5px;" v-for="(pos, i) in POSITIONS" :to="'/tierlist/' + pos">
<div style="display: flex; align-items: center;">
<img width="40" height="40" :src="LANE_IMAGES[i]" />
<h3 style="font-size: 2.1rem; font-weight: 200; margin-left: 10px;">{{ POSITIONS_STR[i] }}</h3>
</div>
</NuxtLink>
</div>
<div style="margin: auto; margin-left: 50px; margin-top: 50px; width: fit-content; max-width: 300px;">
<h3 id="index-statp" style="font-size: 30px; font-weight: 200;">
BuildPath analyzed {{ stats.count }} games from challenger players on patch {{ stats.patch }}
</h3>
</div>
</div>
<NavSideBar :tierlist-list="true" />
<ChampionSelector class="index-champion-selector"/>
@@ -37,14 +17,9 @@ const {data: stats}: {data: Ref<{patch: number, count: number}>} = await useFetc
</template>
<style>
#index-logo {
margin: auto;
margin-top: 64px;
margin-bottom: 64px;
}
.index-main-content {
display: flex;
margin-top: 104px;
margin-top: 50px;
}
.index-champion-selector {
width: 80%;
@@ -74,10 +49,6 @@ const {data: stats}: {data: Ref<{patch: number, count: number}>} = await useFetc
}
@media only screen and (max-width: 500px) {
#index-logo {
margin-top: 10px;
margin-bottom: 10px;
}
#index-statp {
display: none;
}