highperfocused/danswer
1
0
Fork 0
mirror of https://github.com/danswer-ai/danswer.git synced 2025-06-30 17:51:40 +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> </div>
{currentDocuments ? ( {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> <div>
{dedupedDocuments.length > 0 ? ( {dedupedDocuments.length > 0 ? (
dedupedDocuments.map((document, ind) => ( dedupedDocuments.map((document, ind) => (
@ -141,7 +141,7 @@ export function DocumentSidebar({
</div> </div>
{selectedDocuments && selectedDocuments.length > 0 ? ( {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) => ( {selectedDocuments.map((document) => (
<SelectedDocumentDisplay <SelectedDocumentDisplay
key={document.document_id} key={document.document_id}

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

@ -17,6 +17,15 @@
background: #d1d5db; /* Handle color on hover */ 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 { ::-webkit-scrollbar {
width: 8px; /* Vertical scrollbar width */ width: 8px; /* Vertical scrollbar width */
height: 8px; /* Horizontal scrollbar height */ height: 8px; /* Horizontal scrollbar height */