Increase user chat message font. Vary border width for lifted card effect

This commit is contained in:
Debanjum Singh Solanky 2024-08-02 12:15:48 +05:30
parent 46af60138c
commit c6acbe0090
2 changed files with 2 additions and 2 deletions

View file

@ -22,7 +22,7 @@ div.chatMessageWrapper p:not(:last-child) {
}
div.khojfullHistory {
border-width: 1px;
border-width: 1px 2px 3px 4px;
padding-left: 4px;
}

View file

@ -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);
}