refactor(Conversation): add transition effect to layout change

0xfrankz · Sep 20, 2024 · 8a0e0fc · 8a0e0fc
1 parent 0559f36
commit 8a0e0fc
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/Conversation/ChatSectionHasModel.tsx b/src/components/Conversation/ChatSectionHasModel.tsx
@@ -310,7 +310,7 @@ export function ChatSectionHasModel({
       >
         <div
           className={cn(
-            'relative w-full p-4 md:mx-auto md:px-0',
+            'relative w-full p-4 md:mx-auto md:px-0 transition-[width]',
             isWideScreen ? 'md:w-[800px]' : 'md:w-[640px]'
           )}
         >
@@ -322,7 +322,7 @@ export function ChatSectionHasModel({
       </ScrollArea>
       <div
         className={cn(
-          'w-full px-4 md:w-[640px] md:px-0',
+          'w-full px-4 md:w-[640px] md:px-0 transition-[width]',
           isWideScreen ? 'md:w-[800px]' : 'md:w-[640px]'
         )}
       >