highperfocused/danswer
1
0
Fork 0
mirror of https://github.com/danswer-ai/danswer.git synced 2025-06-29 17:20:44 +02:00
Code Issues Packages Projects Releases Wiki Activity

Make document sidebar scrollbar darker

Browse Source
This commit is contained in:
Weves
2023-12-20 18:26:34 -08:00
committed by Chris Weaver
parent 402d83e167
commit a9570e01e2
2 changed files with 11 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
web/src/app/chat/documentSidebar/DocumentSidebar.tsx
View File

@ -68,7 +68,7 @@ export function DocumentSidebar({
</div>
{currentDocuments ? (
<div className="overflow-y-auto overflow-x-hidden flex flex-col">
<div className="overflow-y-auto dark-scrollbar overflow-x-hidden flex flex-col">
<div>
{dedupedDocuments.length > 0 ? (
dedupedDocuments.map((document, ind) => (
@ -141,7 +141,7 @@ export function DocumentSidebar({
</div>
{selectedDocuments && selectedDocuments.length > 0 ? (
<div className="flex flex-col gap-y-2 py-3 px-3 overflow-y-auto max-h-full">
<div className="flex flex-col gap-y-2 py-3 px-3 overflow-y-auto dark-scrollbar max-h-full">
{selectedDocuments.map((document) => (
<SelectedDocumentDisplay
key={document.document_id}

9
web/src/app/globals.css
View File

@ -17,6 +17,15 @@
background: #d1d5db; /* Handle color on hover */
}
.dark-scrollbar::-webkit-scrollbar-thumb {
background: #c7cdd2; /* Handle color */
border-radius: 10px;
}
.dark-scrollbar::-webkit-scrollbar-thumb:hover {
background: #989a9c; /* Handle color on hover */
}
::-webkit-scrollbar {
width: 8px; /* Vertical scrollbar width */
height: 8px; /* Horizontal scrollbar height */