Proper scrollbars!
Alessandro committed
Sep 21, 2024 at 11:06 UTC
22708f7764e958f47c159bf89f62c862f2a6b790
1 file changed
+34
-2
webui/index.css
+34
-2
@@ -117,7 +117,23 @@ html {
117
118
.left-panel-top {
119
margin-top: 7.5rem;
120
- overflow-y: auto;
120
+ overflow-y: hidden;
121
+}
122
+
123
+/* Apply the custom scrollbar style here */
124
+.left-panel-top::-webkit-scrollbar-track {
125
+ -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
126
+ border-radius: 10px;
127
+}
128
+
129
+.left-panel-top::-webkit-scrollbar {
130
+ width: 6px;
131
+}
132
+
133
+.left-panel-top::-webkit-scrollbar-thumb {
134
+ border-radius: 10px;
135
+ -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
136
+ background-color: #555;
137
}
138
139
.switch-label { /* Style for the switch label */
@@ -194,7 +210,23 @@ h4 {
210
flex-direction: column;
211
flex-grow: 1;
212
overflow-y: auto;
197
- padding: var(--spacing-md);
213
+ padding: var(--spacing-md);
214
+}
215
+
216
+/* Apply the custom scrollbar style here */
217
+#chat-history::-webkit-scrollbar-track {
218
+ -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
219
+ border-radius: 10px;
220
+}
221
+
222
+#chat-history::-webkit-scrollbar {
223
+ width: 6px;
224
+}
225
+
226
+#chat-history::-webkit-scrollbar-thumb {
227
+ border-radius: 10px;
228
+ -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
229
+ background-color: #555;
230
}
231
232
/* Message Styles */