Give the vue-based error page some basic styles

This commit is contained in:
Kevin MacMartin 2018-04-15 22:02:06 -04:00
parent 5d85ad0f75
commit da3d521824
2 changed files with 23 additions and 1 deletions

22
resources/assets/sass/pages/_error.scss vendored Normal file
View file

@ -0,0 +1,22 @@
.error-page-component {
display: flex;
padding: $grid-gutter-width ($grid-gutter-width / 2);
flex-grow: 1;
align-items: center;
h1 {
@include font-sans-bold;
width: 100%;
font-size: 22px;
text-align: center;
text-transform: uppercase;
@include media-breakpoint-up(sm) {
font-size: 32px;
}
@include media-breakpoint-up(lg) {
font-size: 48px;
}
}
}

View file

@ -1,6 +1,6 @@
<template> <template>
<div class="error-page-component"> <div class="error-page-component">
Page Not Found <h1>Page Not Found</h1>
</div> </div>
</template> </template>