style: add styles to scroll bar (#364)

3 years ago · 55727bd738
parent 03f5939096
commit 55727bd738
1 changed files with 25 additions and 0 deletions
--- a/src/styles/global.less
+++ b/src/styles/global.less
@ -951,3 +951,28 @@ body {
    transform: rotate(360deg);
  }
 }
+
+/* scroll bar style */
+*::-webkit-scrollbar-track-piece{
+  background-color: #f8f8f8;
+  -webkit-border-radius: 2em;
+  -moz-border-radius: 2em;
+  border-radius: 2em;
+}
+
+*::-webkit-scrollbar{
+  width: 8px;
+  height: 8px;
+}
+
+*::-webkit-scrollbar-thumb{
+  background-color: #ddd;
+  background-clip: padding-box;
+  -webkit-border-radius: 2em;
+  -moz-border-radius: 2em;
+  border-radius: 2em;
+}
+
+*::-webkit-scrollbar-thumb:hover{
+  background-color: #bbb;
+}