From 8929c978d74fcb856f5f09ed8f78b4eb6cd9f72b Mon Sep 17 00:00:00 2001
From: inmake <inmake.ru@gmail.com>
Date: Thu, 30 Oct 2025 18:01:24 +0500
Subject: [PATCH] Refactor ModalContainer and SessionUsersPanel components for
 improved layout and responsiveness. Update modal positioning and z-index
 handling, and simplify class names in SessionUsersPanel.

---
 client/src/components/ModalContainer.tsx    | 4 ++--
 client/src/components/SessionUsersPanel.tsx | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/client/src/components/ModalContainer.tsx b/client/src/components/ModalContainer.tsx
index df1a33f..7305162 100644
--- a/client/src/components/ModalContainer.tsx
+++ b/client/src/components/ModalContainer.tsx
@@ -52,7 +52,7 @@ function ModalContainer() {
     <AnimatePresence>
       {modal && (
         <motion.div
-          className="h-full"
+          className="h-full fixed inset-0 z-[99999]"
           initial={{ opacity: 0 }}
           animate={{ opacity: 1 }}
           exit={{ opacity: 0 }}
@@ -60,7 +60,7 @@ function ModalContainer() {
           <div
             ref={modalRef}
             className={clsx(
-              "bg-black/70 max-md:top-14 flex overflow-y-auto fixed inset-0 z-[99999]",
+              "bg-black/70 max-md:top-14 flex overflow-y-auto h-full w-full",
               isMobile ? "items-end" : "items-center",
               !isMobile &&
                 (position === "center" ? "justify-center" : "justify-end")
diff --git a/client/src/components/SessionUsersPanel.tsx b/client/src/components/SessionUsersPanel.tsx
index 3790fb7..97f5542 100644
--- a/client/src/components/SessionUsersPanel.tsx
+++ b/client/src/components/SessionUsersPanel.tsx
@@ -36,7 +36,7 @@ function SessionUsersPanel({
       autoAlign={true}
       initialCorner={innerWidth >= 640 ? "bottom-right" : "top-right"}
       padding="1.111vw"
-      className="flex gap-4 z-[999]"
+      className="flex gap-4"
     >
       {/* Локальная камера пользователя - показываем только если есть разрешение */}
       {localStream && (