upd

src/components/Chat2.tsx

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