From c6acbe00901dfd4520ed4d910c9de7b747c45677 Mon Sep 17 00:00:00 2001
From: Debanjum Singh Solanky <debanjum@gmail.com>
Date: Fri, 2 Aug 2024 12:15:48 +0530
Subject: [PATCH] Increase user chat message font. Vary border width for lifted
 card effect

---
 .../web/app/components/chatMessage/chatMessage.module.css       | 2 +-
 src/interface/web/app/components/chatMessage/chatMessage.tsx    | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/interface/web/app/components/chatMessage/chatMessage.module.css b/src/interface/web/app/components/chatMessage/chatMessage.module.css
index fff8275b..6f120918 100644
--- a/src/interface/web/app/components/chatMessage/chatMessage.module.css
+++ b/src/interface/web/app/components/chatMessage/chatMessage.module.css
@@ -22,7 +22,7 @@ div.chatMessageWrapper p:not(:last-child) {
 }
 
 div.khojfullHistory {
-    border-width: 1px;
+    border-width: 1px 2px 3px 4px;
     padding-left: 4px;
 }
 
diff --git a/src/interface/web/app/components/chatMessage/chatMessage.tsx b/src/interface/web/app/components/chatMessage/chatMessage.tsx
index 40c86abd..800eb73e 100644
--- a/src/interface/web/app/components/chatMessage/chatMessage.tsx
+++ b/src/interface/web/app/components/chatMessage/chatMessage.tsx
@@ -333,7 +333,7 @@ export default function ChatMessage(props: ChatMessageProps) {
     function chatMessageWrapperClasses(chatMessage: SingleChatMessage) {
         let classes = [styles.chatMessageWrapper, styles[chatMessage.by]];
         if (chatMessage.by === "you") {
-            let fontClass = chatMessage.message.length > 100 ? "text-md" : "text-xl";
+            let fontClass = chatMessage.message.length > 100 ? "text-md" : "text-3xl";
             classes.push(fontClass);
         }