From 1b2c8dd9de57e77e78c6f8d3aed55794ff026ad9 Mon Sep 17 00:00:00 2001 From: wendesongomes Date: Thu, 30 May 2024 15:31:33 -0300 Subject: [PATCH 1/2] refactor: add screem responsive --- apps/web/app/layout.tsx | 2 +- apps/web/app/room/queue/page.tsx | 20 +++++++++----------- apps/web/components/video-player.tsx | 4 ++-- 3 files changed, 12 insertions(+), 14 deletions(-) diff --git a/apps/web/app/layout.tsx b/apps/web/app/layout.tsx index 1ace456..8cfec95 100644 --- a/apps/web/app/layout.tsx +++ b/apps/web/app/layout.tsx @@ -18,7 +18,7 @@ export default function RootLayout({ }): JSX.Element { return ( - +
-
+
+

Before you start practicing, make sure to check your microphone and camera first.

Users Online: {usersOnline} -
-
- +
+ {accessGranted ? ( <> @@ -113,18 +112,18 @@ export default function Page(): JSX.Element { videoOff={videoOff} onVideoOff={toggleVideo} /> -
-

+
+

{"Each conversation room lasts for 10 minutes. When there are less than 2 minutes remaining, a timer will appear above the users' videos to indicate the time left."}

-
-

+
+

{inQueue ? "Finding a practice buddy" : "Hit the 'Ready' button when you feel ready to start practicing with someone."}

-
@@ -139,7 +138,6 @@ export default function Page(): JSX.Element {

-
); diff --git a/apps/web/components/video-player.tsx b/apps/web/components/video-player.tsx index c9f4e14..75b69e7 100644 --- a/apps/web/components/video-player.tsx +++ b/apps/web/components/video-player.tsx @@ -37,7 +37,7 @@ export const VideoPlayer = forwardRef(({ }, videoRef) => { return ( <> -
+
{!remote && (
-
+
- + @@ -83,7 +83,7 @@ export const VideoPlayer = forwardRef(({