upd

client/src/components/ActionsSidebarWrapper.tsx

@@ -23,7 +23,7 @@ function ActionsSidebarWrapper({
           animate={{ opacity: 1 }}
           exit={{ opacity: 0 }}
           className={clsx(
-            "flex 2xl:gap-[0.556vw] 2xl:flex-col gap-2 max-2xl:p-2 max-2xl:rounded-[32px] absolute 2xl:top-1/2 2xl:-translate-y-1/2 2xl:right-[1.111vw] max-2xl:left-[calc(50%-148px)] max-2xl:bottom-2 max-2xl:bg-[#00000026] before:absolute before:backdrop-blur before:inset-0 before:z-0 before:rounded-[32px] z-10",
+            "flex 2xl:gap-[0.556vw] 2xl:flex-col gap-2 max-2xl:p-2 max-2xl:rounded-[32px] absolute 2xl:top-1/2 2xl:-translate-y-1/2 2xl:right-[1.111vw] max-2xl:left-[calc(50%-148px)] max-2xl:bottom-2 max-2xl:bg-[#00000026] before:absolute before:max-2xl:backdrop-blur before:inset-0 before:z-0 before:rounded-[32px] z-10",
             className
           )}
         >

client/src/components/SessionUsersPanel.tsx

@@ -193,7 +193,7 @@ function SessionUsersPanel({
         "z-[100] 2xl:gap-[0.556vw] gap-2",
         mode === "mini"
           ? "flex"
-          : `2xl:p-[2.778vw_5vw_5vw] p-[12px_12px_72px] w-full 2xl:h-dvh min-h-fulla grid relative 2xl:bg-black auto-rows-fr`,
+          : `2xl:p-[2.778vw_5vw_5vw] p-[12px_12px_72px] w-full 2xl:h-dvh grid relative 2xl:bg-black auto-rows-fr`,
         gridColumns === 1
           ? "grid-cols-1"
           : gridColumns === 2
@@ -221,7 +221,9 @@ function SessionUsersPanel({
             participantId={currentUserId}
             className={clsx(
               mode === "full" &&
-                (activeCamerasCount <= 2 ? "m-auto" : "min-w-full min-h-full")
+                (activeCamerasCount <= 2
+                  ? "m-auto"
+                  : "min-w-full w-full min-h-full")
             )}
           />
         ))}
@@ -237,7 +239,9 @@ function SessionUsersPanel({
           <UserCamera
             className={clsx(
               mode === "full" &&
-                (activeCamerasCount <= 2 ? "m-auto" : "min-w-full min-h-full")
+                (activeCamerasCount <= 2
+                  ? "m-auto"
+                  : "min-w-full w-full min-h-full")
             )}
             key={participant.id}
             mode={mode}

client/src/components/ui/ActionsPopover.tsx

@@ -38,7 +38,7 @@ export default function ActionsPopover({
   }, []);
 
   return (
-    <div ref={ref} className="max-2xl:max-h-6">
+    <div ref={ref} className="max-2xl:max-h-6 h-fit">
       <button
         ref={buttonRef}
         className={clsx(

client/src/components/ui/Tooltip.tsx

@@ -73,7 +73,10 @@ export default function Tooltip({
         <motion.div
           initial={{ opacity: 0 }}
           animate={{ opacity: 1 }}
-          transition={{ delay: showDelay / 1000, duration: 0.3 }}
+          transition={{
+            delay: showDelay / 1000,
+            duration: 0.3,
+          }}
         >
           <TooltipContent
             label={label}

client/src/components/ui/UserCamera.tsx

@@ -389,7 +389,7 @@ export default function UserCamera({
       {/* Кнопка управления звуком для удаленных участников */}
       {!isLocal && mediaStream && !isVideoOff && (
         <div
-          className="absolute top-[0.556vw] right-[0.556vw] opacity-0 group-hover:opacity-100 transition-opacity duration-300"
+          className="absolute max-2xl:hidden top-[0.556vw] right-[0.556vw] opacity-0 group-hover:opacity-100 transition-opacity duration-300"
           onMouseDown={(e) => e.stopPropagation()}
         >
           <button
@@ -407,9 +407,9 @@ export default function UserCamera({
       {mode === "full" && (
         <div
           ref={actionsPopoverParentRef}
-          className="after:z-[-1] after:absolute after:inset-0 after:backdrop-blur-[10px] after:2xl:rounded-[1.111vw] after:rounded-2xl 2xl:px-[1.111vw] 2xl:py-[0.556vw] px-4 py-2 bg-[#141414]/25 2xl:rounded-[1.111vw] rounded-2xl absoluten relative mx-auto 2xl:bottom-[1.111vw] bottom-4 z-[100]a flex 2xl:gap-[0.556vw] gap-2 items-center"
+          className="before:z-[1] *:z-10 before:absolute before:inset-0 before:backdrop-blur-[10px] before:2xl:rounded-[1.111vw] before:rounded-2xl 2xl:px-[1.111vw] 2xl:py-[0.556vw] px-2 py-1 bg-[#141414]/25 2xl:rounded-[1.111vw] rounded-2xl relative mx-auto 2xl:bottom-[1.111vw] bottom-2 flex 2xl:gap-[0.556vw] gap-2 items-center"
         >
-          <p className="font-medium text-white button-m">{name}</p>
+          <p className="font-medium text-white 2xl:button-m button-s">{name}</p>
           {isMuted && (
             <div className="2xl:size-[1.111vw] size-4 text-[#FFFFFF]/50">
               <MicrophoneOffFilledIcon />
@@ -418,7 +418,6 @@ export default function UserCamera({
 
           {/* ActionsPopover для удаленных участников, доступен только организатору */}
           {!isLocal && isLocalUserOrganizer && participantId && (
-            // <div onClick={(e) => e.stopPropagation()}>
             <ActionsPopover
               position="center"
               customParentRef={actionsPopoverParentRef}
@@ -462,11 +461,10 @@ export default function UserCamera({
               ]}
               className="max-2xl:w-[192px]"
             />
-            // </div>
           )}
 
           {isAdmin && (
-            <Admin className="2xl:size-[1.111vw] size-4 absolute 2xl:-top-[0.278vw] 2xl:-right-[0.278vw] -right-1 -top-1 ring-[#323232]" />
+            <Admin className="2xl:size-[1.111vw] size-4 absolute 2xl:-top-[0.278vw] 2xl:-right-[0.278vw] -right-1 -top-1 !ring-[#323232]" />
           )}
         </div>
       )}