troubleshooting page & chrome custom scrollbar

1 files changed, 18 insertions, 0 deletions

diff --git a/Website/layouts/default.vue b/Website/layouts/default.vue
index 828216f..bde338f 100644
--- a/Website/layouts/default.vue
+++ b/Website/layouts/default.vue
@@ -40,6 +40,10 @@ export default {
         path: "/install",
       },
       {
+        name: "Help",
+        path: "/help",
+      },
+      {
         name: "FAQ",
         path: "/faq",
       },
@@ -66,6 +70,20 @@ body {
   overflow: auto;
 }
 
+::-webkit-scrollbar {
+  width: 1rem;
+}
+
+::-webkit-scrollbar-track {
+  background: #111; /* color of the tracking area */
+}
+
+::-webkit-scrollbar-thumb {
+  background-color: #ff4444; /* color of the scroll thumb */
+  border-radius: 20px; /* roundness of the scroll thumb */
+  border: 4px solid #111; /* creates padding around scroll thumb */
+}
+
 .debug {
   /* usage: add class="debug" to the element */
   outline: 2px solid red;