Style

OpenAyame · Jan 3, 2025 · 1ea46ec · 1ea46ec
1 parent 8c54a50
commit 1ea46ec
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 4 deletions.
diff --git a/devtools/src/App.tsx b/devtools/src/App.tsx
@@ -28,10 +28,12 @@ const App: React.FC = () => {
         <ConnectButton />
         <DisconnectButton />
       </p>
-      <p>
+      <div style={{ float: 'left' }}>
         <LocalVideo />
+      </div>
+      <div style={{ float: 'left', marginLeft: '20px' }}>
         <RemoteVideo />
-      </p>
+      </div>
     </>
   )
 }

diff --git a/devtools/src/components/LocalVideo.tsx b/devtools/src/components/LocalVideo.tsx
@@ -1,7 +1,14 @@
 import type React from 'react'
 
 const LocalVideo: React.FC = () => {
-  return <video autoPlay muted playsInline />
+  return (
+    <video
+      autoPlay
+      muted
+      playsInline
+      style={{ width: '400px', height: '300px', border: '1px solid rgb(0, 0, 255)' }}
+    />
+  )
 }
 
 export default LocalVideo
diff --git a/devtools/src/components/RemoteVideo.tsx b/devtools/src/components/RemoteVideo.tsx
@@ -1,7 +1,14 @@
 import type React from 'react'
 
 const RemoteVideo: React.FC = () => {
-  return <video autoPlay muted playsInline />
+  return (
+    <video
+      autoPlay
+      muted
+      playsInline
+      style={{ width: '400px', height: '300px', border: '1px solid rgb(255, 0, 0)' }}
+    />
+  )
 }
 
 export default RemoteVideo