start a video-only page; fix some styles

This commit is contained in:
Ginger Wong
2020-08-23 21:23:16 -07:00
parent a07ad8d693
commit 22e16b67d7
10 changed files with 681 additions and 687 deletions

View File

@@ -63,17 +63,16 @@ export default class UsernameForm extends Component {
const { displayForm } = state;
const narrowSpace = document.body.clientWidth < 640;
const formDisplayStyle = narrowSpace ? 'inline-block' : 'flex';
const styles = {
info: {
display: displayForm || narrowSpace ? 'none' : 'flex',
},
form: {
display: displayForm ? 'flex' : 'none',
display: displayForm ? formDisplayStyle : 'none',
},
};
if (narrowSpace) {
styles.form.display = 'inline-block';
}
return (
html`
<div id="user-info">