alex/nova-betterchat
1
0
Fork 0
mirror of https://github.com/NovaOSS/nova-betterchat.git synced 2024-11-25 21:53:58 +01:00
Code Issues Packages Projects Releases Wiki Activity

style updates

Browse source
This commit is contained in:
Jing Hua 2023-03-04 11:39:02 +08:00
parent 3abf98c89d
commit 60401a491e
3 changed files with 13 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/components/Chat/ChatContent/ChatContent.tsx
View file

@ -7,12 +7,6 @@ import ChatTitle from './ChatTitle';
import Message from './Message';
import NewMessageButton from './Message/NewMessageButton';
import { getChatCompletionStream as getChatCompletionStreamFree } from '@api/freeApi';
import { getChatCompletionStream as getChatCompletionStreamCustom } from '@api/customApi';
import { parseEventSource } from '@api/helper';
import RefreshIcon from '@icon/RefreshIcon';
import { MessageInterface } from '@type/chat';
import useSubmit from '@hooks/useSubmit';
const ChatContent = () => {

15
src/components/Chat/ChatContent/Message/Message.tsx
View file

@ -6,11 +6,12 @@ import MessageContent from './MessageContent';
import { Role } from '@type/chat';
import RoleSelector from './RoleSelector';
const backgroundStyle: { [role in Role]: string } = {
user: 'dark:bg-gray-800',
assistant: 'bg-gray-50 dark:bg-[#444654]',
system: 'bg-gray-50 dark:bg-[#444654]',
};
// const backgroundStyle: { [role in Role]: string } = {
// user: 'dark:bg-gray-800',
// assistant: 'bg-gray-50 dark:bg-[#444654]',
// system: 'bg-gray-50 dark:bg-[#444654]',
// };
const backgroundStyle = ['dark:bg-gray-800', 'bg-gray-50 dark:bg-[#444654]'];
const Message = ({
role,
@ -25,7 +26,9 @@ const Message = ({
}) => {
return (
<div
className={`w-full border-b border-black/10 dark:border-gray-900/50 text-gray-800 dark:text-gray-100 group ${backgroundStyle[role]}`}
className={`w-full border-b border-black/10 dark:border-gray-900/50 text-gray-800 dark:text-gray-100 group ${
backgroundStyle[messageIndex % 2]
}`}
key={
messageIndex !== -1
? `${messageIndex}-${content}`

6
src/components/Chat/ChatContent/Message/MessageContent.tsx
View file

@ -300,13 +300,15 @@ const EditView = ({
<>
<textarea
ref={textareaRef}
className='m-0 resize-none rounded-lg bg-transparent overflow-y-hidden focus:ring-0 focus-visible:ring-0 focus:outline-none leading-7'
className={`m-0 resize-none rounded-lg bg-transparent overflow-y-hidden focus:ring-0 focus-visible:ring-0 leading-7 ${
sticky ? 'border border-gray-400/30 px-2 py-1' : 'focus:outline-none'
}`}
onChange={(e) => {
_setContent(e.target.value);
}}
value={_content}
onInput={handleInput}
rows={1}
rows={sticky ? 10 : 1}
></textarea>
<div className='text-center mt-2 flex justify-center'>
<button