From 78e48e4d23023c7d5e637c730cd2a57b8dca264a Mon Sep 17 00:00:00 2001
From: SethBurkart123 <seth.burkart@hills.adventist.edu.au>
Date: Tue, 21 May 2024 19:18:26 +1000
Subject: [PATCH] improve topbar positioning: changed to fixed

---
 src/interface/components/store/header.tsx | 2 +-
 src/interface/pages/Store.tsx             | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/interface/components/store/header.tsx b/src/interface/components/store/header.tsx
index 75b157e7..d3d20303 100644
--- a/src/interface/components/store/header.tsx
+++ b/src/interface/components/store/header.tsx
@@ -2,7 +2,7 @@ import logo from '../../../resources/icons/betterseqta-dark-full.png';
 import logoDark from '../../../resources/icons/betterseqta-light-full.png';
 
 export default function header({ searchTerm, setSearchTerm }: { searchTerm: string, setSearchTerm: (value: string) => void }) {
-  return <header className="sticky top-0 z-50 w-full bg-white border-b shadow-md border-b-white/10 dark:bg-zinc-800/90 backdrop-blur-xl">
+  return <header className="fixed top-0 z-50 w-full h-[4.25rem] bg-white border-b shadow-md border-b-white/10 dark:bg-zinc-800/90 backdrop-blur-xl">
     <div className="flex items-center justify-between px-4 py-1">
       <div className="cursor-pointer" onClick={() => setSearchTerm('')}>
         <img src={logo} className="h-14 dark:hidden" />
diff --git a/src/interface/pages/Store.tsx b/src/interface/pages/Store.tsx
index eca384c0..2752beb5 100644
--- a/src/interface/pages/Store.tsx
+++ b/src/interface/pages/Store.tsx
@@ -132,7 +132,7 @@ const Store = () => {
   }
 
   return (
-    <div className="w-screen h-screen overflow-y-scroll bg-zinc-200/50 dark:bg-zinc-900 dark:text-white">
+    <div className="w-screen h-screen overflow-y-scroll pt-[4.25rem] bg-zinc-200/50 dark:bg-zinc-900 dark:text-white">
       
       <Header searchTerm={searchTerm} setSearchTerm={setSearchTerm} />