From a86517ef32786ddecc42a79c13effb34f99de013 Mon Sep 17 00:00:00 2001
From: Nick Bland <nisky38@hotmail.com>
Date: Mon, 25 Jul 2022 13:32:55 +1000
Subject: [PATCH] Hide Scrollbar automatically

Hidden scrollbar that is only displayed when actually scrolling rather than the ugly right bar that is always there.
---
 styles/globals.css | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/styles/globals.css b/styles/globals.css
index bd6213e..1eed1a3 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -1,3 +1,14 @@
 @tailwind base;
 @tailwind components;
-@tailwind utilities;
\ No newline at end of file
+@tailwind utilities;
+
+/* hide scrollbar but allow scrolling */
+body {
+    -ms-overflow-style: none; /* for Internet Explorer, Edge */
+    scrollbar-width: none; /* for Firefox */
+    overflow-y: scroll; 
+}
+
+body::-webkit-scrollbar {
+    display: none; /* for Chrome, Safari, and Opera */
+}
\ No newline at end of file