upd

src/components/Chat2.tsx

@@ -12,11 +12,10 @@ import useChatStore from "../stores/useChatStore";
 import { isMobile } from "react-device-detect";
 
 interface Props {
-  isFullscreen: boolean;
   onClose: () => void;
 }
 
-function Chat2({ isFullscreen, onClose }: Props) {
+function Chat2({ onClose }: Props) {
   const { socket } = useSocketStore();
   const { me, users } = useStreamUserStore();
   // const [messages] = useStateRef<IMessage[]>([]);
@@ -46,9 +45,7 @@ function Chat2({ isFullscreen, onClose }: Props) {
 
   return (
     <div
-      className={`chat lg:relative absolute right-0 ${
-        !isFullscreen ? "lg:h-[calc(100dvh-48px)]" : ""
-      } h-dvh flex flex-col w-[296px] bg-white border-t border-[#DAE0E5]`}
+      className={`chat fixed top-0 right-0 h-dvh flex flex-col w-[296px] bg-white border-t border-[#DAE0E5]`}
     >
       <div className="p-4 pb-2">
         <div className="flex items-center justify-between border-b border-[#DAE0E5] pb-4">