REFACTOR : Made search box non sticky

kuchuk-borom-db · Jan 1, 2025 · 00aa0cf · 00aa0cf
1 parent 90988e1
commit 00aa0cf
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/youtag_astro/src/pages/search.astro b/youtag_astro/src/pages/search.astro
@@ -48,15 +48,15 @@ console.log(`Videos = ${videos.toString()}`);
 </head>
 
 <div class="min-h-screen bg-black/90 flex flex-col">
-    <div class="sticky top-0 z-50 bg-black/95">
+    <div class="z-50 bg-black/95">
         <Navbar user={user!} client:load/>
-        <div class="px-2 sm:px-4 md:px-6 lg:px-8 py-2 sm:py-4">
-            <SearchBox initialTags={tagsList} client:load/>
-        </div>
     </div>
 
     <main class="flex-1 px-2 sm:px-4 md:px-6 lg:px-8 py-4">
-        <div class="max-w-7xl mx-auto">
+        <div class="max-w-7xl mx-auto space-y-4">
+            <SearchBox initialTags={tagsList} client:load/>
+
+            <!-- Videos List -->
             <VideosList
                     videos={videos}
                     totalVideos={videosCount}
@@ -66,4 +66,4 @@ console.log(`Videos = ${videos.toString()}`);
             />
         </div>
     </main>
-</div>
+</div>