From 9b97bb4e8e551b70731513d1adf77bafb2d07ca8 Mon Sep 17 00:00:00 2001
From: "J.P." <145814971+ramackersjp@users.noreply.github.com>
Date: Fri, 17 May 2024 01:38:59 +0200
Subject: [PATCH] basic sticky setup for faster navigation

---
 src/components/NavBar.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/NavBar.vue b/src/components/NavBar.vue
index 85764d1e..cfced31c 100644
--- a/src/components/NavBar.vue
+++ b/src/components/NavBar.vue
@@ -1,5 +1,5 @@
 <template>
-    <nav class="relative w-full flex flex-wrap items-center justify-center px-2 pb-2.5 sm:px-4">
+    <nav class="relative w-full flex flex-wrap items-center justify-center px-2 pb-2.5 sm:px-4 sticky top-0">
         <div class="flex flex-1 justify-start">
             <router-link class="flex items-center text-3xl font-bold font-sans" :to="homePagePath"
                 ><img
@@ -216,7 +216,7 @@ export default {
 
 <style>
 .search-container {
-    @apply relative inline-flex items-center;
+    @apply relative inline-flex items-center sticky top-12;
 }
 .delete-search {
     @apply absolute right-3 cursor-pointer rounded-full bg-[#ccc] w-4 h-4 text-center text-black opacity-50 hover:(opacity-70) text-size-[10px];