From 7db5795d26733163c3c7dc4671f1740fdc09c8ba Mon Sep 17 00:00:00 2001
From: Phuoc Nguyen <me@phuoc.ng>
Date: Wed, 28 Apr 2021 15:11:43 +0700
Subject: [PATCH] Custom scrollbar styles

---
 client/index.css | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/client/index.css b/client/index.css
index 8db26c2..cfb23b6 100644
--- a/client/index.css
+++ b/client/index.css
@@ -22,6 +22,19 @@ a {
     text-decoration: none;
 }
 
+::-webkit-scrollbar {
+    height: 0.5rem;
+    width: 0.5rem;
+}
+::-webkit-scrollbar-thumb {
+    background-color: var(--color-gray-5);
+    border-radius: 0.5rem;
+}
+::-webkit-scrollbar-track {
+    background-color: transparent;
+    border-radius: 0.5rem;
+}
+
 /* Layout */
 .container {
     margin: 0 auto;
@@ -87,7 +100,7 @@ pre {
     box-shadow: none;
     color: #FFF;
     font-family: "Source Code Pro", monospace;
-    font-size: 1.25rem;
+    font-size: 1rem;
     height: 100%;
     line-height: 1.5;
     margin: 0px;