wip migration
This commit is contained in:
50
pages/page/error.vue
Normal file
50
pages/page/error.vue
Normal file
@@ -0,0 +1,50 @@
|
||||
<template>
|
||||
<div class="main">
|
||||
<div class="error-message">
|
||||
<FormHeader title="¡Uy! Algo no ha ido bien" />
|
||||
<p>
|
||||
Inténtalo de nuevo y, si el problema persiste,
|
||||
<a href="mailto:info@latienda.coop">contáctanos</a> para resolverlo
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
setup() {
|
||||
definePageMeta({
|
||||
layout: 'mainbanner',
|
||||
})
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.main {
|
||||
height: 50vh;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.error-message {
|
||||
text-align: center;
|
||||
width: 45vw;
|
||||
|
||||
h1 {
|
||||
font-size: $xxl;
|
||||
font-weight: $bold;
|
||||
color: $color-navy;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 0;
|
||||
|
||||
a {
|
||||
display: inline-block;
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user