From 66835dee35fd726a051f215c75e59a931532a284 Mon Sep 17 00:00:00 2001
From: calvincode <yellingatcode@gmail.com>
Date: Wed, 30 Oct 2024 15:15:51 -0400
Subject: [PATCH] feat(search-bar-freeze): resolves issue #380 (#566)

* feat(search-bar-freeze): resolves issue #380

* style: improve

---------

Co-authored-by: ldeluigi <44567586+ldeluigi@users.noreply.github.com>
---
 src/components/layout/PageWrapper/PageWrapper.tsx   |  4 ++--
 .../layout/PageWrapper/pageWrapper.module.scss      | 13 +++++++++++++
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/components/layout/PageWrapper/PageWrapper.tsx b/src/components/layout/PageWrapper/PageWrapper.tsx
index 36e2d18ef1..f009e65fd4 100644
--- a/src/components/layout/PageWrapper/PageWrapper.tsx
+++ b/src/components/layout/PageWrapper/PageWrapper.tsx
@@ -20,10 +20,10 @@ const PageWrapper: React.FC<Props> = ({ children, noMarginFooter }: Props) => {
   }
 
   return (
-    <div className={`flex flex-col h-full`}>
+    <div className={`flex flex-col h-full ${!isHome ? styles.padtop : ''}`}>
       <AnalyticsCookieBanner />
       {!isHome && (
-        <div className={`bg-dark`}>
+        <div className={`bg-dark ${styles.locked}`}>
           <nav className="container">
             <SearchBar />
           </nav>
diff --git a/src/components/layout/PageWrapper/pageWrapper.module.scss b/src/components/layout/PageWrapper/pageWrapper.module.scss
index 3621be8f22..f45631d8e1 100644
--- a/src/components/layout/PageWrapper/pageWrapper.module.scss
+++ b/src/components/layout/PageWrapper/pageWrapper.module.scss
@@ -1,3 +1,16 @@
 .searchBarBorder {
   height: 2px;
 }
+
+.locked{
+  position: fixed !important;
+  top: 0;
+  left: 0;
+  width: 100%;
+  z-index: 1000;
+
+}
+
+.padtop{
+  padding-top: 2.6em;
+}