Add picture to 404 page

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
This commit is contained in:
Thomas Citharel 2020-10-18 15:19:12 +02:00
parent 0b299497c5
commit 28887722dc
No known key found for this signature in database
GPG Key ID: A061B9DDE0CA0773

View File

@ -1,7 +1,8 @@
<template> <template>
<section class="section container has-text-centered not-found"> <section class="section container has-text-centered not-found">
<div class="columns is-vertical"> <div class="columns is-vertical is-centered">
<div class="column is-centered"> <div class="column is-half">
<img src="/img/pics/2020-10-06-mobilizon-illustration-E_realisation.jpg" alt="" />
<h1 class="title">{{ $t("The page you're looking for doesn't exist.") }}</h1> <h1 class="title">{{ $t("The page you're looking for doesn't exist.") }}</h1>
<p> <p>
{{ $t("Please make sure the address is correct and that the page hasn't been moved.") }} {{ $t("Please make sure the address is correct and that the page hasn't been moved.") }}
@ -56,7 +57,7 @@ export default class PageNotFound extends Vue {
<style lang="scss"> <style lang="scss">
.container.not-found { .container.not-found {
margin: auto; margin: auto;
max-width: 600px; background: $white;
img { img {
margin-top: 3rem; margin-top: 3rem;