Adjust header style to remove horizontal scrollbar and enable mouse h…

…orizontal scroll
thearyadev · Dec 26, 2023 · 37ac67f · 37ac67f
1 parent ec6cdb9
commit 37ac67f
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/frontend/app/components/header/header.module.scss b/frontend/app/components/header/header.module.scss
@@ -4,12 +4,18 @@
 
 .navbar {
   @apply bg-gray-300 w-full overflow-x-auto flex whitespace-nowrap;
+  scrollbar-width: none;
+  -ms-overflow-style: none;
 
   ul {
     @apply flex list-none space-x-4;
   }
 
   ul > li {
-    @apply p-3 hover:bg-gray-400 transition duration-100 ease-in-out;
+    @apply hover:bg-gray-400 transition duration-100 ease-in-out;
   }
 }
+
+.navbar::-webkit-scrollbar{
+  display: none;
+}