Andreas/LibreChat
1
0
Fork 0
mirror of https://github.com/danny-avila/LibreChat.git synced 2025-12-19 09:50:15 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

🎨 style: settings tab update (#3088)

Browse source 
* style: settings UI  update

* style: update UI

* style: update button style

* fix: scroll settings on mobile

* feat: `?` for settings
This commit is contained in:
Marco Beretta 2024-06-21 15:58:04 +02:00 • committed by GitHub
parent 4319c62e66
commit 0424f8fe55
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
36 changed files with 359 additions and 173 deletions
Download patch file Download diff file Expand all files Collapse all files

11
client/src/components/Nav/SettingsTabs/General/General.tsx
View file

@ -28,12 +28,13 @@ export const ThemeSelector = ({
return (
<div className="flex items-center justify-between">
<div> {localize('com_nav_theme')} </div>
<div>{localize('com_nav_theme')}</div>
<Dropdown
value={theme}
onChange={onChange}
options={themeOptions}
width={220}
width={180}
position={'left'}
maxHeight="200px"
testId="theme-selector"
@ -64,6 +65,7 @@ export const ClearChatsButton = ({
confirmActionTextCode="com_nav_confirm_clear"
dataTestIdInitial="clear-convos-initial"
dataTestIdConfirm="clear-convos-confirm"
infoDescriptionCode="com_nav_info_clear_all_chats"
onClick={onClick}
/>
);
@ -104,7 +106,8 @@ export const LangSelector = ({
return (
<div className="flex items-center justify-between">
<div> {localize('com_nav_language')} </div>
<div>{localize('com_nav_language')}</div>
<Dropdown
value={langcode}
onChange={onChange}
@ -153,7 +156,7 @@ function General() {
className="w-full md:min-h-[271px]"
ref={contentRef}
>
<div className="flex flex-col gap-3 text-sm text-gray-600 dark:text-gray-50">
<div className="flex flex-col gap-3 text-sm text-black dark:text-gray-50">
<div className="border-b pb-3 last-of-type:border-b-0 dark:border-gray-600">
<ThemeSelector theme={theme} onChange={changeTheme} />
</div>