LLM/DocsGPT
1
0
Fork 0
mirror of https://github.com/arc53/DocsGPT.git synced 2026-05-01 22:46:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

(feat:convBubble) minor adjustment

Browse Source
This commit is contained in:
ManishMadan2882
2025-02-28 03:42:34 +05:30
parent 3e65885e1f
commit ec6bcdff7e
3 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
frontend/src/assets/user.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 735 B

After

Width:  |  Height:  |  Size: 701 B

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

@@ -294,7 +294,7 @@ export default function Conversation() {
return ( return (
<div className="flex flex-col gap-1 h-full justify-end "> <div className="flex flex-col gap-1 h-full justify-end ">
{conversationId && queries.length > 0 && ( {conversationId && queries.length > 0 && (
<div className="absolute top-4 right-20 z-10 "> <div className="absolute top-4 right-20 z-10 ">
{' '} {' '}
<div className="flex mt-2 items-center gap-4 "> <div className="flex mt-2 items-center gap-4 ">
{isMobile && queries.length > 0 && ( {isMobile && queries.length > 0 && (

12
frontend/src/conversation/ConversationBubble.tsx
View File

@@ -127,7 +127,7 @@ const ConversationBubble = forwardRef<
setIsEditClicked(true); setIsEditClicked(true);
setEditInputBox(message); setEditInputBox(message);
}} }}
className={`flex-shrink-0 h-fit mt-3 p-2 cursor-pointer rounded-full hover:bg-[#35363B] flex items-center ${isQuestionHovered || isEditClicked ? 'visible' : 'invisible'}`} className={`flex-shrink-0 h-fit mt-3 p-2 cursor-pointer rounded-full hover:bg-light-silver dark:hover:bg-[#35363B] flex items-center ${isQuestionHovered || isEditClicked ? 'visible' : 'invisible'}`}
> >
<img src={Edit} alt="Edit" className="cursor-pointer" /> <img src={Edit} alt="Edit" className="cursor-pointer" />
</button> </button>
@@ -143,17 +143,17 @@ const ConversationBubble = forwardRef<
onChange={(e) => setEditInputBox(e.target.value)} onChange={(e) => setEditInputBox(e.target.value)}
rows={5} rows={5}
value={editInputBox} value={editInputBox}
className="w-full resize-none border-2 border-black dark:border-white rounded-3xl px-4 py-3 text-base leading-relaxed text-black dark:bg-raisin-black dark:text-white focus:outline-none focus:ring-2 focus:ring-[#CDB5FF]" className="w-full resize-none border border-silver dark:border-philippine-grey rounded-3xl px-4 py-3 text-base leading-relaxed text-carbon dark:text-chinese-white dark:bg-raisin-black focus:outline-none"
/> />
<div className="flex items-center justify-end gap-2"> <div className="flex items-center justify-end gap-2">
<button <button
className="rounded-full bg-[#CDB5FF] hover:bg-[#E1D3FF] px-4 py-2 text-purple-30 text-sm font-medium" className="rounded-full bg-purple-30 hover:bg-purple-hover px-4 py-2 text-white text-sm font-medium transition-colors"
onClick={handleEditClick} onClick={handleEditClick}
> >
{t('conversation.edit.update')} {t('conversation.edit.update')}
</button> </button>
<button <button
className="px-4 py-2 text-purple-30 text-sm hover:underline" className="px-4 py-2 text-purple-30 text-sm hover:text-rich-black hover:bg-light-gray-hover dark:hover:bg-charcoal transition-colors rounded-full"
onClick={() => setIsEditClicked(false)} onClick={() => setIsEditClicked(false)}
> >
{t('conversation.edit.cancel')} {t('conversation.edit.cancel')}
@@ -355,8 +355,8 @@ const ConversationBubble = forwardRef<
const language = match ? match[1] : ''; const language = match ? match[1] : '';
return match ? ( return match ? (
<div className="group relative rounded-lg overflow-hidden border border-light-silver dark:border-raisin-black"> <div className="group relative rounded-[14px] overflow-hidden border border-light-silver dark:border-raisin-black">
<div className="flex justify-between items-center px-3 py-2 bg-platinum dark:bg-eerie-black-2"> <div className="flex justify-between items-center px-2 py-1 bg-platinum dark:bg-eerie-black-2">
<span className="text-xs font-medium text-just-black dark:text-chinese-white"> <span className="text-xs font-medium text-just-black dark:text-chinese-white">
{language} {language}
</span> </span>