From a3bcf73408d2fe4f8244f2942fe12e2ae80479cc Mon Sep 17 00:00:00 2001
From: =?utf8?q?Julius=20H=C3=A4rtl?= <jus@bitgrid.net>
Date: Wed, 12 Aug 2020 07:39:46 +0200
Subject: [PATCH] Sticky header background
MIME-Version: 1.0
Content-Type: text/plain; charset=utf8
Content-Transfer-Encoding: 8bit

Signed-off-by: Julius Härtl <jus@bitgrid.net>
---
 apps/dashboard/src/App.vue | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/apps/dashboard/src/App.vue b/apps/dashboard/src/App.vue
index fdf9f1e716f..32179f66313 100644
--- a/apps/dashboard/src/App.vue
+++ b/apps/dashboard/src/App.vue
@@ -162,6 +162,13 @@ export default {
 				}
 			}
 		},
+		backgroundImage: {
+			immediate: true,
+			handler() {
+				const header = document.getElementById('header')
+				header.style.backgroundImage = `url(${this.backgroundImage})`
+			},
+		},
 	},
 	mounted() {
 		setInterval(() => {
@@ -242,7 +249,10 @@ export default {
 <style lang="scss">
 // Show Dashboard background image beneath header
 #body-user #header {
-	background: none;
+	background-size: cover;
+	background-position: center 50%;
+	background-repeat: no-repeat;
+	background-attachment: fixed;
 }
 
 #content {
-- 
2.39.5