style: chat config title

Fixes #63
This commit is contained in:
Jing Hua 2023-03-15 22:09:44 +08:00
parent 2f11c9d254
commit 209173ef5c

View file

@ -43,24 +43,24 @@ const ChatTitle = React.memo(() => {
return config ? ( return config ? (
<> <>
<div <div
className='flex gap-x-4 gap-y-1 flex-wrap w-full items-center justify-center border-b border-black/10 bg-gray-50 p-3 text-gray-500 dark:border-gray-900/50 dark:bg-gray-700 dark:text-gray-300 cursor-pointer' className='flex gap-x-4 gap-y-1 flex-wrap w-full items-center justify-center border-b border-black/10 bg-gray-50 p-3 dark:border-gray-900/50 dark:bg-gray-700 text-gray-600 dark:text-gray-300 cursor-pointer'
onClick={() => { onClick={() => {
setIsModalOpen(true); setIsModalOpen(true);
}} }}
> >
<div className='text-center p-1 rounded-md bg-gray-900/10 hover:bg-gray-900/50'> <div className='text-center p-1 rounded-md bg-gray-300/20 dark:bg-gray-900/10 hover:bg-gray-300/50 dark:hover:bg-gray-900/50'>
{t('model')}: {t('default')} {t('model')}: {t('default')}
</div> </div>
<div className='text-center p-1 rounded-md bg-gray-900/10 hover:bg-gray-900/50'> <div className='text-center p-1 rounded-md bg-gray-300/20 dark:bg-gray-900/10 hover:bg-gray-300/50 dark:hover:bg-gray-900/50'>
{t('temperature.label')}: {config.temperature} {t('temperature.label')}: {config.temperature}
</div> </div>
<div className='text-center p-1 rounded-md bg-gray-900/10 hover:bg-gray-900/50'> <div className='text-center p-1 rounded-md bg-gray-300/20 dark:bg-gray-900/10 hover:bg-gray-300/50 dark:hover:bg-gray-900/50'>
{t('topP.label')}: {config.top_p} {t('topP.label')}: {config.top_p}
</div> </div>
<div className='text-center p-1 rounded-md bg-gray-900/10 hover:bg-gray-900/50'> <div className='text-center p-1 rounded-md bg-gray-300/20 dark:bg-gray-900/10 hover:bg-gray-300/50 dark:hover:bg-gray-900/50'>
{t('presencePenalty.label')}: {config.presence_penalty} {t('presencePenalty.label')}: {config.presence_penalty}
</div> </div>
<div className='text-center p-1 rounded-md bg-gray-900/10 hover:bg-gray-900/50'> <div className='text-center p-1 rounded-md bg-gray-300/20 dark:bg-gray-900/10 hover:bg-gray-300/50 dark:hover:bg-gray-900/50'>
{t('frequencyPenalty.label')}: {config.frequency_penalty} {t('frequencyPenalty.label')}: {config.frequency_penalty}
</div> </div>
</div> </div>