KevinMidboe/seasonedRequest
1
0
Fork 0
mirror of https://github.com/KevinMidboe/seasonedRequest.git synced 2025-10-29 18:00:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

version 1.0

Browse Source
This commit is contained in:
Dmytro Barylo
2017-03-04 16:46:53 +02:00
commit ac6d57b46f
44 changed files with 2145 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
src/components/404.vue Normal file
View File

@@ -0,0 +1,65 @@
<template>
<section class="not-found">
<div class="not-found__content">
<h2 class="not-found__title">Page Not Found</h2>
</div>
</section>
</template>
<script>
import storage from '../storage.js'
export default {
created(){
document.title = 'Page Not Found' + storage.pageTitlePostfix;
}
}
</script>
<style lang="scss">
@import "./src/scss/variables";
@import "./src/scss/media-queries";
.not-found{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url('~assets/pulp-fiction.jpg') no-repeat 50% 50%;
background-size: cover;
display: flex;
align-items: center;
justify-content: center;
&:before{
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba($c-light, 0.7);
}
&__content{
width: 100%;
padding: 0 20px;
text-align: center;
@include tablet-min{
padding: 0 40px 40px 0;
}
}
&__title{
font-size: 24px;
font-weight: 500;
color: $c-dark;
position: relative;
margin: 0;
@include tablet-min{
font-size: 28px;
}
}
&__button{
position: relative;
margin-top: 20px;
}
}
</style>