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

Cleaned up 404 page. Removed elements and property set the height of background

Browse Source
This commit is contained in:
Kevin
2019-10-22 18:47:25 +02:00
parent 931918c60b
commit 0fdaf5bd4e
1 changed files with 12 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
src/components/404.vue
View File

@@ -1,8 +1,6 @@
<template> <template>
<section class="not-found"> <section class="not-found">
<div class="not-found__content"> <h1 class="not-found__title">Page Not Found</h1>
<h1 class="not-found__title">Page Not Found</h1>
</div>
</section> </section>
</template> </template>
@@ -28,23 +26,21 @@ export default {
&:before { &:before {
background: $background-40; background: $background-40;
height: 100%; height: calc(100vh - var(--header-size));
width: 100%; width: 100%;
content: ""; content: "";
position: absolute; position: absolute;
} }
&__content { &__title{
padding-top: 30%; padding-top: 40vh;
} font-size: 2rem;
&__title{ font-weight: 500;
font-size: 2rem; color: $text-color;
font-weight: 500; position: relative;
color: $text-color; margin: 0;
position: relative; @include tablet-min{
margin: 0; font-size: 2.3rem;
@include tablet-min{
font-size: 2.3rem;
}
} }
}
} }
</style> </style>