local-it/vikunja-frontend
0
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

feat: merge offline.scss with component

Browse source
This commit is contained in:
Dominik Pschenitschni 2021-10-18 14:33:30 +02:00
parent 7824ddc13f
commit 986130a0ac
No known key found for this signature in database
GPG key ID: B257AC0149F43A77
3 changed files with 26 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
src/App.vue
View file

@ -120,4 +120,30 @@ export default defineComponent({
<style lang="scss"> <style lang="scss">
@import '@/styles/global.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> </style>

1
src/styles/theme/_index.scss
View file

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

23
src/styles/theme/offline.scss
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;
}
}
}