From 2fb48dc95399b348be8218a0e8958e139f54b443 Mon Sep 17 00:00:00 2001
From: sayyyho <323psh@naver.com>
Date: Tue, 10 Sep 2024 17:00:35 +0900
Subject: [PATCH 1/2] =?UTF-8?q?Fix:=20RTC=20UI=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docker-compose-chat-test-db.yml            | 22 ----------------------
 src/components/Common/miniLayout.styled.js |  2 +-
 src/pages/WebRTC/VideoPage.jsx             | 14 +++++---------
 src/pages/WebRTC/style.jsx                 |  6 +++---
 4 files changed, 9 insertions(+), 35 deletions(-)
 delete mode 100755 docker-compose-chat-test-db.yml

diff --git a/docker-compose-chat-test-db.yml b/docker-compose-chat-test-db.yml
deleted file mode 100755
index edf552b..0000000
--- a/docker-compose-chat-test-db.yml
+++ /dev/null
@@ -1,22 +0,0 @@
-version: '3.8'
-
-services:
-  mongodb:
-    image: mongo
-    container_name: mongodb
-    ports:
-      - "27017:27017"
-    networks:
-      - testNet
-
-  redis:
-    image: redis
-    container_name: redis
-    ports:
-      - "6379:6379"
-    networks:
-      - testNet
-
-networks:
-  testNet:
-    driver: bridge
diff --git a/src/components/Common/miniLayout.styled.js b/src/components/Common/miniLayout.styled.js
index 62d15df..a8af85f 100644
--- a/src/components/Common/miniLayout.styled.js
+++ b/src/components/Common/miniLayout.styled.js
@@ -8,7 +8,7 @@ export const LayoutContainer = styled.div`
 export const HeaderBox = styled.div`
   width: 100%;
   display: flex;
-  justify-content: space-around;
+  justify-content: space-between;
   align-items: center;
 `;
 
diff --git a/src/pages/WebRTC/VideoPage.jsx b/src/pages/WebRTC/VideoPage.jsx
index 6d4f6d8..3dcd657 100644
--- a/src/pages/WebRTC/VideoPage.jsx
+++ b/src/pages/WebRTC/VideoPage.jsx
@@ -126,11 +126,7 @@ const RTCPage = () => {
 
   return (
     <Layout>
-      <MiniLayout
-        text={"000님과의 실시간 커넥션"}
-        layerWidth={"70%"}
-        isButton={true}
-      >
+      <MiniLayout text={"실시간 커넥션"} layerWidth={"70%"} isButton={true}>
         <S.VideoLayout>
           <div
             style={{
@@ -140,13 +136,13 @@ const RTCPage = () => {
               flexDirection: "column",
             }}
           >
-            <h1>나의 화면</h1>
+            <h3>나의 화면</h3>
             <video
               ref={myVideoRef}
               autoPlay
               playsInline
               style={{
-                width: "400px",
+                width: "300px",
                 borderRadius: "20px",
                 transform: "rotateY(180deg)",
                 WebkitTransform: "rotateY(180deg)",
@@ -162,14 +158,14 @@ const RTCPage = () => {
               flexDirection: "column",
             }}
           >
-            <h1>000님의 화면</h1>
+            <h3>상대 화면</h3>
 
             <video
               ref={remoteVideoRef}
               autoPlay
               playsInline
               style={{
-                width: "400px",
+                width: "300px",
                 borderRadius: "20px",
                 transform: "rotateY(180deg)",
                 WebkitTransform: "rotateY(180deg)",
diff --git a/src/pages/WebRTC/style.jsx b/src/pages/WebRTC/style.jsx
index d315149..c6424de 100644
--- a/src/pages/WebRTC/style.jsx
+++ b/src/pages/WebRTC/style.jsx
@@ -10,13 +10,13 @@ export const VideoLayout = ({ children }) => {
   return (
     <div
       css={css`
-        height: 50vh;
-        width: 100%;
+        width: 50%;
         border-radius: 20px;
         display: flex;
         justify-content: center;
-        gap: 10rem;
+        gap: 2rem;
         align-items: center;
+        flex-direction: column;
       `}
     >
       {children}

From 29c77f02b00c5092bae821d3316f9588137f7f37 Mon Sep 17 00:00:00 2001
From: sayyyho <323psh@naver.com>
Date: Tue, 10 Sep 2024 17:02:54 +0900
Subject: [PATCH 2/2] =?UTF-8?q?Fix:=20RTC=20UI=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Common/Layout.jsx | 4 ++--
 src/pages/WebRTC/VideoPage.jsx   | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/Common/Layout.jsx b/src/components/Common/Layout.jsx
index fb7aa94..34e46ee 100644
--- a/src/components/Common/Layout.jsx
+++ b/src/components/Common/Layout.jsx
@@ -4,12 +4,12 @@ import Header from "./Header";
 import Footer from "./Footer";
 import { LayoutContainer, MainContent } from "./Layout.styled";
 
-const Layout = ({ children }) => {
+const Layout = ({ children, noneHeader }) => {
   return (
     <>
       <Background></Background>
       <LayoutContainer>
-        <Header />
+        {!noneHeader && <Header />}
         <MainContent>{children}</MainContent>
         <Footer />
       </LayoutContainer>
diff --git a/src/pages/WebRTC/VideoPage.jsx b/src/pages/WebRTC/VideoPage.jsx
index 3dcd657..3b46b96 100644
--- a/src/pages/WebRTC/VideoPage.jsx
+++ b/src/pages/WebRTC/VideoPage.jsx
@@ -125,7 +125,7 @@ const RTCPage = () => {
   }, [roomName]); // Add roomName to the dependency array to ensure updates
 
   return (
-    <Layout>
+    <Layout noneHeader={true}>
       <MiniLayout text={"실시간 커넥션"} layerWidth={"70%"} isButton={true}>
         <S.VideoLayout>
           <div