From 41b6c84fbf13159e0b1b0e5aebb171f824a16302 Mon Sep 17 00:00:00 2001
From: mrjvs <jellevs@gmail.com>
Date: Sun, 20 Aug 2023 21:51:23 +0200
Subject: [PATCH] Fix footer and fix overlay backgroudn thing

Co-authored-by: Jip Frijlink <JipFr@users.noreply.github.com>
---
 src/components/layout/Footer.tsx     | 5 +++--
 src/components/layout/Navigation.tsx | 2 +-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/layout/Footer.tsx b/src/components/layout/Footer.tsx
index 05b17a01..910e337e 100644
--- a/src/components/layout/Footer.tsx
+++ b/src/components/layout/Footer.tsx
@@ -3,6 +3,7 @@ import { useTranslation } from "react-i18next";
 import { Icon, Icons } from "@/components/Icon";
 import { BrandPill } from "@/components/layout/BrandPill";
 import { WideContainer } from "@/components/layout/WideContainer";
+import { conf } from "@/setup/config";
 
 function FooterLink(props: {
   href: string;
@@ -50,10 +51,10 @@ export function Footer() {
           <p className="mt-3">{t("footer.legal.disclaimerText")}</p>
         </div>
         <div className="space-x-[2rem]">
-          <FooterLink icon={Icons.GITHUB} href="https://github.com/movie-web">
+          <FooterLink icon={Icons.GITHUB} href={conf().GITHUB_LINK}>
             {t("footer.links.github")}
           </FooterLink>
-          <FooterLink icon={Icons.DISCORD} href="https://discord.movie-web.app">
+          <FooterLink icon={Icons.DISCORD} href={conf().DISCORD_LINK}>
             {t("footer.links.discord")}
           </FooterLink>
           <div className="inline md:hidden">
diff --git a/src/components/layout/Navigation.tsx b/src/components/layout/Navigation.tsx
index 531b5dfb..19e35870 100644
--- a/src/components/layout/Navigation.tsx
+++ b/src/components/layout/Navigation.tsx
@@ -24,7 +24,7 @@ export function Navigation(props: NavigationProps) {
         </div>
       </div>
       <div
-        className="fixed left-0 right-0 top-0 min-h-[150px] bg-gradient-to-b from-background-main via-background-main to-transparent sm:from-transparent"
+        className="fixed left-0 right-0 top-0 z-10 min-h-[150px] bg-gradient-to-b from-background-main via-background-main to-transparent sm:from-transparent"
         style={{
           top: `${bannerHeight}px`,
         }}