monra commited on
Commit
815c0e8
1 Parent(s): f67971f

Add custom scrollbar

Browse files
Files changed (1) hide show
  1. client/css/sidebar.css +18 -0
client/css/sidebar.css CHANGED
@@ -39,6 +39,7 @@
39
  flex-direction: column;
40
  gap: 16px;
41
  overflow: auto;
 
42
  }
43
 
44
  .sidebar .info {
@@ -93,12 +94,29 @@
93
  overflow-y: auto;
94
  }
95
 
 
 
96
  @keyframes spinner {
97
  to {
98
  transform: rotate(360deg);
99
  }
100
  }
101
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
102
  .spinner:before {
103
  content: "";
104
  box-sizing: border-box;
 
39
  flex-direction: column;
40
  gap: 16px;
41
  overflow: auto;
42
+ padding-right: 8px;
43
  }
44
 
45
  .sidebar .info {
 
94
  overflow-y: auto;
95
  }
96
 
97
+
98
+
99
  @keyframes spinner {
100
  to {
101
  transform: rotate(360deg);
102
  }
103
  }
104
 
105
+ /* scrollbar */
106
+ .sidebar .top::-webkit-scrollbar {
107
+ width: 4px;
108
+ padding: 8px 0px;
109
+ }
110
+
111
+ .sidebar .top::-webkit-scrollbar-track {
112
+ background-color: #ffffff00;
113
+ }
114
+
115
+ .sidebar .top::-webkit-scrollbar-thumb {
116
+ background-color: #555555;
117
+ border-radius: 10px;
118
+ }
119
+
120
  .spinner:before {
121
  content: "";
122
  box-sizing: border-box;