From a593be7449adbc442a6903a17dcaff57664a5288 Mon Sep 17 00:00:00 2001
From: Rafael Araujo Lehmkuhl <rafael.lehmkuhl93@gmail.com>
Date: Fri, 28 Jul 2023 11:57:59 -0300
Subject: [PATCH] Add custom beautiful scrollbars

---
 src/styles/global.css | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/src/styles/global.css b/src/styles/global.css
index 80493b30a..e889996f1 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -24,3 +24,21 @@
 .v-leave-to {
     opacity: 0;
 }
+
+::-webkit-scrollbar {
+    width: 0.5em;
+    height: 0.5em;
+}
+::-webkit-scrollbar-track {
+    background-color: hsla(0, 0%, 0%, 0.1);
+    border-radius: 100vw;
+    margin-block: 0.5rem;
+    margin-inline: 0.5rem;
+}
+::-webkit-scrollbar-thumb {
+    background-color: hsla(0, 0%, 0%, 0.2);
+    border-radius: 100vw;
+}
+::-webkit-scrollbar-thumb:hover {
+    background-color: hsla(0, 0%, 0%, 0.411);
+}