Merge pull request #110 from KakaoTech-BootCamp-Team-2/dev

🚀 Deploy
KakaoTech-BootCamp-Team-2 · Sep 10, 2024 · 54d8cd7 · 54d8cd7
2 parents 5f6d969 + c601ed4
commit 54d8cd7
Showing 1 changed file with 21 additions and 4 deletions.
diff --git a/src/pages/WebRTC/VideoPage.jsx b/src/pages/WebRTC/VideoPage.jsx
@@ -132,7 +132,15 @@ const RTCPage = () => {
         isButton={true}
       >
         <S.VideoLayout>
-          <S.VideoBox>
+          <div
+            style={{
+              display: "flex",
+              justifyContent: "center",
+              alignItems: "center",
+              flexDirection: "column",
+            }}
+          >
+            <h1>나의 화면</h1>
             <video
               ref={myVideoRef}
               autoPlay
@@ -145,8 +153,17 @@ const RTCPage = () => {
                 MozTransform: "rotateY(180deg)",
               }}
             />
-          </S.VideoBox>
-          <S.VideoBox>
+          </div>
+          <div
+            style={{
+              display: "flex",
+              justifyContent: "center",
+              alignItems: "center",
+              flexDirection: "column",
+            }}
+          >
+            <h1>000님의 화면</h1>
+
             <video
               ref={remoteVideoRef}
               autoPlay
@@ -159,7 +176,7 @@ const RTCPage = () => {
                 MozTransform: "rotateY(180deg)",
               }}
             />
-          </S.VideoBox>
+          </div>
         </S.VideoLayout>
       </MiniLayout>
     </Layout>