From ec6bcdff7e8f90584b7e4e650984043341b16b14 Mon Sep 17 00:00:00 2001
From: ManishMadan2882 <manishmadan321@gmail.com>
Date: Fri, 28 Feb 2025 03:42:34 +0530
Subject: [PATCH] (feat:convBubble) minor adjustment

---
 frontend/src/assets/user.png                    | Bin 735 -> 701 bytes
 frontend/src/conversation/Conversation.tsx      |   2 +-
 .../src/conversation/ConversationBubble.tsx     |  12 ++++++------
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/frontend/src/assets/user.png b/frontend/src/assets/user.png
index 3cc5d2f117820df7cd946dad34624157301c6ca4..259d6b0bca251e8aa19702058aa3820134d77b6d 100644
GIT binary patch
delta 626
zcmV-&0*(FO1-%83R)11SL_t(|0j*R`XcIvcelxpknx;uCHBqTT6oppn!D}oYMC(PR
zf<G58BG{`@yh^}BE<NZ$t!I&fe|S;r58}a#&>}??5hRFFYxB36Y%<xO*>SUGlQe9W
z75v~aGw<iy_ujl603W#bwG@5JdDxFH@-p6jmz^f%>Q$y0<9{3w5+z|d5*^CSB)8xH
zXTsSRA1_r3@+>ph8oelqFdU1XNgdpM*EeBi{(VAW$|s8~2)xUywHHLODCwac>9c#~
z-dOBLD63?@u4+NX7%<Zk){@p<Q`M0=svLKV72T9tgC;P>?WCMicz0nM8}m&F9E}+5
z-gVd9b^wIYdVjZ2*OE0|KV}#PFiV=mhP^sxM`xbqoFiWuDum>MgTVxNpr+J*AcVLt
z!iGlYq;=9H^nsNb)TwgW&E{INO2`wXS}Pd3Ri29wLb4AtGtYbzKE9TcSM&Mvlu~ZA
z`}S8X9VIe3YF!j}ixr>`vWqW2k525X1qOmsrfGsBq<<`@7j9g9)GrQ$2Lxf@X(v0~
zULhd9_KN9CnC2XB+qLr~v&Y5yLk!a%n=OgNG<cvhN7hVTSy-Nuf0Yi<nzDxyWs(%j
z;pUAty_y|sHVtD0k=Ta(U^uiCiiVdW8{@CihsNKmA-r&BadTz$+k@iIm1Of4d%x!V
zE8VMOk!u107~T|nKDc%4#LZI^iam$9FCXTsrE=2qaqJ;?pw=m@WWOIClF4=Jcn%#&
z-5S+2n&T#GWrf^ctk#~}_Rgsjfw8DJB#4XU!f!#P^*Q(tz=9C}16_ws6Ir<#3IG5A
M07*qoM6N<$f)w~EU;qFB

delta 661
zcmV;G0&4xe1>XgbR)2I!L_t(|0i{$;XcIvcp4r`G6RnA@X|aJ=6e*fwE`nN5Qi??n
z7Ahj%^x9+mi6==<{-Bro10KW*qM%+xXs|`_pa&HMMYN!pNNU?8cC*PQ-QSsUH%-z_
zGD(y^c<h_^=9~AuxAO*oHWDR-nO-KI`|<2%LI`ZPzvYGpAAgfaQmO1&q@xgofOR;z
zFK&<f%J|^U*nb~*edg0CF<p3wF=Fg~mSq*M&vW72$ex@3eBjl`Z~O%UKIod^r^Pvr
zOS5in@5J!~^9?Z?Kv2*jLXh9=87&MDLOrZ*44UTC`WQn4sG1Tq3<F?<EHG7NRSwax
zREB_{4vcEMVSjP0@j%c;gElZ6zx|}cFwkM$WN25TZjCWHX{Lc~8LniC2E&s@C-2-1
zT1YW3{V{2hwhX7DXA~))o6>ZhSgZ_vm0iWw%U>xkU8E(V_OMV;o;zL2R|n@9Xb74`
zDzcJT(C1##uq@5_<9$r+4IWH79NZXyki!^*imIw6=YO)o>DQAJ-)LCswXtO8&iNOj
zm<?CUEvqOBmt(iWO-GLdErjJA?+jfx%Ut`JJb*C>A!&wb%5ZY}JKx*aH&(jH#+q)~
zvF&Iy9(OgvRa09})3vvW{pnxHAxRMXHB}uF7SjQOYsoMy1H9e7dDq4buR6E-<~jpC
zvB<vdpMNW?O9w{o&U%-m+_PLNGpxzV>QpdHDM)OY?bAXCF0FXC3vcS~njPp5orsL?
zl1e@Nx$yg*v@8q*8yRAj+Fl5diz|$&BWgi@WL9|$j)rdpR23$W_3jZH6;Nl_t*d6)
vU>G*9V-VyrOR`y;a>?{zuuef5aQ+4Rhhj+_s1Bwa00000NkvXXu0mjfb}2g6

diff --git a/frontend/src/conversation/Conversation.tsx b/frontend/src/conversation/Conversation.tsx
index a88e1415..df4f6950 100644
--- a/frontend/src/conversation/Conversation.tsx
+++ b/frontend/src/conversation/Conversation.tsx
@@ -294,7 +294,7 @@ export default function Conversation() {
   return (
     <div className="flex flex-col gap-1 h-full justify-end ">
       {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 ">
             {isMobile && queries.length > 0 && (
diff --git a/frontend/src/conversation/ConversationBubble.tsx b/frontend/src/conversation/ConversationBubble.tsx
index 813739f2..2ee66b4c 100644
--- a/frontend/src/conversation/ConversationBubble.tsx
+++ b/frontend/src/conversation/ConversationBubble.tsx
@@ -127,7 +127,7 @@ const ConversationBubble = forwardRef<
                   setIsEditClicked(true);
                   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" />
               </button>
@@ -143,17 +143,17 @@ const ConversationBubble = forwardRef<
                 onChange={(e) => setEditInputBox(e.target.value)}
                 rows={5}
                 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">
                 <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}
                 >
                   {t('conversation.edit.update')}
                 </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)}
                 >
                   {t('conversation.edit.cancel')}
@@ -355,8 +355,8 @@ const ConversationBubble = forwardRef<
                   const language = match ? match[1] : '';
 
                   return match ? (
-                    <div className="group relative rounded-lg 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="group relative rounded-[14px] overflow-hidden border border-light-silver dark:border-raisin-black">
+                      <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">
                           {language}
                         </span>