pin web rearrage

mynaparrot · Oct 11, 2022 · 6fb0849 · 6fb0849
1 parent 216a38a
commit 6fb0849
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/src/components/media-elements/videos/video/index.tsx b/src/components/media-elements/videos/video/index.tsx
@@ -14,10 +14,12 @@ const VideoComponent = ({ userId, track }: IVideoComponentProps) => {
     return (
       <>
         <div className="status">
-          <PinWebcam userId={userId} />
           <ConnectionStatus userId={userId} />
           <MicStatus userId={userId} />
         </div>
+        <div className="status PinWebcam">
+          <PinWebcam userId={userId} />
+        </div>
         <VideoElm track={track} />
       </>
     );

diff --git a/src/styles/index.scss b/src/styles/index.scss
@@ -458,6 +458,9 @@ code {
 .camera-modules .status {
   @apply absolute z-[999] rounded-full bottom-3 right-3 flex items-center justify-center;
 }
+.camera-modules .status.PinWebcam {
+  @apply right-auto left-3 top-3 items-start;
+}
 .camera-modules .status > div {
   @apply rounded-full bg-black/20 p-2 h-5 flex justify-center items-center;
 }