Merge pull request #17 from sparrowapp-dev/feat/16/implement-auth-bac…

…kground

feat: add background image

src/App.svelte

@@ -11,7 +11,7 @@
 	import OauthRedirect from './pages/Auth/oauth-redirect/OauthRedirect.svelte';
 	import AuthSuccess from './pages/Auth/auth-success/AuthSuccess.svelte';
 	import EntryPoint from './pages/Auth/entry-point/EntryPoint.svelte';
-	import bg from "$lib/assets/body-gradient.svg";
+	import bg from "$lib/assets/body-gradient.png";
 	export let url = '/';
 </script>
 
@@ -29,8 +29,8 @@
 	<Route path="/*"><Navigate to="/init" /></Route>
 </Router>
 <Toast/>
-<!-- <div style="height:300px; position:fixed; bottom:0; left:0;
-right:0;" class="w-100">
+<div style="height:300px; bottom:0; left:0;
+right:0; z-index:-1 !important" class="w-100 position-fixed">
 	<img src={bg} alt="" style="height:100%; width:100%;">
-</div> -->
+</div>
 

src/lib/components/help/SupportHelp.svelte

@@ -3,7 +3,7 @@
 </script>
 <div class="w-100 d-flex align-items-center justify-content-center">
     <a href={`mailto:${constants.SPARROW_SUPPORT_EMAIL}`} class="px-2 sparrow-fs-12">Need Help?</a>
-    <span class="px-2">|</span>
+    <span class="px-2 text-textColor fw-bold" >|</span>
     <a href={`mailto:${constants.SPARROW_SUPPORT_EMAIL}`} class="px-2 sparrow-fs-12">Report Issue</a>
 </div>
 <style>

src/lib/components/o-auth/Oauth.svelte

@@ -6,7 +6,7 @@
 		navigate(constants.SPARROW_OAUTH);
 	};
 </script>
-<div class="d-flex flex-column align-items-center justify-content-center">
+<div class="d-flex flex-column align-items-center pb-3 justify-content-center">
     <p>or continue with</p>
     <div class="d-flex gap-4">
         <button