Мобилка

apps/web/src/pages/ChatPage.tsx

@@ -257,15 +257,21 @@ export default function ChatPage() {
     setGroupCallOpen(false);
   };
 
+  const activeChat = useChatStore((state) => state.activeChat);
+
   return (
     <motion.div
       initial={{ opacity: 0 }}
       animate={{ opacity: 1 }}
       exit={{ opacity: 0 }}
-      className="h-full flex bg-surface p-3 gap-3 overflow-hidden"
+      className="h-full flex bg-surface sm:p-3 sm:gap-3 overflow-hidden"
     >
-      <Sidebar />
-      <ChatView onStartCall={handleStartCall} onStartGroupCall={handleStartGroupCall} />
+      <div className={`${activeChat ? 'hidden sm:block' : 'block'} w-full sm:w-[340px] flex-shrink-0`}>
+        <Sidebar />
+      </div>
+      <div className={`${activeChat ? 'block' : 'hidden sm:block'} flex-1 h-full min-w-0`}>
+        <ChatView onStartCall={handleStartCall} onStartGroupCall={handleStartGroupCall} />
+      </div>
       <CallModal
         key={callSessionId}
         isOpen={callOpen}