From 58d91900a3e921a419d047e710c4573cc661c9c3 Mon Sep 17 00:00:00 2001
From: Corentin Thomasset <corentin.thomasset74@gmail.com>
Date: Mon, 17 May 2021 23:57:02 +0200
Subject: [PATCH] feat(ui): added prettier scrollbar

---
 layouts/default.vue | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)

diff --git a/layouts/default.vue b/layouts/default.vue
index 044f4a17..56dec052 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -124,6 +124,32 @@ export default class DefaultLayout extends mixins(ToolRoutesMixin) {
 </script>
 
 <style lang="less">
+.pretty-scrollbar {
+  &::-webkit-scrollbar {
+    width: 5px !important;
+    height: 5px !important;
+  }
+
+  // Track
+  &::-webkit-scrollbar-track {
+    opacity: 0 !important;
+  }
+
+  // Handle
+  &::-webkit-scrollbar-thumb {
+    background: rgba(241, 241, 241, 0.10) !important;
+    border-radius: 10px;
+  }
+
+  // Handle on hover
+  &::-webkit-scrollbar-thumb:hover {
+    background: rgba(241, 241, 241, 0.20) !important;
+  }
+}
+
+.v-navigation-drawer__content {
+  .pretty-scrollbar;
+}
 
 .v-toolbar__content {
   a {