| } | } | ||||
| main { | main { | ||||
| overflow: hidden; | overflow: hidden; | ||||
| display: grid; | |||||
| grid-auto-flow: column; | |||||
| display: flex; | |||||
| } | |||||
| .videos { | |||||
| flex: 1; | |||||
| } | |||||
| .screen-share { | |||||
| flex: 10; | |||||
| } | } | ||||
| </style> | </style> | ||||
| <body>PicoChat requires JS</body> | <body>PicoChat requires JS</body> |
| autocomplete: 'off', | autocomplete: 'off', | ||||
| value: localStorage.username, | value: localStorage.username, | ||||
| } | } | ||||
| const style = { | |||||
| flexDirection: innerWidth > innerHeight ? 'row' : 'column', | |||||
| } | |||||
| return [ | return [ | ||||
| m('header', | m('header', | ||||
| State.isConnected | State.isConnected | ||||
| ), | ), | ||||
| ], | ], | ||||
| ), | ), | ||||
| m('main', | |||||
| m('main', {style}, | |||||
| State.isConnected | State.isConnected | ||||
| ? Apps.map(a => m(...a)) | ? Apps.map(a => m(...a)) | ||||
| : [ | : [ |