Modrinth/layouts/error.vue
Geometrically 5017c5a5f1
Use base URL for axios (#241)
* Switch site to use axios base url

* Fix team invites

* Fix find/replace setting the wrong thing

* Fix analytics being blocking, small issues
2021-05-28 10:19:13 -07:00

48 lines
818 B
Vue

<template>
<div class="main">
<div class="container">
<NuxtLink to="/">
<h2>{{ error.message }}</h2>
<p>
An error occurred! Click this text to go back home, and find your way
back!
</p>
</NuxtLink>
</div>
<m-footer class="footer" centered />
</div>
</template>
<script>
import MFooter from '~/components/layout/MFooter'
export default {
components: {
MFooter,
},
props: {
error: {
type: Object,
default() {
return {
message: 'Unknown error',
}
},
},
},
layout: 'home',
}
</script>
<style lang="scss" scoped>
.main {
margin: var(--spacing-card-sm) auto;
max-width: 800px;
}
.container {
@extend %card;
padding: var(--spacing-card-md) var(--spacing-card-lg);
}
</style>