From 954a9df4fb69106880ff16ccf3e06dc925e64455 Mon Sep 17 00:00:00 2001
From: Amir Hamzan <62345746+amirhamzan@users.noreply.github.com>
Date: Mon, 17 Oct 2022 16:48:04 +0800
Subject: [PATCH] Navbar sticky on top

---
 src/components/layouts/TheHeader.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/layouts/TheHeader.vue b/src/components/layouts/TheHeader.vue
index 9bc502d..b94a276 100644
--- a/src/components/layouts/TheHeader.vue
+++ b/src/components/layouts/TheHeader.vue
@@ -1,7 +1,7 @@
 <template>
   <!-- Navbar for laptop screen size (width>992px) -->
   <Toast :breakpoints="{ '500px': { width: '100%', right: '0', left: '0' } }" />
-  <div class="card lg:flex hidden border-none">
+  <div class="card sticky-top lg:flex hidden border-none">
     <div
       class="
         flex
@@ -78,8 +78,8 @@
       </div>
     </div>
   </div>
-  <!-- Sidebar for phone, tab screen size (width<992px) -->
-  <div class="card lg:hidden md:flex border-none">
+  <!-- Navbar for phone, tab screen size (width<992px) -->
+  <div class="card sticky-top lg:hidden md:flex border-none">
     <div
       class="
         flex