From 6e884a7b414d2bdc5240ed2eec6432ec25458e55 Mon Sep 17 00:00:00 2001 From: ManjaroOne666 Date: Thu, 3 Jan 2019 14:49:25 +0000 Subject: [PATCH] update background images layout --- components/ContentPage.vue | 35 +- layouts/default.vue | 11 +- pages/index.vue | 773 +++++++++++++++++++++++++++++++++++++ 3 files changed, 812 insertions(+), 7 deletions(-) diff --git a/components/ContentPage.vue b/components/ContentPage.vue index 915452e..507c8d8 100644 --- a/components/ContentPage.vue +++ b/components/ContentPage.vue @@ -1,11 +1,15 @@ @@ -16,7 +20,7 @@ export default { type: String, required: false, default: function () { - return 'linear-gradient(to top, orange, yellow)' + return 'linear-gradient(to top, orange, green)' } }, img: { @@ -40,7 +44,13 @@ export default { computed: { loadingStyle () { return { - backgroundcolor: 'rgba(red, .5)' + background: this.bgLoading + } + }, + backgroundStyle () { + return { + background: this.img, + opacity: .5 } } }, @@ -65,4 +75,21 @@ export default { background-color: rgba(black, .1); // TEMP } + +.content-container { + z-index: 10; + position: relative; +} + +.background-container { + z-index: 5; +} + +.background { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; +} diff --git a/layouts/default.vue b/layouts/default.vue index 1985068..11eed9e 100644 --- a/layouts/default.vue +++ b/layouts/default.vue @@ -3,9 +3,9 @@
- @@ -45,8 +45,13 @@ export default { } .page { + z-index: 50; position: relative; width: 100%; height: 100%; } + +.menu { + z-index: 100; +} diff --git a/pages/index.vue b/pages/index.vue index e4192ec..b110211 100644 --- a/pages/index.vue +++ b/pages/index.vue @@ -1,6 +1,779 @@