Add room auth view

2022-01-05 16:09:51 -08:00
parent 0fe38000f5
commit eb4207e41d
5 changed files with 171 additions and 4 deletions
--- a/src/room/RoomAuthView.module.css
+++ b/src/room/RoomAuthView.module.css
@@ -0,0 +1,67 @@
+.form {
+  padding: 0 24px;
+  justify-content: center;
+  max-width: 360px;
+}
+
+.form > * + * {
+  margin-bottom: 24px;
+}
+
+.headline {
+  text-align: center;
+  margin-bottom: 60px;
+}
+
+.callEndedContent {
+  text-align: center;
+  max-width: 360px;
+}
+
+.callEndedContent h3 {
+  margin-bottom: 32px;
+}
+
+.callEndedButton {
+  width: 100%;
+  margin-top: 54px;
+}
+
+.container {
+  display: flex;
+  min-height: calc(100% - 64px);
+  flex-direction: column;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.main {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+
+.logo {
+  display: flex;
+  margin-bottom: 54px;
+}
+
+.headline {
+  margin-bottom: 40px;
+}
+
+.footer {
+  margin-bottom: 44px;
+}
+
+@media (min-width: 800px) {
+  .logo {
+    display: none;
+  }
+
+  .container {
+    min-height: calc(100% - 76px);
+  }
+}