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

Added error page

Browse Source
This commit is contained in:
Valentin Haudiquet
2024-11-24 20:49:13 +01:00
parent f4b30e2781
commit 0f1287f48d
3 changed files with 31 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/components/Logo.vue Normal file
View File

@@ -0,0 +1,6 @@
<template>
<div style="display: flex; width: fit-content;">
<img width="140" src="~/assets/img/buildpath-high-resolution-logo-transparent.png" />
<h1 style="font-weight: 200; align-content: center; font-size: 90px; margin-left: 20px;">BuildPath</h1>
</div>
</template>

24
frontend/error.vue Normal file
View File

@@ -0,0 +1,24 @@
<script setup>
const props = defineProps({
error: Object
})
</script>
<template>
<Head>
<Title>{{ props.error.statusCode }} - BuildPath</Title>
</Head>
<Logo style="margin: auto; margin-top: 64px; margin-bottom: 64px;" />
<div style="margin:auto; width: fit-content; margin-top: 64px;">
<h1>{{ props.error.statusCode }} Error</h1>
<h2>Something went wrong, sorry :(</h2>
<div style="margin-top: 64px;">
<h3 v-if="props.error.statusMessage != null
&& props.error.statusMessage != undefined
&& props.error.statusMessage != ''">Error message: {{ props.error.statusMessage }}</h3>
<h3 v-if="props.error.data != null && props.error.data != undefined">Error data: {{ props.error.data }}</h3>
<h3 v-if="props.error.cause != null && props.error.cause != undefined">Error cause: {{ props.error.cause }}</h3>
</div>
</div>
</template>

5
frontend/pages/index.vue
View File

@@ -6,10 +6,7 @@
<Title>BuildPath</Title>
</Head>
<div style="display: flex; width: fit-content; margin: auto; margin-top: 64px; margin-bottom: 64px;">
<img width="140" src="~/assets/img/buildpath-high-resolution-logo-transparent.png" />
<h1 style="font-weight: 200; align-content: center; font-size: 90px; margin-left: 20px;">BuildPath</h1>
</div>
<Logo style="margin: auto; margin-top: 64px; margin-bottom: 64px;" />
<ChampionSelector style="margin-top: 64px;"/>
</template>