diff --git a/src/Home.module.css b/src/Home.module.css index dcf1ce2..7abd5ba 100644 --- a/src/Home.module.css +++ b/src/Home.module.css @@ -2,7 +2,7 @@ display: flex; flex: 1; flex-direction: column; - min-height: 100vh; + min-height: 100%; } .splitContainer { diff --git a/src/LoginPage.module.css b/src/LoginPage.module.css index 5507db5..2834d6a 100644 --- a/src/LoginPage.module.css +++ b/src/LoginPage.module.css @@ -8,6 +8,7 @@ flex-direction: column; align-items: center; padding: 0 20px; + height: 100%; } .content { @@ -15,7 +16,7 @@ flex-direction: column; max-width: 400px; width: 100%; - height: 100vh; + min-height: 100%; } .formContainer { diff --git a/src/Room.jsx b/src/Room.jsx index e2ef36e..5357812 100644 --- a/src/Room.jsx +++ b/src/Room.jsx @@ -300,57 +300,64 @@ function RoomSetupView({
-

New Call

- {hasLocalParticipant && ( -

Warning, you are signed into this call on another device.

- )} -
- {state === GroupCallState.LocalCallFeedUninitialized && ( -

- Webcam/microphone permissions needed to join the call. -

- )} - {state === GroupCallState.InitializingLocalCallFeed && ( -

- Accept webcam/microphone permissions to join the call. -

- )} -
); diff --git a/src/Room.module.css b/src/Room.module.css index 2b96aca..58363d6 100644 --- a/src/Room.module.css +++ b/src/Room.module.css @@ -18,13 +18,14 @@ limitations under the License. position: relative; display: flex; flex-direction: column; - min-height: 100vh; - min-height: -webkit-fill-available; overflow: hidden; + min-height: 100%; } .inRoom { - width: 100vw; + position: fixed; + height: 100%; + width: 100%; } .joinRoom { @@ -33,7 +34,18 @@ limitations under the License. align-items: center; flex: 1; overflow: hidden; - margin-bottom: 20px; + height: 100%; +} + +.joinRoomContent { + display: flex; + flex-direction: column; + align-items: center; + flex: 1; +} + +.joinRoomFooter { + margin: 20px 0; } .homeLink { @@ -139,10 +151,6 @@ limitations under the License. } @media (min-width: 800px) { - .room { - position: fixed; - } - .roomContainer { flex-direction: row; } diff --git a/src/index.css b/src/index.css index 336d0bd..f2ac11b 100644 --- a/src/index.css +++ b/src/index.css @@ -129,7 +129,7 @@ body { html, body, #root { - height: 100vh; + height: 100%; } #root {