From bbf18041615df550f7bd30ae0078ed13221155ed Mon Sep 17 00:00:00 2001
From: EETagent <vojta.jungmann@gmail.com>
Date: Fri, 25 Nov 2022 14:45:51 +0100
Subject: [PATCH] feat: enable configuration for split layout

---
 frontend/src/lib/components/layout/SplitLayout.svelte | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/frontend/src/lib/components/layout/SplitLayout.svelte b/frontend/src/lib/components/layout/SplitLayout.svelte
index 953bfaa..7e5ad1b 100644
--- a/frontend/src/lib/components/layout/SplitLayout.svelte
+++ b/frontend/src/lib/components/layout/SplitLayout.svelte
@@ -1,14 +1,17 @@
 <script lang="ts">
-	import backgroundImage from '$lib/assets/background.jpg';
+	import defaultBg from '$lib/assets/background.jpg';
 	import logo from '$lib/assets/logo/ssps.svg';
 	import DarkModeToggle from '../DarkModeToggle.svelte';
+
+	export let backgroundImage: string = defaultBg;
+	export let backgroundPosition: string = "55%";
 </script>
 
 <div class="bg">
 	<div class="bgOverlay">
 		<img class="logo" src={logo} alt="SSPŠ logo" />
 	</div>
-	<div style={`background-image: url(${backgroundImage});`} class="bgImage" />
+	<div style={`background-image: url(${backgroundImage}); background-position: ${backgroundPosition}`} class="bgImage" />
 </div>
 <div class="view">
     <div class="darkModeToggle">
@@ -24,7 +27,6 @@
 		@apply -z-20;
 		@apply absolute min-w-screen md:min-w-[50vw] min-h-screen;
 		@apply bg-no-repeat;
-		background-position: 55%;
 	}
 	.bgOverlay {
 		@apply -z-10 absolute min-w-screen md:min-w-[50vw] min-h-screen;