From f18e90289de6f13c3f8f44703ebf67d965426d77 Mon Sep 17 00:00:00 2001
From: shadcn <m@shadcn.com>
Date: Sun, 11 Jun 2023 18:46:12 +0400
Subject: [PATCH] fix: show avatar on mobile

---
 components/chat-message.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/chat-message.tsx b/components/chat-message.tsx
index c28fc5d..d6cf963 100644
--- a/components/chat-message.tsx
+++ b/components/chat-message.tsx
@@ -24,7 +24,7 @@ export function ChatMessage({ message, ...props }: ChatMessageProps) {
     >
       <div
         className={cn(
-          'hidden h-8 w-8 shrink-0 select-none items-center justify-center rounded-full border md:flex',
+          'flex h-8 w-8 shrink-0 select-none items-center justify-center rounded-full border',
           message.role === 'user'
             ? 'bg-background'
             : 'bg-primary text-primary-foreground'
@@ -36,7 +36,7 @@ export function ChatMessage({ message, ...props }: ChatMessageProps) {
           <OpenAI className="h-4 w-4" />
         )}
       </div>
-      <div className="md:ml-4">
+      <div className="ml-4">
         <MemoizedReactMarkdown
           className="prose leading-6 dark:prose-invert prose-p:leading-[1.8rem] prose-pre:rounded-md prose-pre:bg-[#282c34]"
           remarkPlugins={[remarkGfm, remarkMath]}