From 915e53e22561eb004ec4ddf767d2d557632f7335 Mon Sep 17 00:00:00 2001
From: zerosoul <yanggc888@163.com>
Date: Wed, 8 Jun 2022 13:40:51 +0800
Subject: [PATCH] feat: custom scroll bar

---
 src/assets/{vars.css => base.css} | 9 +++++++++
 src/index.js                      | 2 +-
 2 files changed, 10 insertions(+), 1 deletion(-)
 rename src/assets/{vars.css => base.css} (75%)

diff --git a/src/assets/vars.css b/src/assets/base.css
similarity index 75%
rename from src/assets/vars.css
rename to src/assets/base.css
index 5dfe39cb..248fcecd 100644
--- a/src/assets/vars.css
+++ b/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;
diff --git a/src/index.js b/src/index.js
index f175cd00..f7103d66 100644
--- a/src/index.js
+++ b/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";