feat: merge offline.scss with component

This commit is contained in:
Dominik Pschenitschni 2021-10-18 14:33:30 +02:00
parent 7824ddc13f
commit 986130a0ac
Signed by untrusted user: dpschen
GPG Key ID: B257AC0149F43A77
3 changed files with 26 additions and 24 deletions

View File

@ -120,4 +120,30 @@ export default defineComponent({
<style lang="scss">
@import '@/styles/global.scss';
</style>
<style lang="scss" scoped>
.offline {
background: url('@/assets/llama-nightscape.jpg') no-repeat center;
background-size: cover;
height: 100vh;
.offline-message {
text-align: center;
position: absolute;
width: 100vw;
bottom: 5vh;
color: $white;
padding: 0 1rem;
h1 {
font-weight: bold;
font-size: 1.5rem;
text-align: center;
color: $white;
font-weight: 700 !important;
font-size: 1.5rem;
}
}
}
</style>

View File

@ -8,6 +8,5 @@
@import "loading";
@import "navigation";
@import "notification";
@import "offline";
@import "update-notification";
@import "background";

View File

@ -1,23 +0,0 @@
.offline {
background: url('@/assets/llama-nightscape.jpg') no-repeat center;
background-size: cover;
height: 100vh;
.offline-message {
text-align: center;
position: absolute;
width: 100vw;
bottom: 5vh;
color: $white;
padding: 0 1rem;
h1 {
font-weight: bold;
font-size: 1.5rem;
text-align: center;
color: $white;
font-weight: 700 !important;
font-size: 1.5rem;
}
}
}