mirror of
https://github.com/danny-avila/LibreChat.git
synced 2025-12-23 03:40:14 +01:00
2bb0842650
* wip: general setup * added: translations for font-size * fix: prompts related linter errors and add theming * wip: font size selector * refactor: Update FontSizeSelector options display property * refactor: adjust Intersection Observer threshold and debounce rate * feat: Update selectedPrompt type in PromptForm to be optional * feat: dynamic font size * refactor: Update message font size in navigation bar * refactor: Update code analyze block styling * refactor: ProgressText dynamic font size * refactor: move FontSizeSelector component to Chat from General settings * fix: HoverButtons styling for better visibility * refactor: Update HoverButtons styling for better visibility --------- Co-authored-by: kraken <solodarken@gmail.com>
36 lines
1.3 KiB
TypeScript
36 lines
1.3 KiB
TypeScript
import { memo } from 'react';
|
|
import * as Tabs from '@radix-ui/react-tabs';
|
|
import { SettingsTabValues } from 'librechat-data-provider';
|
|
import FontSizeSelector from './FontSizeSelector';
|
|
import SendMessageKeyEnter from './EnterToSend';
|
|
import ShowCodeSwitch from './ShowCodeSwitch';
|
|
import { ForkSettings } from './ForkSettings';
|
|
import ChatDirection from './ChatDirection';
|
|
import SaveDraft from './SaveDraft';
|
|
|
|
function Chat() {
|
|
return (
|
|
<Tabs.Content value={SettingsTabValues.CHAT} role="tabpanel" className="md: w-full">
|
|
<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">
|
|
<FontSizeSelector />
|
|
</div>
|
|
<div className="border-b pb-3 last-of-type:border-b-0 dark:border-gray-600">
|
|
<ChatDirection />
|
|
</div>
|
|
<div className="border-b pb-3 last-of-type:border-b-0 dark:border-gray-600">
|
|
<SendMessageKeyEnter />
|
|
</div>
|
|
<div className="border-b pb-3 last-of-type:border-b-0 dark:border-gray-600">
|
|
<ShowCodeSwitch />
|
|
</div>
|
|
<div className="border-b pb-3 last-of-type:border-b-0 dark:border-gray-600">
|
|
<SaveDraft />
|
|
</div>
|
|
<ForkSettings />
|
|
</div>
|
|
</Tabs.Content>
|
|
);
|
|
}
|
|
|
|
export default memo(Chat);
|