fix(frontend): annoying expand behavior

amir-kedis · May 11, 2024 · 833e3cd · 833e3cd
1 parent 2c2bd98
commit 833e3cd
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 6 deletions.
diff --git a/mistermeow/app/src/meowapp/src/SRP.tsx b/mistermeow/app/src/meowapp/src/SRP.tsx
@@ -55,14 +55,14 @@ function SRP() {
     <div
       className={` ${theme} flex flex-col bg-home text-mprimary min-h-screen font-inter fill-current`}
     >
-      <nav className="flex pt-4 pb-4 border-searchBorder border-b">
-        <div className="container flex gap-3">
+      <nav className="flex pt-4 pb-4 border-searchBorder max-h-[78px] relative border-b">
+        <div className="container flex gap-3 ">
           <Link to="/">
             <Banner size="sm" />
           </Link>
           <Form onSubmit={submitHandler}>
             <SearchBar
-              className="mt-0 inline-block"
+              className="mt-0 inline-block z-[1000]"
               query={query}
               setQuery={setQuery}
             />

diff --git a/mistermeow/app/src/meowapp/src/components/SRPPagination.tsx b/mistermeow/app/src/meowapp/src/components/SRPPagination.tsx
@@ -1,4 +1,4 @@
-import { Link, useNavigate } from "react-router-dom";
+import { Link } from "react-router-dom";
 
 import {
   Pagination,
@@ -23,8 +23,6 @@ export default function SRPPagination({
   query,
   setPage,
 }: SRPPaginationProps) {
-  const navigate = useNavigate();
-
   const numberOfPages = Math.ceil(resultsCount / 20); // FIXME: Hardcoded 20 change later
   console.log("Number of pages", numberOfPages);