LLM/DocsGPT
1
0
Fork 0
mirror of https://github.com/arc53/DocsGPT.git synced 2026-05-02 06:56:29 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #1385 from AkashJana18/fix/1219-message-box

Browse Source 
fix: #1219 Too big top margin of message box separator
This commit is contained in:
Alex
2024-11-14 16:52:59 +00:00
committed by GitHub
parent a64a5e89db fe16743d16
commit edc81d8e6e
1 changed files with 8 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
frontend/src/conversation/Conversation.tsx
View File

@@ -1,29 +1,30 @@
import { Fragment, useEffect, useRef, useState } from 'react'; import { Fragment, useEffect, useRef, useState } from 'react';
import { useTranslation } from 'react-i18next'; import { useTranslation } from 'react-i18next';
import { useDispatch, useSelector } from 'react-redux'; import { useDispatch, useSelector } from 'react-redux';
import newChatIcon from '../assets/openNewChat.svg'; import { useNavigate } from 'react-router-dom';
import Hero from '../Hero';
import ArrowDown from '../assets/arrow-down.svg'; import ArrowDown from '../assets/arrow-down.svg';
import newChatIcon from '../assets/openNewChat.svg';
import Send from '../assets/send.svg'; import Send from '../assets/send.svg';
import SendDark from '../assets/send_dark.svg'; import SendDark from '../assets/send_dark.svg';
import ShareIcon from '../assets/share.svg';
import SpinnerDark from '../assets/spinner-dark.svg'; import SpinnerDark from '../assets/spinner-dark.svg';
import Spinner from '../assets/spinner.svg'; import Spinner from '../assets/spinner.svg';
import RetryIcon from '../components/RetryIcon'; import RetryIcon from '../components/RetryIcon';
import { useNavigate } from 'react-router-dom';
import Hero from '../Hero';
import { useDarkTheme, useMediaQuery } from '../hooks'; import { useDarkTheme, useMediaQuery } from '../hooks';
import { ShareConversationModal } from '../modals/ShareConversationModal'; import { ShareConversationModal } from '../modals/ShareConversationModal';
import { setConversation, updateConversationId } from './conversationSlice';
import { selectConversationId } from '../preferences/preferenceSlice'; import { selectConversationId } from '../preferences/preferenceSlice';
import { AppDispatch } from '../store'; import { AppDispatch } from '../store';
import ConversationBubble from './ConversationBubble'; import ConversationBubble from './ConversationBubble';
import { handleSendFeedback } from './conversationHandlers'; import { handleSendFeedback } from './conversationHandlers';
import { FEEDBACK, Query } from './conversationModels'; import { FEEDBACK, Query } from './conversationModels';
import ShareIcon from '../assets/share.svg';
import { import {
addQuery, addQuery,
fetchAnswer, fetchAnswer,
selectQueries, selectQueries,
selectStatus, selectStatus,
setConversation,
updateConversationId,
updateQuery, updateQuery,
} from './conversationSlice'; } from './conversationSlice';
@@ -302,14 +303,14 @@ export default function Conversation() {
)} )}
</div> </div>
<div className="flex w-11/12 flex-col items-end self-center rounded-2xl bg-opacity-0 pb-1 sm:w-[62%] h-auto"> <div className="flex w-11/12 flex-col items-end self-center rounded-2xl bg-opacity-0 z-3 sm:w-[62%] h-auto">
<div className="flex w-full items-center rounded-[40px] border border-silver bg-white py-1 dark:bg-raisin-black"> <div className="flex w-full items-center rounded-[40px] border border-silver bg-white py-1 dark:bg-raisin-black">
<textarea <textarea
id="inputbox" id="inputbox"
ref={inputRef} ref={inputRef}
tabIndex={1} tabIndex={1}
placeholder={t('inputPlaceholder')} placeholder={t('inputPlaceholder')}
className={`inputbox-style h-16 w-full overflow-y-auto overflow-x-hidden whitespace-pre-wrap rounded-full bg-white pt-5 pb-[22px] text-base leading-tight opacity-100 focus:outline-none dark:bg-raisin-black dark:text-bright-gray`} className={`inputbox-style w-full overflow-y-auto overflow-x-hidden whitespace-pre-wrap rounded-full bg-transparent py-5 text-base leading-tight opacity-100 focus:outline-none dark:bg-transparent dark:text-bright-gray`}
onInput={handleInput} onInput={handleInput}
onKeyDown={(e) => { onKeyDown={(e) => {
if (e.key === 'Enter' && !e.shiftKey) { if (e.key === 'Enter' && !e.shiftKey) {