diff --git a/client/src/components/ActionsSidebarWrapper.tsx b/client/src/components/ActionsSidebarWrapper.tsx index b6aefc8..37ea873 100644 --- a/client/src/components/ActionsSidebarWrapper.tsx +++ b/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 )} > diff --git a/client/src/components/SessionUsersPanel.tsx b/client/src/components/SessionUsersPanel.tsx index f931dde..197a7a7 100644 --- a/client/src/components/SessionUsersPanel.tsx +++ b/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({ +