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

🎨 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

5
client/src/components/Nav/SettingsTabs/General/ArchivedChats.tsx
View file

@ -1,6 +1,6 @@
import { useLocalize } from '~/hooks';
import { Dialog, DialogTrigger } from '~/components/ui';
import DialogTemplate from '~/components/ui/DialogTemplate';
import { Dialog, DialogTrigger } from '~/components/ui';
import ArchivedChatsTable from './ArchivedChatsTable';
@ -9,8 +9,7 @@ export default function ArchivedChats() {
return (
<div className="flex items-center justify-between">
<div> {localize('com_nav_archived_chats')} </div>
<div>{localize('com_nav_archived_chats')}</div>
<Dialog>
<DialogTrigger asChild>
<button className="btn btn-neutral relative ">

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>

3
client/src/components/Nav/SettingsTabs/General/HideSidePanelSwitch.tsx
View file

@ -20,7 +20,8 @@ export default function HideSidePanelSwitch({
return (
<div className="flex items-center justify-between">
<div> {localize('com_nav_hide_panel')} </div>
<div>{localize('com_nav_hide_panel')}</div>
<Switch
id="hideSidePanel"
checked={hideSidePanel}