feat(neuron-ui): add custom scrollbar on activity list

Author: Keith-CY

packages/neuron-ui/src/components/Overview/index.tsx

@@ -80,9 +80,11 @@ const ActivityList = ({
       onItemInvoked={item => {
         showTransactionDetails(item.hash)
       }}
+      className="customScrollBar"
       styles={{
         root: {
-          overflow: 'auto',
+          overflowX: 'hidden',
+          overflowY: 'auto',
           height: '100%',
           backgroundColor: 'transparent',
         },

packages/neuron-ui/src/styles/index.scss

@@ -66,6 +66,20 @@ navbar {
   }
 }
 
+
+.customScrollBar {
+  &::-webkit-scrollbar {
+    border-radius: 5px;
+    background-color: #e0e0e0;
+    width: 10px
+  }
+
+  &::-webkit-scrollbar-thumb {
+    border-radius: 5px;
+    background-color: #bdbdbd;
+  }
+}
+
 @keyframes rotate360 {
   from {
     transform: rotate(0)