Andreas/LibreChat
1
0
Fork 0
mirror of https://github.com/danny-avila/LibreChat.git synced 2026-01-08 11:38:51 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 6

🔍 feat: Filter MultiSelect and SelectDropDown (+variants) + CSS fixes for Scrollbar (#2138)

Browse source 
* Initial implementation of MultiSearch. Added implementation to MultiSelect and SelectDropDown and variants

* Update scrollbar styles to prevent breakages on Chrome

* Revert changes to vite.config.ts (redundant for now)

* chore(New Chat): organize imports

* style(scrollbar-transparent): use webkit as standard, expected behavior

* chore: useCallback for mouse enter/leave

* fix(Footer): resolve map key error

* chore: memoize Conversations

* style(MultiSearch): improve multisearch styling

* style: dark mode search input

* fix: react warnings due to unrecognize html props

* chore: debounce OpenAI settings inputs

* fix(useDebouncedInput): only use event value as newValue if not object

---------

Co-authored-by: Flynn <gpg@flyn.ca>
This commit is contained in:
Danny Avila 2024-03-19 13:35:10 -04:00 • committed by GitHub
parent f51ac74e12
commit 382b303963
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
20 changed files with 305 additions and 83 deletions
Download patch file Download diff file Expand all files Collapse all files

43
client/src/style.css
View file

@ -1083,24 +1083,6 @@ button {
padding: 0.25rem 0.5rem;
}
::-webkit-scrollbar {
height: 0.1em;
width: 0.5rem;
}
.scrollbar-trigger:hover ::-webkit-scrollbar-thumb {
visibility: hide;
}
::-webkit-scrollbar-thumb {
background-color: hsla(0,0%,100%,.1);
border-radius: 9999px;
}
.scrollbar-transparent::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, 0.1);
}
.bg-token-surface-secondary {
background-color: #f7f7f8;
background-color: var(--surface-secondary);
@ -1112,13 +1094,32 @@ button {
--tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
}
/* Webkit scrollbar */
::-webkit-scrollbar {
height: 0.1em;
width: 0.5rem;
}
::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, 0.1);
border-radius: 9999px;
}
.dark ::-webkit-scrollbar-thumb {
background-color: hsla(0, 0%, 100%, 0.1);
}
::-webkit-scrollbar-track {
background-color: transparent;
border-radius: 9999px;
}
::-webkit-scrollbar-thumb:hover {
background-color: hsla(0,0%,100%,.3);
.scrollbar-transparent::-webkit-scrollbar-thumb {
background-color: transparent;
}
.dark .scrollbar-transparent::-webkit-scrollbar-thumb {
background-color: transparent;
}
body,