feat: custom scroll bar

src/assets/base.css

@@ -1,3 +1,12 @@
+::-webkit-scrollbar-thumb {
+    background: #ddd;
+    border-radius: 4px;
+}
+::-webkit-scrollbar {
+    background: transparent;
+    width: 5px;
+    height: 5px;
+}
 :root{
     /* border radius */
     --br:8px;

src/index.js

@@ -4,7 +4,7 @@ import toast, { Toaster } from "react-hot-toast";
 import { Reset } from "styled-reset";
 import { DndProvider } from "react-dnd";
 import { HTML5Backend } from "react-dnd-html5-backend";
-import "./assets/vars.css";
+import "./assets/base.css";
 import "animate.css";
 import * as serviceWorkerRegistration from "./serviceWorkerRegistration";
 import TippyDefault from "./common/component/TippyDefault";