KevinMidboe/seasoned
1
0
Fork 0
Code Issues 12 Pull Requests 1 Packages Projects Releases 1 Wiki Activity

Removed unused script element and updated positioning of text to center, even on mobile.

Browse Source
This commit is contained in:
Kevin
2019-10-22 22:53:51 +02:00
parent 001c243f95
commit 9bb98ce569
1 changed files with 9 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/components/404.vue
View File

@@ -4,41 +4,34 @@
</section> </section>
</template> </template>
<script>
import storage from '../storage.js'
export default {
created(){
document.title = 'Page Not Found' + storage.pageTitlePostfix;
}
}
</script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import "./src/scss/variables"; @import "./src/scss/variables";
@import "./src/scss/media-queries"; @import "./src/scss/media-queries";
.not-found { .not-found {
width: 100%; display: flex;
height: calc(100vh - var(--header-size)); height: calc(100vh - var(--header-size));
width: 100%;
background: url('~assets/pulp-fiction.jpg') no-repeat 50% 50%; background: url('~assets/pulp-fiction.jpg') no-repeat 50% 50%;
background-size: cover; background-size: cover;
display: flex;
justify-content: center; justify-content: center;
&:before { &:before {
background: $background-40;
height: calc(100vh - var(--header-size));
width: 100%;
content: ""; content: "";
position: absolute; position: absolute;
height: calc(100vh - var(--header-size));
width: 100%;
background: $background-40;
} }
&__title{ &__title {
padding-top: 40vh; padding-top: 40vh;
font-size: 2rem; font-size: 2rem;
font-weight: 500; font-weight: 500;
color: $text-color; color: $text-color;
position: relative; position: relative;
margin: 0; margin: 0;
@include tablet-min{
@include tablet-min {
font-size: 2.3rem; font-size: 2.3rem;
} }
} }