From d7714f4cdb12b5de34cc703f65283a71776dd2ca Mon Sep 17 00:00:00 2001
From: dvelo <52332868+DeveloLongScript@users.noreply.github.com>
Date: Sat, 23 Nov 2024 19:13:18 -0600
Subject: [PATCH] fix: use custom `top` property for environments in production
 or not

---
 src/components/misc/StickyTopbar.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/misc/StickyTopbar.tsx b/src/components/misc/StickyTopbar.tsx
index 84558fe..31234dc 100644
--- a/src/components/misc/StickyTopbar.tsx
+++ b/src/components/misc/StickyTopbar.tsx
@@ -30,6 +30,7 @@
 
 "use client";
 
+import { banner } from "@/config/banner";
 import { useEffect, useState, ReactNode } from "react";
 
 export default function StickyTopbar({
@@ -60,7 +61,7 @@ export default function StickyTopbar({
 
   return (
     <div
-      className={`transition-all duration-300 ${isSticky ? "fixed top-[70px] left-0 w-full backdrop-blur shadow-lg " + className : "block w-full bg-transparent"}`}
+      className={`transition-all duration-300 ${isSticky ? "fixed left-0 w-full backdrop-blur shadow-lg " + (banner.isBanner == true ? "top-[70px] " : "top-[38px] ") + className : "block w-full bg-transparent"}`}
     >
       {children}
     </div>