From 0ac205c01236a05e0df42cbe86012afc8ec8a514 Mon Sep 17 00:00:00 2001
From: domchan <31119455+domechn@users.noreply.github.com>
Date: Mon, 6 Nov 2023 15:32:08 -0600
Subject: [PATCH] fix nav at top (#148)

* improve select components

* improve path

* fix nav at top
---
 src/components/index/index.tsx | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/components/index/index.tsx b/src/components/index/index.tsx
index 159ad4b..9513fed 100644
--- a/src/components/index/index.tsx
+++ b/src/components/index/index.tsx
@@ -235,9 +235,10 @@ const App = () => {
     }, [lo.pathname]);
 
     return (
-      <div>
-        <div className=" flex-col md:flex">
-          <div className="border-b mb-4">
+      <div className='pb-12'
+      >
+        <div className="fixed top-0 left-4 right-0 z-10 bg-white flex-col md:flex">
+          <div className="border-b">
             <div className="flex h-12 items-center px-4">
               <MainNav className="mx-0" />
               <div className="ml-auto flex items-center space-x-4">
@@ -254,7 +255,9 @@ const App = () => {
             </div>
           </div>
         </div>
-        <Outlet></Outlet>
+        <div className='mt-4'>
+          <Outlet></Outlet>
+        </div>
       </div>
     );
   }