Update chat footer and header styles

H1B0B0 · Feb 13, 2024 · f09edcd · f09edcd
1 parent 7232556
commit f09edcd
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/frontend/src/components/Chat/ChatFooter.tsx b/frontend/src/components/Chat/ChatFooter.tsx
@@ -172,7 +172,7 @@ function ChatFooter({ roomId }: { roomId: string }) {
       <ToastContainer position="bottom-left" />
       {showToast && <Toast message={toastMessage} />}
       {image && (
-        <div className="relative border border-primary rounded-lg max-w-[6rem] h-24 ml-4 mb-1">
+        <div className="relative border text-red-600 rounded-lg max-w-[6rem] h-24 ml-4 mb-1">
           <IoMdCloseCircle
             size={20}
             className="absolute -right-2 -top-2 text-xs cursor-pointer text-red-600"
@@ -181,7 +181,7 @@ function ChatFooter({ roomId }: { roomId: string }) {
           <img src={image} className="w-full h-full object-contain" />
         </div>
       )}
-      <div className="basis-[8%] border-t-2 p-2 flex items-center gap-4">
+      <div className="basis-[8%] p-2 flex items-center bg-neutral-800 gap-4">
         {message.length === 0 && (
           <>
             <AiFillPlusCircle
@@ -241,7 +241,7 @@ function ChatFooter({ roomId }: { roomId: string }) {
         ) : (
           <IoMdSend
             size={28}
-            className="cursor-pointer text-primary"
+            className="cursor-pointer text-red-600"
             onClick={(e) => handleSendMessage(e, message)}
           />
         )}

diff --git a/frontend/src/components/Chat/ChatHeader.tsx b/frontend/src/components/Chat/ChatHeader.tsx
@@ -26,7 +26,7 @@ function ChatHeader({ roomId }: { roomId: string }) {
   }, [roomId]);
 
   return (
-    <div className="basis-[7%]  flex  justify-center items-center p-3 font-medium bg-zinc-700">
+    <div className="basis-[7%]  flex  justify-center items-center p-3 font-medium bg-neutral-800 ">
       <p className="text-xl dark:text-white">{room?.title}</p>
       <button type="submit" className="btn bg-red-600 hover:bg-red-800">
         Copy Room ID